bootstrap-select2-rails 4.1.0.pre.rc.0

data/vendor/assets/stylesheets/bootstrap-select2-rails/bootstrap5/_disabled.scss

@@ -0,0 +1,37 @@
+.select2-container--bootstrap-5 {
+    &.select2-container--disabled,
+    &.select2-container--disabled.select2-container--focus {
+        // Base styling
+        .select2-selection {
+            color: $s2bs5-disabled-color;
+            cursor: not-allowed;
+            background-color: $s2bs5-disabled-bg;
+            border-color: $s2bs5-disabled-border-color;
+            box-shadow: none;
+        }
+
+        // Multiple
+        .select2-selection--multiple {
+            .select2-selection__clear {
+                display: none;
+            }
+
+            // Items
+            .select2-selection__choice {
+                cursor: not-allowed;
+                .select2-selection__choice__remove {
+                    display: none;
+                }
+            }
+
+            // Remove search field if no items selected
+            .select2-selection__rendered:not(:empty) {
+                padding-bottom: 0;
+
+                + .select2-search {
+                    display: none;
+                }
+            }
+        }
+    }
+}

data/vendor/assets/stylesheets/bootstrap-select2-rails/bootstrap5/_dropdown.scss

@@ -0,0 +1,117 @@
+.select2-container--bootstrap-5 {
+    + .select2-container--bootstrap-5 {
+        z-index: $s2bs5-zindex;
+    }
+
+    // Dropdown
+    .select2-dropdown {
+        z-index: $s2bs5-zindex;
+        overflow: hidden;
+        color: $s2bs5-color;
+        background-color: $s2bs5-bg;
+        border-color: $s2bs5-focus-border-color;
+        @include border-radius($s2bs5-border-radius);
+
+        // Open Below
+        &.select2-dropdown--below {
+            border-top: 0 solid transparent;
+            @include border-top-radius(0);
+        }
+
+        // Open Above
+        &.select2-dropdown--above {
+            border-bottom: 0 solid transparent;
+            @include border-bottom-radius(0);
+        }
+
+        // Search box
+        .select2-search {
+            padding: $s2bs5-padding-y $s2bs5-padding-x;
+
+            // Search field
+            .select2-search__field {
+                display: block;
+                width: 100%;
+                padding: $s2bs5-padding-y $s2bs5-padding-x;
+                font-family: $s2bs5-font-family;
+                @include font-size($s2bs5-font-size);
+                font-weight: $s2bs5-font-weight;
+                line-height: $s2bs5-line-height;
+                color: $s2bs5-color;
+                background-color: $s2bs5-bg;
+                background-clip: padding-box;
+                border: $s2bs5-border-width solid $s2bs5-border-color;
+                appearance: none;
+
+                @include border-radius($s2bs5-border-radius, 0);
+                @include box-shadow($s2bs5-box-shadow);
+                @include transition($s2bs5-transition);
+
+                &:focus {
+                    border-color: $s2bs5-focus-border-color;
+                    box-shadow: $s2bs5-focus-box-shadow;
+                }
+            }
+        }
+
+        // Items
+        .select2-results__options {
+            &:not(.select2-results__options--nested) {
+                max-height: $s2bs5-options-max-height;
+                overflow-y: auto;
+            }
+
+            // Item
+            .select2-results__option {
+                padding: $s2bs5-item-padding-y $s2bs5-item-padding-x;
+                @include font-size($s2bs5-font-size);
+                font-weight: $s2bs5-font-weight;
+                line-height: $s2bs5-line-height;
+
+                // No results message
+                &.select2-results__message {
+                    color: $s2bs5-placeholder-color;
+                }
+
+                // Highlighted Item
+                &.select2-results__option--highlighted {
+                    color: color-contrast($s2bs5-item-hover-bg);
+                    background-color: $s2bs5-item-hover-bg;
+                }
+
+                // Selected Item
+                &.select2-results__option--selected,
+                &[aria-selected="true"]:not(.select2-results__option--highlighted) {
+                    color: color-contrast($s2bs5-item-active-bg);
+                    background-color: $s2bs5-item-active-bg;
+                }
+
+                // Disabled Item
+                &.select2-results__option--disabled,
+                &[aria-disabled="true"] {
+                    color: $s2bs5-disabled-color;
+                }
+
+                // Optgroup
+                &[role="group"] {
+                    padding: 0;
+
+                    // Group Header
+                    .select2-results__group {
+                        padding: $s2bs5-group-padding-y $s2bs5-group-padding-x;
+                        font-weight: $s2bs5-group-font-weight;
+                        line-height: $s2bs5-line-height;
+                        color: $s2bs5-group-color;
+                    }
+
+                    // Group Item
+                    .select2-results__options--nested {
+                        .select2-results__option {
+                            padding: $s2bs5-item-padding-y $s2bs5-item-padding-x;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

data/vendor/assets/stylesheets/bootstrap-select2-rails/bootstrap5/_include-all.scss

@@ -0,0 +1,10 @@
+@import "variables";
+
+@import "layout";
+@import "dropdown";
+@import "single";
+@import "multiple";
+@import "disabled";
+@import "input-group";
+@import "validation";
+@import "sizing";

data/vendor/assets/stylesheets/bootstrap-select2-rails/bootstrap5/_input-group.scss

@@ -0,0 +1,38 @@
+// Duplicated & altered from Bootstrap 5
+.input-group {
+    &:not(.has-validation) {
+        > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
+            &.select2-container--bootstrap-5 {
+                .select2-selection {
+                    @include border-end-radius(0);
+                }
+            }
+        }
+    }
+
+    &.has-validation {
+        > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu) {
+            &.select2-container--bootstrap-5 {
+                .select2-selection {
+                    @include border-end-radius(0);
+                }
+            }
+        }
+    }
+
+    > .input-group-text ~ .select2-container--bootstrap-5,
+    > .btn ~ .select2-container--bootstrap-5,
+    > .dropdown-menu ~ .select2-container--bootstrap-5 {
+        .select2-selection {
+            @include border-start-radius(0);
+        }
+    }
+
+    // Ensure container takes up remaining room
+    .select2-container--bootstrap-5 {
+        flex-grow: 1;
+        .select2-selection {
+            height: 100%;
+        }
+    }
+}

data/vendor/assets/stylesheets/bootstrap-select2-rails/bootstrap5/_layout.scss

@@ -0,0 +1,90 @@
+// Base layout
+.select2-container--bootstrap-5 {
+    display: block;
+
+    @at-root select + & {
+        z-index: 1;
+    }
+
+    *:focus {
+        outline: 0;
+    }
+
+    // Input
+    .select2-selection {
+        width: 100%;
+        min-height: $s2bs5-height;
+        padding: $s2bs5-padding-y $s2bs5-padding-x;
+        font-family: $s2bs5-font-family;
+        @include font-size($s2bs5-font-size);
+        font-weight: $s2bs5-font-weight;
+        line-height: $s2bs5-line-height;
+        color: $s2bs5-color;
+        background-color: $s2bs5-bg;
+        border: $s2bs5-border-width solid $s2bs5-border-color;
+        @include border-radius($s2bs5-border-radius, 0);
+        @include box-shadow($s2bs5-box-shadow);
+        @include transition($s2bs5-transition);
+        appearance: none;
+    }
+
+    // Focused/Open Input
+    &.select2-container--focus,
+    &.select2-container--open {
+        .select2-selection {
+            border-color: $s2bs5-focus-border-color;
+            box-shadow: $s2bs5-focus-box-shadow;
+        }
+    }
+
+    // Hide bottom border when open and below
+    &.select2-container--open.select2-container--below .select2-selection {
+        border-bottom: 0 solid transparent;
+        @include border-bottom-radius(0);
+    }
+
+    // Hide top border when open and above
+    &.select2-container--open.select2-container--above .select2-selection {
+        border-top: 0 solid transparent;
+        @include border-top-radius(0);
+    }
+
+    // Placeholder Width
+    .select2-search {
+        width: 100%;
+    }
+
+    .select2-search--inline {
+        .select2-search__field {
+            vertical-align: top;
+        }
+    }
+
+    // Clear Button
+    .select2-selection--single,
+    .select2-selection--multiple {
+        .select2-selection__clear {
+            position: absolute;
+            top: 50%;
+            right: $s2bs5-indicator-padding;
+            width: $s2bs5-clear-width;
+            height: $s2bs5-clear-height;
+            padding: $s2bs5-clear-padding-y $s2bs5-clear-padding-x;
+            overflow: hidden;
+            text-indent: 100%;
+            white-space: nowrap;
+            background: $s2bs5-clear-bg;
+            transform: translateY(-50%);
+
+            // Change icon on hover
+            &:hover {
+                background: $s2bs5-clear-hover-bg;
+            }
+
+            // Hide children
+            >span {
+                display: none;
+            }
+        }
+    }
+}

data/vendor/assets/stylesheets/bootstrap-select2-rails/bootstrap5/_multiple.scss

@@ -0,0 +1,73 @@
+.select2-container--bootstrap-5 {
+    .select2-selection--multiple {
+        // List items
+        .select2-selection__rendered {
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            padding-left: 0;
+            margin: 0;
+            list-style: none;
+
+            // Items
+            .select2-selection__choice {
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                padding: $s2bs5-multi-item-padding-y $s2bs5-multi-item-padding-x;
+                margin-right: .375rem;
+                margin-bottom: .375rem;
+                @include font-size($s2bs5-font-size);
+                color: $s2bs5-color;
+                cursor: auto;
+                border: $s2bs5-border-width solid $s2bs5-border-color;
+                @include border-radius($s2bs5-border-radius);
+
+                // Removal button
+                .select2-selection__choice__remove {
+                    width: $s2bs5-clear-width;
+                    height: $s2bs5-clear-height;
+                    padding: $s2bs5-clear-padding-y $s2bs5-clear-padding-x;
+                    margin-right: .25rem;
+                    overflow: hidden;
+                    text-indent: 100%;
+                    white-space: nowrap;
+                    background: $s2bs5-clear-bg;
+                    border: 0;
+
+                    &:hover {
+                        background: $s2bs5-clear-hover-bg;
+                    }
+
+                    // Remove children
+                    >span {
+                        display: none;
+                    }
+                }
+            }
+        }
+
+        // Input area
+        .select2-search {
+            display: block;
+            width: 100%;
+            height: $s2bs5-height-inner;
+
+            // Input field
+            .select2-search__field {
+                width: 100%;
+                height: $s2bs5-height-inner;
+                margin-top: 0;
+                margin-left: 0;
+                font-family: $s2bs5-font-family;
+                line-height: $s2bs5-line-height;
+                background-color: transparent;
+            }
+        }
+
+        // Clear button override
+        .select2-selection__clear {
+            right: $s2bs5-padding-x;
+        }
+    }
+}

data/vendor/assets/stylesheets/bootstrap-select2-rails/bootstrap5/_single.scss

@@ -0,0 +1,29 @@
+.select2-container--bootstrap-5 {
+    .select2-selection--single {
+        padding: $s2bs5-padding-y $s2bs5-indicator-padding $s2bs5-padding-y $s2bs5-padding-x;
+        background-image: escape-svg($s2bs5-indicator);
+        background-repeat: no-repeat;
+        background-position: $s2bs5-bg-position;
+        background-size: $s2bs5-bg-size;
+
+        // Rendered view
+        .select2-selection__rendered {
+            padding: 0;
+            font-weight: $s2bs5-font-weight;
+            line-height: $s2bs5-line-height;
+            color: $s2bs5-color;
+
+            // Placeholder
+            .select2-selection__placeholder {
+                font-weight: $s2bs5-font-weight;
+                line-height: $s2bs5-line-height;
+                color: $s2bs5-placeholder-color;
+            }
+
+            // Disable arrow
+            .select2-selection__arrow {
+                display: none;
+            }
+        }
+    }
+}

data/vendor/assets/stylesheets/bootstrap-select2-rails/bootstrap5/_sizing.scss

@@ -0,0 +1,125 @@
+@mixin s2bs5-sizing($size-list: $s2bs5-small, $selector: "") {
+    // Layout
+    #{$selector}.select2-selection {
+        min-height: map-get($size-list, height);
+        padding: map-get($size-list, padding-y) map-get($size-list, padding-x);
+        @include font-size(map-get($size-list, font-size));
+        @include border-radius(map-get($size-list, border-radius), 0);
+    }
+
+    #{$selector}.select2-selection--single,
+    #{$selector}.select2-selection--multiple {
+        .select2-selection__clear {
+            width: map-get($size-list, clear-width);
+            height: map-get($size-list, clear-height);
+            padding: map-get($size-list, clear-padding-y) map-get($size-list, clear-padding-x);
+            background: map-get($size-list, clear-bg);
+
+            &:hover {
+                background: map-get($size-list, clear-hover-bg);
+            }
+        }
+
+        .select2-search {
+            &,
+            .select2-search__field {
+                height: map-get($size-list, height-inner);
+            }
+        }
+    }
+
+    // Dropdown
+    #{$selector}.select2-dropdown {
+        @include border-radius(map-get($size-list, border-radius));
+
+        // Open Below
+        &.select2-dropdown--below {
+            @include border-top-radius(0);
+        }
+
+        // Open Above
+        &.select2-dropdown--above {
+            @include border-bottom-radius(0);
+        }
+
+        .select2-search {
+            .select2-search__field {
+                padding: map-get($size-list, padding-y) map-get($size-list, padding-x);
+                @include font-size(map-get($size-list, font-size));
+            }
+        }
+
+        .select2-results__options {
+            .select2-results__option {
+                padding: map-get($size-list, item-padding-y) map-get($size-list, item-padding-x);
+                @include font-size(map-get($size-list, font-size));
+
+                &[role="group"] {
+                    .select2-results__group {
+                        padding: map-get($size-list, group-padding-y) map-get($size-list, group-padding-x);
+                    }
+
+                    .select2-results__options--nested {
+                        .select2-results__option {
+                            padding: map-get($size-list, item-padding-y) map-get($size-list, item-padding-x);
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    // Single
+    #{$selector}.select2-selection--single {
+        padding: map-get($size-list, padding-y) $s2bs5-indicator-padding map-get($size-list, padding-y) map-get($size-list, padding-x);
+    }
+
+    // Multiple
+    #{$selector}.select2-selection--multiple {
+        .select2-selection__rendered {
+            .select2-selection__choice {
+                padding: $s2bs5-multi-item-padding-y $s2bs5-multi-item-padding-x;
+                @include font-size(map-get($size-list, font-size));
+
+                .select2-selection__choice__remove {
+                    width: map-get($size-list, clear-width);
+                    height: map-get($size-list, clear-height);
+                    padding: map-get($size-list, clear-padding-y) map-get($size-list, clear-padding-x);
+                    background: map-get($size-list, clear-bg);
+
+                    &:hover {
+                        background: map-get($size-list, clear-hover-bg);
+                    }
+                }
+            }
+        }
+
+        .select2-selection__clear {
+            right: map-get($size-list, padding-x);
+        }
+    }
+}
+
+// Using options
+.select2-container--bootstrap-5 {
+    // Small
+    @include s2bs5-sizing($s2bs5-small, ".select2--small");
+
+    // Large
+    @include s2bs5-sizing($s2bs5-large, ".select2--large");
+}
+
+// Using bootstrap classes
+// Small
+.form-select-sm {
+    ~ .select2-container--bootstrap-5 {
+        @include s2bs5-sizing($s2bs5-small);
+    }
+}
+
+// Large
+.form-select-lg {
+    ~ .select2-container--bootstrap-5 {
+        @include s2bs5-sizing($s2bs5-large);
+    }
+}

data/vendor/assets/stylesheets/bootstrap-select2-rails/bootstrap5/_validation.scss

@@ -0,0 +1,63 @@
+.select2-container--bootstrap-5 {
+    // Valid
+    .is-valid + &,
+    .was-validated select:valid + & {
+        // Set border color
+        .select2-selection {
+            border-color: $s2bs5-valid-border-color;
+        }
+
+        &.select2-container--focus,
+        &.select2-container--open {
+            // Set border color & box shadow
+            .select2-selection {
+                border-color: $s2bs5-valid-border-color;
+                box-shadow: $s2bs5-valid-focus-box-shadow;
+            }
+        }
+
+        &.select2-container--open {
+            // Hide bottom border when open and below
+            &.select2-container--below .select2-selection {
+                border-bottom: 0 solid transparent;
+            }
+
+            // Hide top border when open and above
+            &.select2-container--above .select2-selection {
+                border-top: 0 solid transparent;
+                @include border-top-radius(0);
+            }
+        }
+    }
+
+    // Invalid
+    .is-invalid + &,
+    .was-validated select:invalid + & {
+        // Set border color
+        .select2-selection {
+            border-color: $s2bs5-invalid-border-color;
+        }
+
+        &.select2-container--focus,
+        &.select2-container--open {
+            // Set border color & box shadow
+            .select2-selection {
+                border-color: $s2bs5-invalid-border-color;
+                box-shadow: $s2bs5-invalid-focus-box-shadow;
+            }
+        }
+
+        &.select2-container--open {
+            // Hide bottom border when open and below
+            &.select2-container--below .select2-selection {
+                border-bottom: 0 solid transparent;
+            }
+
+            // Hide top border when open and above
+            &.select2-container--above .select2-selection {
+                border-top: 0 solid transparent;
+                @include border-top-radius(0);
+            }
+        }
+    }
+}