bootstrap 5.0.0.alpha2 → 5.0.0.alpha3

data/assets/stylesheets/bootstrap/helpers/_colored-links.scss

@@ -2,10 +2,10 @@
   .link-#{$color} {
     color: $value;
 
-    @if $emphasized-link-hover-darken-percentage != 0 {
+    @if $link-shade-percentage != 0 {
       &:hover,
       &:focus {
-        color: if(color-contrast($value) == $color-contrast-light, darken($value, $emphasized-link-hover-darken-percentage), lighten($value, $emphasized-link-hover-darken-percentage));
+        color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage));
       }
     }
   }

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

@@ -4,6 +4,6 @@
   border-color: $border;
 
   .alert-link {
-    color: darken($color, 10%);
+    color: shade-color($color, 20%);
   }
 }

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

@@ -7,11 +7,11 @@
   $background,
   $border,
   $color: color-contrast($background),
-  $hover-background: if($color == $color-contrast-light, darken($background, 7.5%), lighten($background, 7.5%)),
-  $hover-border: if($color == $color-contrast-light, darken($border, 10%), lighten($border, 5%)),
+  $hover-background: if($color == $color-contrast-light, shade-color($background, 15%), tint-color($background, 15%)),
+  $hover-border: if($color == $color-contrast-light, shade-color($border, 20%), tint-color($border, 10%)),
   $hover-color: color-contrast($hover-background),
-  $active-background: if($color == $color-contrast-light, darken($background, 10%), lighten($background, 10%)),
-  $active-border: if($color == $color-contrast-light, darken($border, 12.5%), lighten($border, 5%)),
+  $active-background: if($color == $color-contrast-light, shade-color($background, 20%), tint-color($background, 20%)),
+  $active-border: if($color == $color-contrast-light, shade-color($border, 25%), tint-color($border, 10%)),
   $active-color: color-contrast($active-background),
   $disabled-background: $background,
   $disabled-border: $border,

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

@@ -114,20 +114,4 @@
       margin-left: .5em;
     }
   }
-
-  // custom file
-  .form-file-input {
-    @include form-validation-state-selector($state) {
-      ~ .form-file-label {
-        border-color: $color;
-      }
-
-      &:focus {
-        ~ .form-file-label {
-          border-color: $color;
-          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
-        }
-      }
-    }
-  }
 }

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

@@ -4,7 +4,7 @@
   background-color: $color;
 
   @if $enable-gradients {
-    background-image: var(--bs-gradient);
+    background-image: var(--#{$variable-prefix}gradient);
   }
 }
 

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

@@ -3,13 +3,13 @@
 // Generate semantic grid columns with these mixins.
 
 @mixin make-row($gutter: $grid-gutter-width) {
-  --bs-gutter-x: #{$gutter};
-  --bs-gutter-y: 0;
+  --#{$variable-prefix}gutter-x: #{$gutter};
+  --#{$variable-prefix}gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
-  margin-top: calc(var(--bs-gutter-y) * -1); // stylelint-disable-line function-disallowed-list
-  margin-right: calc(var(--bs-gutter-x) / -2); // stylelint-disable-line function-disallowed-list
-  margin-left: calc(var(--bs-gutter-x) / -2); // stylelint-disable-line function-disallowed-list
+  margin-top: calc(var(--#{$variable-prefix}gutter-y) * -1); // stylelint-disable-line function-disallowed-list
+  margin-right: calc(var(--#{$variable-prefix}gutter-x) / -2); // stylelint-disable-line function-disallowed-list
+  margin-left: calc(var(--#{$variable-prefix}gutter-x) / -2); // stylelint-disable-line function-disallowed-list
 }
 
 @mixin make-col-ready($gutter: $grid-gutter-width) {
@@ -21,9 +21,9 @@
   flex-shrink: 0;
   width: 100%;
   max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid
-  padding-right: calc(var(--bs-gutter-x) / 2); // stylelint-disable-line function-disallowed-list
-  padding-left: calc(var(--bs-gutter-x) / 2); // stylelint-disable-line function-disallowed-list
-  margin-top: var(--bs-gutter-y);
+  padding-right: calc(var(--#{$variable-prefix}gutter-x) / 2); // stylelint-disable-line function-disallowed-list
+  padding-left: calc(var(--#{$variable-prefix}gutter-x) / 2); // stylelint-disable-line function-disallowed-list
+  margin-top: var(--#{$variable-prefix}gutter-y);
 }
 
 @mixin make-col($size, $columns: $grid-columns) {
@@ -107,12 +107,12 @@
       @each $key, $value in $gutters {
         .g#{$infix}-#{$key},
         .gx#{$infix}-#{$key} {
-          --bs-gutter-x: #{$value};
+          --#{$variable-prefix}gutter-x: #{$value};
         }
 
         .g#{$infix}-#{$key},
         .gy#{$infix}-#{$key} {
-          --bs-gutter-y: #{$value};
+          --#{$variable-prefix}gutter-y: #{$value};
         }
       }
     }

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

@@ -9,7 +9,7 @@
       &:hover,
       &:focus {
         color: $color;
-        background-color: darken($background, 5%);
+        background-color: shade-color($background, 10%);
       }
 
       &.active {

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

@@ -6,13 +6,13 @@
     $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
     $active-bg: mix($color, $background, percentage($table-active-bg-factor));
 
-    --bs-table-bg: #{$background};
-    --bs-table-striped-bg: #{$striped-bg};
-    --bs-table-striped-color: #{color-contrast($striped-bg)};
-    --bs-table-active-bg: #{$active-bg};
-    --bs-table-active-color: #{color-contrast($active-bg)};
-    --bs-table-hover-bg: #{$hover-bg};
-    --bs-table-hover-color: #{color-contrast($hover-bg)};
+    --#{$variable-prefix}table-bg: #{$background};
+    --#{$variable-prefix}table-striped-bg: #{$striped-bg};
+    --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)};
+    --#{$variable-prefix}table-active-bg: #{$active-bg};
+    --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)};
+    --#{$variable-prefix}table-hover-bg: #{$hover-bg};
+    --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)};
 
     color: $color;
     border-color: mix($color, $background, percentage($table-border-factor));

data/lib/bootstrap/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Bootstrap
-  VERSION       = '5.0.0.alpha2'
-  BOOTSTRAP_SHA = 'b083c9639fd9012e5cba57d6c4088d43b3c3e57d'
+  VERSION       = '5.0.0.alpha3'
+  BOOTSTRAP_SHA = '384eccbfaf3f234944f8d60ac70dd7966814c994'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap
 version: !ruby/object:Gem::Version
-  version: 5.0.0.alpha2
+  version: 5.0.0.alpha3
 platform: ruby
 authors:
 - Twitter, Inc.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-11-08 00:00:00.000000000 Z
+date: 2020-11-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: popper_js
@@ -250,7 +250,6 @@ files:
 - assets/javascripts/bootstrap/dom/data.js
 - assets/javascripts/bootstrap/dom/event-handler.js
 - assets/javascripts/bootstrap/dom/manipulator.js
-- assets/javascripts/bootstrap/dom/polyfill.js
 - assets/javascripts/bootstrap/dom/selector-engine.js
 - assets/javascripts/bootstrap/dropdown.js
 - assets/javascripts/bootstrap/modal.js
@@ -262,6 +261,7 @@ files:
 - assets/stylesheets/_bootstrap-grid.scss
 - assets/stylesheets/_bootstrap-reboot.scss
 - assets/stylesheets/_bootstrap.scss
+- assets/stylesheets/bootstrap/_accordion.scss
 - assets/stylesheets/bootstrap/_alert.scss
 - assets/stylesheets/bootstrap/_badge.scss
 - assets/stylesheets/bootstrap/_breadcrumb.scss
@@ -296,9 +296,9 @@ files:
 - assets/stylesheets/bootstrap/_utilities.scss
 - assets/stylesheets/bootstrap/_variables.scss
 - assets/stylesheets/bootstrap/bootstrap-utilities.scss
+- assets/stylesheets/bootstrap/forms/_floating-labels.scss
 - assets/stylesheets/bootstrap/forms/_form-check.scss
 - assets/stylesheets/bootstrap/forms/_form-control.scss
-- assets/stylesheets/bootstrap/forms/_form-file.scss
 - assets/stylesheets/bootstrap/forms/_form-range.scss
 - assets/stylesheets/bootstrap/forms/_form-select.scss
 - assets/stylesheets/bootstrap/forms/_form-text.scss

data/assets/javascripts/bootstrap/dom/polyfill.js

@@ -1,110 +0,0 @@
-/*!
-  * Bootstrap polyfill.js v5.0.0-alpha2 (https://getbootstrap.com/)
-  * Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
-  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-  */
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-  typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Polyfill = {}));
-}(this, (function (exports) { 'use strict';
-
-  /**
-   * --------------------------------------------------------------------------
-   * Bootstrap (v5.0.0-alpha2): util/index.js
-   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-   * --------------------------------------------------------------------------
-   */
-  var MAX_UID = 1000000;
-  /**
-   * --------------------------------------------------------------------------
-   * Public Util Api
-   * --------------------------------------------------------------------------
-   */
-
-
-  var getUID = function getUID(prefix) {
-    do {
-      prefix += Math.floor(Math.random() * MAX_UID);
-    } while (document.getElementById(prefix));
-
-    return prefix;
-  };
-
-  /* istanbul ignore file */
-  exports.find = Element.prototype.querySelectorAll;
-  exports.findOne = Element.prototype.querySelector; // MSEdge resets defaultPrevented flag upon dispatchEvent call if at least one listener is attached
-
-  var defaultPreventedPreservedOnDispatch = function () {
-    var e = new CustomEvent('Bootstrap', {
-      cancelable: true
-    });
-    var element = document.createElement('div');
-    element.addEventListener('Bootstrap', function () {
-      return null;
-    });
-    e.preventDefault();
-    element.dispatchEvent(e);
-    return e.defaultPrevented;
-  }();
-
-  var scopeSelectorRegex = /:scope\b/;
-
-  var supportScopeQuery = function () {
-    var element = document.createElement('div');
-
-    try {
-      element.querySelectorAll(':scope *');
-    } catch (_) {
-      return false;
-    }
-
-    return true;
-  }();
-
-  if (!supportScopeQuery) {
-    exports.find = function find(selector) {
-      if (!scopeSelectorRegex.test(selector)) {
-        return this.querySelectorAll(selector);
-      }
-
-      var hasId = Boolean(this.id);
-
-      if (!hasId) {
-        this.id = getUID('scope');
-      }
-
-      var nodeList = null;
-
-      try {
-        selector = selector.replace(scopeSelectorRegex, "#" + this.id);
-        nodeList = this.querySelectorAll(selector);
-      } finally {
-        if (!hasId) {
-          this.removeAttribute('id');
-        }
-      }
-
-      return nodeList;
-    };
-
-    exports.findOne = function findOne(selector) {
-      if (!scopeSelectorRegex.test(selector)) {
-        return this.querySelector(selector);
-      }
-
-      var matches = exports.find.call(this, selector);
-
-      if (typeof matches[0] !== 'undefined') {
-        return matches[0];
-      }
-
-      return null;
-    };
-  }
-
-  exports.defaultPreventedPreservedOnDispatch = defaultPreventedPreservedOnDispatch;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-})));

data/assets/stylesheets/bootstrap/forms/_form-file.scss

@@ -1,91 +0,0 @@
-.form-file {
-  --bs-form-file-height: #{$form-file-height};
-  position: relative;
-}
-
-.form-file-input {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  height: var(--bs-form-file-height);
-  margin: 0;
-  opacity: 0;
-
-  &:focus-within ~ .form-file-label {
-    border-color: $form-file-focus-border-color;
-    box-shadow: $form-file-focus-box-shadow;
-  }
-
-  // Use disabled attribute in addition of :disabled pseudo-class
-  // See: https://github.com/twbs/bootstrap/issues/28247
-  &[disabled] ~ .form-file-label .form-file-text,
-  &:disabled ~ .form-file-label .form-file-text {
-    background-color: $form-file-disabled-bg;
-    border-color: $form-file-disabled-border-color;
-  }
-}
-
-.form-file-label {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: 1;
-  display: flex;
-  height: var(--bs-form-file-height);
-  border-color: $form-file-border-color;
-  @include border-radius($form-file-border-radius);
-  @include box-shadow($form-file-box-shadow);
-}
-
-.form-file-text {
-  display: block;
-  flex-grow: 1;
-  padding: $form-file-padding-y $form-file-padding-x;
-  overflow: hidden;
-  font-family: $form-file-font-family;
-  font-weight: $form-file-font-weight;
-  line-height: $form-file-line-height;
-  color: $form-file-color;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  background-color: $form-file-bg;
-  border-color: inherit;
-  border-style: solid;
-  border-width: $form-file-border-width;
-  @include border-left-radius(inherit);
-}
-
-.form-file-button {
-  display: block;
-  flex-shrink: 0;
-  padding: $form-file-padding-y $form-file-padding-x;
-  margin-left: -$form-file-border-width;
-  line-height: $form-file-line-height;
-  color: $form-file-button-color;
-  @include gradient-bg($form-file-button-bg);
-  border-color: inherit;
-  border-style: solid;
-  border-width: $form-file-border-width;
-  @include border-right-radius(inherit);
-}
-
-.form-file-sm {
-  --bs-form-file-height: #{$form-file-height-sm};
-  @include font-size($form-file-font-size-sm);
-
-  .form-file-text,
-  .form-file-button {
-    padding: $form-file-padding-y-sm $form-file-padding-x-sm;
-  }
-}
-
-.form-file-lg {
-  --bs-form-file-height: #{$form-file-height-lg};
-  @include font-size($form-file-font-size-lg);
-
-  .form-file-text,
-  .form-file-button {
-    padding: $form-file-padding-y-lg $form-file-padding-x-lg;
-  }
-}