blue-web 1.21.1 → 1.21.7

package/dist/styles/_bootstrap-mixins_overwritten.scss

@@ -1,106 +1,106 @@
-/**
-* This will overwrite button-variant mixin from Bootstrap: On hover buttons will get lighter instead of darker
-*/
-
-@mixin button-variant(
-    $background,
-    $border,
-    $color: color-contrast($background),
-    $hover-background:
-        if(
-            $color == $color-contrast-light,
-            tint-color($background, $btn-hover-bg-tint-amount),
-            shade-color($background, $btn-hover-bg-shade-amount)
-        ),
-    $hover-border:
-        if(
-            $color == $color-contrast-light,
-            tint-color($border, $btn-hover-border-tint-amount),
-            shade-color($border, $btn-hover-border-shade-amount)
-        ),
-    $hover-color: color-contrast($background),
-    $active-background:
-        if(
-            $color == $color-contrast-light,
-            shade-color($background, $btn-active-bg-shade-amount),
-            tint-color($background, $btn-active-bg-tint-amount)
-        ),
-    $active-border:
-        if(
-            $color == $color-contrast-light,
-            shade-color($border, $btn-active-border-shade-amount),
-            tint-color($border, $btn-active-border-tint-amount)
-        ),
-    $active-color: color-contrast($active-background),
-    $disabled-background: $background,
-    $disabled-border: $border,
-    $disabled-color: color-contrast($disabled-background)
-) {
-    color: $color;
-    @include gradient-bg($background);
-    border-color: $border;
-    @include box-shadow($btn-box-shadow);
-
-    &:hover {
-        color: $hover-color;
-        @include gradient-bg($hover-background);
-        border-color: $hover-border;
-    }
-
-    .btn-check:focus + &,
-    &:focus {
-        color: $hover-color;
-        @include gradient-bg($hover-background);
-        border-color: $hover-border;
-        @if $enable-shadows {
-            @include box-shadow(
-                $btn-box-shadow,
-                0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), 0.5)
-            );
-        } @else {
-            // Avoid using mixin so we can pass custom focus shadow properly
-            box-shadow: 0
-                0
-                0
-                $btn-focus-width
-                rgba(mix($color, $border, 15%), 0.5);
-        }
-    }
-
-    .btn-check:checked + &,
-    .btn-check:active + &,
-    &:active,
-    &.active,
-    .show > &.dropdown-toggle {
-        color: $active-color;
-        background-color: $active-background;
-        // Remove CSS gradients if they're enabled
-        background-image: if($enable-gradients, none, null);
-        border-color: $active-border;
-
-        &:focus {
-            @if $enable-shadows {
-                @include box-shadow(
-                    $btn-active-box-shadow,
-                    0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), 0.5)
-                );
-            } @else {
-                // Avoid using mixin so we can pass custom focus shadow properly
-                box-shadow: 0
-                    0
-                    0
-                    $btn-focus-width
-                    rgba(mix($color, $border, 15%), 0.5);
-            }
-        }
-    }
-
-    &:disabled,
-    &.disabled {
-        color: $disabled-color;
-        background-color: $disabled-background;
-        // Remove CSS gradients if they're enabled
-        background-image: if($enable-gradients, none, null);
-        border-color: $disabled-border;
-    }
-}
+/**
+* This will overwrite button-variant mixin from Bootstrap: On hover buttons will get lighter instead of darker
+*/
+
+@mixin button-variant(
+    $background,
+    $border,
+    $color: color-contrast($background),
+    $hover-background:
+        if(
+            $color == $color-contrast-light,
+            tint-color($background, $btn-hover-bg-tint-amount),
+            shade-color($background, $btn-hover-bg-shade-amount)
+        ),
+    $hover-border:
+        if(
+            $color == $color-contrast-light,
+            tint-color($border, $btn-hover-border-tint-amount),
+            shade-color($border, $btn-hover-border-shade-amount)
+        ),
+    $hover-color: color-contrast($background),
+    $active-background:
+        if(
+            $color == $color-contrast-light,
+            shade-color($background, $btn-active-bg-shade-amount),
+            tint-color($background, $btn-active-bg-tint-amount)
+        ),
+    $active-border:
+        if(
+            $color == $color-contrast-light,
+            shade-color($border, $btn-active-border-shade-amount),
+            tint-color($border, $btn-active-border-tint-amount)
+        ),
+    $active-color: color-contrast($active-background),
+    $disabled-background: $background,
+    $disabled-border: $border,
+    $disabled-color: color-contrast($disabled-background)
+) {
+    color: $color;
+    @include gradient-bg($background);
+    border-color: $border;
+    @include box-shadow($btn-box-shadow);
+
+    &:hover {
+        color: $hover-color;
+        @include gradient-bg($hover-background);
+        border-color: $hover-border;
+    }
+
+    .btn-check:focus + &,
+    &:focus {
+        color: $hover-color;
+        @include gradient-bg($hover-background);
+        border-color: $hover-border;
+        @if $enable-shadows {
+            @include box-shadow(
+                $btn-box-shadow,
+                0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), 0.5)
+            );
+        } @else {
+            // Avoid using mixin so we can pass custom focus shadow properly
+            box-shadow: 0
+                0
+                0
+                $btn-focus-width
+                rgba(mix($color, $border, 15%), 0.5);
+        }
+    }
+
+    .btn-check:checked + &,
+    .btn-check:active + &,
+    &:active,
+    &.active,
+    .show > &.dropdown-toggle {
+        color: $active-color;
+        background-color: $active-background;
+        // Remove CSS gradients if they're enabled
+        background-image: if($enable-gradients, none, null);
+        border-color: $active-border;
+
+        &:focus {
+            @if $enable-shadows {
+                @include box-shadow(
+                    $btn-active-box-shadow,
+                    0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), 0.5)
+                );
+            } @else {
+                // Avoid using mixin so we can pass custom focus shadow properly
+                box-shadow: 0
+                    0
+                    0
+                    $btn-focus-width
+                    rgba(mix($color, $border, 15%), 0.5);
+            }
+        }
+    }
+
+    &:disabled,
+    &.disabled {
+        color: $disabled-color;
+        background-color: $disabled-background;
+        // Remove CSS gradients if they're enabled
+        background-image: if($enable-gradients, none, null);
+        border-color: $disabled-border;
+    }
+}

package/dist/styles/_bootstrap-variables.scss

@@ -1,46 +1,46 @@
-// Main color theme. E.g. used for background for body and sidebar.
-$theme: hsl(217deg 10% 94%) !default;
-$theme-dark: hsl(217deg 10% 8%) !default;
-$primary: hsl(221, 97%, 53%) !default;
-$white: #fff !default;
-$gray-100: hsl(217deg 17% 98%) !default;
-$gray-200: hsl(217deg 16% 93%) !default;
-$gray-300: hsl(217deg 14% 89%) !default;
-$gray-400: hsl(217deg 14% 83%) !default;
-$gray-500: hsl(217deg 11% 71%) !default;
-$gray-600: hsl(217deg 7% 46%) !default;
-$gray-700: hsl(217deg 9% 31%) !default;
-$gray-800: hsl(217deg 10% 23%) !default;
-$gray-900: hsl(217deg 11% 15%) !default;
-$black: #000 !default;
-
-$light: #ecedf0 !default;
-
-// Components
-//
-
-$font-size-base: 1rem !default;
-
-$h1-font-size: $font-size-base * 2 !default;
-$h2-font-size: $font-size-base * 1.5 !default;
-$h3-font-size: $font-size-base * 1.25 !default;
-$h4-font-size: $font-size-base * 1.125 !default;
-$h5-font-size: $font-size-base * 1.1 !default;
-$h6-font-size: $font-size-base !default;
-
-$border-radius: 0.7rem !default;
-$border-radius-lg: 1rem !default;
-$border-radius-sm: 0.5rem !default;
-
-$custom-checkbox-indicator-border-radius: $border-radius-sm !default;
-
-$link-decoration: none !default;
-$link-hover-decoration: underline !default;
-
-// Tint focus border and shadow in primary color.
-// In a future Bootstrap release, this might not be necessary anymore.
-$focus-ring-color: #{rgba(var(--bs-primary-rgb), 25%)} !default;
-$input-focus-border-color: #{rgba(var(--bs-primary-rgb), 50%)} !default;
-
-$enable-button-pointers: false !default;
-$focus-ring-width: 0.125rem !default;
+// Main color theme. E.g. used for background for body and sidebar.
+$theme: hsl(217deg 10% 94%) !default;
+$theme-dark: hsl(217deg 10% 8%) !default;
+$primary: hsl(221, 97%, 53%) !default;
+$white: #fff !default;
+$gray-100: hsl(217deg 17% 98%) !default;
+$gray-200: hsl(217deg 16% 93%) !default;
+$gray-300: hsl(217deg 14% 89%) !default;
+$gray-400: hsl(217deg 14% 83%) !default;
+$gray-500: hsl(217deg 11% 71%) !default;
+$gray-600: hsl(217deg 7% 46%) !default;
+$gray-700: hsl(217deg 9% 31%) !default;
+$gray-800: hsl(217deg 10% 23%) !default;
+$gray-900: hsl(217deg 11% 15%) !default;
+$black: #000 !default;
+
+$light: #ecedf0 !default;
+
+// Components
+//
+
+$font-size-base: 1rem !default;
+
+$h1-font-size: $font-size-base * 2 !default;
+$h2-font-size: $font-size-base * 1.5 !default;
+$h3-font-size: $font-size-base * 1.25 !default;
+$h4-font-size: $font-size-base * 1.125 !default;
+$h5-font-size: $font-size-base * 1.1 !default;
+$h6-font-size: $font-size-base !default;
+
+$border-radius: 0.7rem !default;
+$border-radius-lg: 1rem !default;
+$border-radius-sm: 0.5rem !default;
+
+$custom-checkbox-indicator-border-radius: $border-radius-sm !default;
+
+$link-decoration: none !default;
+$link-hover-decoration: underline !default;
+
+// Tint focus border and shadow in primary color.
+// In a future Bootstrap release, this might not be necessary anymore.
+$focus-ring-color: #{rgba(var(--bs-primary-rgb), 25%)} !default;
+$input-focus-border-color: #{rgba(var(--bs-primary-rgb), 50%)} !default;
+
+$enable-button-pointers: false !default;
+$focus-ring-width: 0.125rem !default;

package/dist/styles/_bootstrap.scss

@@ -1,64 +1,64 @@
-@import "node_modules/bootstrap/scss/mixins/banner";
-@include bsBanner("");
-
-// scss-docs-start import-stack
-// Configuration
-@import "node_modules/bootstrap/scss/functions";
-@import "node_modules/bootstrap/scss/variables";
-@import "node_modules/bootstrap/scss/variables-dark";
-@import "node_modules/bootstrap/scss/maps";
-@import "node_modules/bootstrap/scss/mixins";
-@import "node_modules/bootstrap/scss/utilities";
-
-// Layout & components
-@import "node_modules/bootstrap/scss/root";
-@import "node_modules/bootstrap/scss/reboot";
-@import "node_modules/bootstrap/scss/type";
-@import "node_modules/bootstrap/scss/images";
-@import "node_modules/bootstrap/scss/containers";
-@import "node_modules/bootstrap/scss/grid";
-@import "node_modules/bootstrap/scss/tables";
-@import "node_modules/bootstrap/scss/forms";
-@import "node_modules/bootstrap/scss/buttons";
-@import "node_modules/bootstrap/scss/transitions";
-@import "node_modules/bootstrap/scss/dropdown";
-@import "node_modules/bootstrap/scss/button-group";
-@import "node_modules/bootstrap/scss/nav";
-@import "node_modules/bootstrap/scss/navbar";
-@import "node_modules/bootstrap/scss/card";
-@import "node_modules/bootstrap/scss/accordion";
-@import "node_modules/bootstrap/scss/breadcrumb";
-@import "node_modules/bootstrap/scss/pagination";
-@import "node_modules/bootstrap/scss/badge";
-@import "node_modules/bootstrap/scss/alert";
-@import "node_modules/bootstrap/scss/progress";
-@import "node_modules/bootstrap/scss/list-group";
-@import "node_modules/bootstrap/scss/close";
-@import "node_modules/bootstrap/scss/toasts";
-@import "node_modules/bootstrap/scss/modal";
-@import "node_modules/bootstrap/scss/tooltip";
-@import "node_modules/bootstrap/scss/popover";
-@import "node_modules/bootstrap/scss/carousel";
-@import "node_modules/bootstrap/scss/spinners";
-@import "node_modules/bootstrap/scss/offcanvas";
-@import "node_modules/bootstrap/scss/placeholders";
-
-// Helpers
-@import "node_modules/bootstrap/scss/helpers";
-
-// Enable responsive for position
-$utilities: map-merge(
-    $utilities,
-    (
-        "position": map-merge(
-                map-get($utilities, "position"),
-                (
-                    responsive: true
-                )
-            )
-    )
-);
-
-// Utilities
-@import "node_modules/bootstrap/scss/utilities/api";
-// scss-docs-end import-stack
+@import "node_modules/bootstrap/scss/mixins/banner";
+@include bsBanner("");
+
+// scss-docs-start import-stack
+// Configuration
+@import "node_modules/bootstrap/scss/functions";
+@import "node_modules/bootstrap/scss/variables";
+@import "node_modules/bootstrap/scss/variables-dark";
+@import "node_modules/bootstrap/scss/maps";
+@import "node_modules/bootstrap/scss/mixins";
+@import "node_modules/bootstrap/scss/utilities";
+
+// Layout & components
+@import "node_modules/bootstrap/scss/root";
+@import "node_modules/bootstrap/scss/reboot";
+@import "node_modules/bootstrap/scss/type";
+@import "node_modules/bootstrap/scss/images";
+@import "node_modules/bootstrap/scss/containers";
+@import "node_modules/bootstrap/scss/grid";
+@import "node_modules/bootstrap/scss/tables";
+@import "node_modules/bootstrap/scss/forms";
+@import "node_modules/bootstrap/scss/buttons";
+@import "node_modules/bootstrap/scss/transitions";
+@import "node_modules/bootstrap/scss/dropdown";
+@import "node_modules/bootstrap/scss/button-group";
+@import "node_modules/bootstrap/scss/nav";
+@import "node_modules/bootstrap/scss/navbar";
+@import "node_modules/bootstrap/scss/card";
+@import "node_modules/bootstrap/scss/accordion";
+@import "node_modules/bootstrap/scss/breadcrumb";
+@import "node_modules/bootstrap/scss/pagination";
+@import "node_modules/bootstrap/scss/badge";
+@import "node_modules/bootstrap/scss/alert";
+@import "node_modules/bootstrap/scss/progress";
+@import "node_modules/bootstrap/scss/list-group";
+@import "node_modules/bootstrap/scss/close";
+@import "node_modules/bootstrap/scss/toasts";
+@import "node_modules/bootstrap/scss/modal";
+@import "node_modules/bootstrap/scss/tooltip";
+@import "node_modules/bootstrap/scss/popover";
+@import "node_modules/bootstrap/scss/carousel";
+@import "node_modules/bootstrap/scss/spinners";
+@import "node_modules/bootstrap/scss/offcanvas";
+@import "node_modules/bootstrap/scss/placeholders";
+
+// Helpers
+@import "node_modules/bootstrap/scss/helpers";
+
+// Enable responsive for position
+$utilities: map-merge(
+    $utilities,
+    (
+        "position": map-merge(
+                map-get($utilities, "position"),
+                (
+                    responsive: true
+                )
+            )
+    )
+);
+
+// Utilities
+@import "node_modules/bootstrap/scss/utilities/api";
+// scss-docs-end import-stack

package/dist/styles/_button-icon-wrapper.scss

@@ -1,28 +1,28 @@
-// Extending `.icon-link > .bi` by Bootstrap to allow wrapped icons.
-
-.blue-btn-icon-wrapper {
-    display: contents;
-
-    & > * {
-        flex-shrink: 0;
-        @include transition($icon-link-icon-transition);
-    }
-    & > svg {
-        width: $icon-link-icon-size;
-        height: $icon-link-icon-size;
-        fill: currentcolor;
-    }
-}
-
-.icon-link-hover {
-    &:hover,
-    &:focus-visible {
-        .blue-btn-icon-wrapper > * {
-            transform: var(--#{$prefix}icon-link-transform, $icon-link-icon-transform);
-        }
-    }
-}
-
-.blue-btn-square {
-    padding: calc(var(--bs-btn-padding-y) + #{$icon-link-underline-offset});
-}
+// Extending `.icon-link > .bi` by Bootstrap to allow wrapped icons.
+
+.blue-btn-icon-wrapper {
+    display: contents;
+
+    & > * {
+        flex-shrink: 0;
+        @include transition($icon-link-icon-transition);
+    }
+    & > svg {
+        width: $icon-link-icon-size;
+        height: $icon-link-icon-size;
+        fill: currentcolor;
+    }
+}
+
+.icon-link-hover {
+    &:hover,
+    &:focus-visible {
+        .blue-btn-icon-wrapper > * {
+            transform: var(--#{$prefix}icon-link-transform, $icon-link-icon-transform);
+        }
+    }
+}
+
+.blue-btn-square {
+    padding: calc(var(--bs-btn-padding-y) + #{$icon-link-underline-offset});
+}