blue-react 9.9.2 → 9.10.0

package/dist/styles/mixins/_misc.scss

@@ -1,49 +0,0 @@
-/**
-@deprecated Will be removed in a future version. Please use `blue-custom-scrollbar` instead!
-*/
-@mixin custom-scrollbar($thumb-color, $bg-color, $track-border-radius: 0) {
-    @include blue-custom-scrollbar(
-        $bg-color,
-        rgba($thumb-color, 0.5),
-        rgba($thumb-color, 0.6),
-        rgba($thumb-color, 0.7),
-        $track-border-radius
-    );
-}
-
-@mixin blue-custom-scrollbar(
-    $bg-color,
-    $thumb-color,
-    $thumb-color-hover: $thumb-color,
-    $thumb-color-focus: $thumb-color,
-    $track-border-radius: 0
-) {
-    ::-webkit-scrollbar-thumb {
-        background-color: $thumb-color;
-        box-shadow: inset 1px 1px 0 rgba(white, 0.2), inset 0 -1px 0 rgba(white, 0.17);
-    }
-    ::-webkit-scrollbar-thumb:hover {
-        background-color: $thumb-color-hover;
-    }
-    ::-webkit-scrollbar-thumb:active {
-        background-color: $thumb-color-focus;
-    }
-
-    ::-webkit-scrollbar-track {
-        background-color: $bg-color;
-        border-radius: $track-border-radius;
-    }
-}
-
-@mixin slide-transition() {
-    $slide-transition: width 0.5s;
-    transition: $slide-transition;
-}
-
-@mixin header-bg() {
-    background-image: linear-gradient(
-        var(--blue-header-bg, $header-bg),
-        rgba(var(--blue-header-bg-rgb, var(--bs-theme-rgb)), var(--blue-shimmering, $shimmering))
-    );
-    backdrop-filter: blur(3px) saturate(125%);
-}

package/dist/styles/mixins/_scroll-shadow.scss

@@ -1,9 +0,0 @@
-@mixin scroll-shadow($bg, $light-base: white) {
-    background: linear-gradient($bg 30%, rgba($light-base, 0)),
-        linear-gradient(rgba($light-base, 0) 10px, $bg 70%) bottom,
-        radial-gradient(at top, rgba(0, 0, 0, 0.2), transparent 70%),
-        radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 70%) bottom;
-    background-repeat: no-repeat;
-    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
-    background-attachment: local, local, scroll, scroll;
-}

package/dist/styles/mixins/_sidebar.scss

@@ -1,201 +0,0 @@
-@mixin openSidebarMenu() {
-    .blue-sidebar-hidden-on-open,
-    .blue-sidebar-before-hidden-on-open::before,
-    .blue-sidebar-after-hidden-on-open::after,
-    .blue-sidebar-pseudo-hidden-on-open::before,
-    .blue-sidebar-pseudo-hidden-on-open::after {
-        display: none !important;
-    }
-
-    .blue-sidebar-visible-on-open {
-        animation: fade-in 1s;
-        display: flex !important;
-    }
-
-    .blue-menu-item-label {
-        display: inline-block;
-    }
-    .blue-sidebar {
-        z-index: 42;
-        box-shadow: 0.6rem 6rem 6rem rgba(0, 0, 0, 0.4);
-        // background-color: darken($theme, 30%);
-    }
-
-    --blue-sidebar-width: #{$bla-sidebar-width};
-
-    .blue-sidebar,
-    .blue-sidebar .blue-menu-item {
-        width: $bla-sidebar-width;
-    }
-
-    .blue-sidebar .blue-menu-item {
-        & > * {
-            width: auto;
-        }
-    }
-
-    .blue-sub-sidebar {
-        left: $bla-sidebar-width;
-    }
-
-    .blue-menu-item-dropdown-caret.blue-caret {
-        display: flex;
-    }
-
-    .blue-menu-item-dropdown {
-        .blue-menu-item {
-            width: 100%;
-        }
-    }
-
-    /* search */
-    .blue-search:not(.blue-search-body) {
-        background-color: $sidebar-search-bg;
-    }
-
-    .blue-search-btn {
-        display: none;
-    }
-
-    .blue-search-input-group {
-        display: flex;
-        align-items: center;
-    }
-
-    .blue-header-title.sidebar {
-        transform: translateX(0);
-    }
-
-    .blue-sidebar-menu-horizontal-on-open {
-        .blue-menu-item {
-            &.active::after {
-                @include blue-menu-item-indicator-horizontal();
-            }
-        }
-    }
-
-    .blue-sidebar-menu-vertical-on-open {
-        .blue-menu-item {
-            &.active::after {
-                @include blue-menu-item-indicator();
-            }
-        }
-    }
-}
-
-@mixin blue-sidebar($width) {
-    .blue-menu-item {
-        color: inherit;
-        width: $normal-size;
-        height: $normal-size;
-        padding: 0.25rem 0.75rem;
-        font-size: $bla-btn-font-size;
-        display: flex;
-        align-items: center;
-        border-color: transparent;
-        @include slide-transition();
-
-        &::before {
-            content: "";
-            position: absolute;
-            top: 0.25rem;
-            right: 0.25rem;
-            bottom: 0.25rem;
-            left: 0.25rem;
-            background-color: currentColor;
-            border-radius: $border-radius;
-            transform: scale(0.9);
-            opacity: 0;
-            transition: all 0.2s;
-        }
-
-        &[draggable] {
-            cursor: move;
-
-            &:active {
-                box-shadow: inset 0 0 0.25rem;
-            }
-        }
-
-        &:hover,
-        &:active,
-        &.highlighted {
-            color: inherit;
-            border-color: transparent;
-
-            &::before {
-                transform: scale(1);
-                opacity: 0.25;
-            }
-        }
-
-        &.highlighted {
-            &::before {
-                opacity: 0.16;
-            }
-        }
-
-        &:hover,
-        &:active {
-            &::before {
-                opacity: 0.25;
-            }
-        }
-
-        &.active::after {
-            @include blue-menu-item-indicator();
-        }
-
-        & > * + .blue-menu-item-label {
-            margin-left: 0.5rem;
-        }
-    }
-
-    :root {
-        --blue-sidebar-width: #{$width};
-    }
-
-    .blue-sidebar {
-        width: $width;
-        color: var(--blue-sidebar-color);
-        background: var(--blue-sidebar-bg);
-        position: fixed;
-        left: 0;
-        top: $normal-size;
-        bottom: 0;
-        z-index: 3;
-        display: flex;
-        flex-direction: column;
-        @include slide-transition();
-
-        .blue-menu {
-            overflow-y: auto;
-            flex: 1;
-            @include scroll-shadow(var(--blue-sidebar-bg), $sidebar-bg);
-        }
-
-        .blue-menu-item {
-            & > * {
-                width: 100%;
-            }
-        }
-    }
-}
-
-@keyframes blue-menu-item-indicator-in-from-side {
-    from {
-        transform: translateX(-100%);
-    }
-    to {
-        transform: translateX(1);
-    }
-}
-
-@keyframes blue-menu-item-indicator-in-from-below {
-    from {
-        transform: translateY(100%);
-    }
-    to {
-        transform: translateY(1);
-    }
-}

package/dist/styles/mixins/_switch.scss

@@ -1,85 +0,0 @@
-@mixin switch(
-    $width: 35px,
-    $height: 20px,
-    $padding: 3px,
-    $color: $body-color,
-    $color-active: $success
-) {
-    $slider-size: $height - ($padding * 2);
-
-    & {
-        position: relative;
-        display: inline-block;
-        width: $width;
-        height: $height;
-
-        input {
-            display: none;
-        }
-
-        &.disabled {
-            opacity: 0.8;
-        }
-
-        &:not(.disabled) {
-            .slider {
-                cursor: pointer;
-            }
-        }
-
-        .slider {
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background-color: $input-group-addon-bg;
-            transition: 0.4s;
-            box-shadow: inset 0 0 0 1px rgba($color, 0.5);
-
-            &::before {
-                content: "";
-                position: absolute;
-                height: $slider-size;
-                width: $slider-size;
-                left: $padding;
-                bottom: $padding;
-                background-color: $color;
-                transition: 0.4s;
-            }
-
-            &::after {
-                content: attr(data-label);
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                transform: translate(-50%, -50%);
-                margin-left: ($slider-size * 0.5);
-                transition: margin-left 0.4s;
-                color: $color;
-            }
-        }
-
-        input:checked {
-            & + .slider {
-                background-color: $color-active;
-                box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.3);
-
-                &::before {
-                    transform: translateX(
-                        $width - $slider-size - ($padding * 2)
-                    );
-                    background-color: white;
-                }
-
-                &::after {
-                    color: white;
-                    margin-left: ($slider-size * 0.5) * -1;
-                }
-            }
-        }
-        input:focus + .slider {
-            box-shadow: 0 0 1px $color-active;
-        }
-    }
-}

package/dist/types/components/DocumentView.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-export interface DocumentViewProps {
-    /**
-     * Source of the content (URL)
-     */
-    src?: string;
-    /**
-     * Instead of a source, you can also set the content directly (HTML)
-     */
-    content?: string;
-    /**
-     * MIME type of the content (e.g. "application/pdf")
-     */
-    mimeType: string;
-    /**
-     * Label for the button to display
-     */
-    showDocumentLabel: string;
-}
-/**
- * @deprecated Only used by one project (Florence). Component will be moved to that project instead.
- * Tries to display content in an iframe. When the content can't displayed in an iframe, it will show a download button instead.
- */
-export default function DocumentView({ content, mimeType, src, showDocumentLabel }: DocumentViewProps): JSX.Element;