@mediusinc/mng-commons-layout 6.0.0-rc.5 → 6.0.0-rc.6

package/scss/theme/theme-base/components/multimedia/_galleria.scss

@@ -1,155 +0,0 @@
-.p-galleria {
-    .p-galleria-close {
-        margin: $galleriaCloseIconMargin;
-        background: $galleriaCloseIconBg;
-        color: $galleriaCloseIconColor;
-        width: $galleriaCloseIconWidth;
-        height: $galleriaCloseIconHeight;
-        transition: $actionIconTransition;
-        border-radius: $galleriaCloseIconBorderRadius;
-
-        .p-galleria-close-icon {
-            font-size: $galleriaCloseIconFontSize;
-        }
-
-        .p-icon-wrapper {
-            .p-icon {
-                width: $galleriaCloseIconFontSize;
-                height: $galleriaCloseIconFontSize;
-            }
-        }
-
-        &:hover {
-            background: $galleriaCloseIconHoverBg;
-            color: $galleriaCloseIconHoverColor;
-        }
-    }
-
-    .p-galleria-item-nav {
-        background: $galleriaItemNavigatorBg;
-        color: $galleriaItemNavigatorColor;
-        width: $galleriaItemNavigatorWidth;
-        height: $galleriaItemNavigatorHeight;
-        transition: $actionIconTransition;
-        border-radius: $galleriaItemNavigatorBorderRadius;
-        margin: $galleriaItemNavigatorMargin;
-
-        .p-galleria-item-prev-icon,
-        .p-galleria-item-next-icon {
-            font-size: $galleriaItemNavigatorFontSize;
-        }
-
-        .p-icon-wrapper {
-            .p-icon {
-                width: $galleriaCloseIconFontSize;
-                height: $galleriaCloseIconFontSize;
-            }
-        }
-
-        &:not(.p-disabled) {
-            &:hover {
-                background: $galleriaItemNavigatorHoverBg;
-                color: $galleriaItemNavigatorHoverColor;
-            }
-        }
-    }
-
-    .p-galleria-caption {
-        background: $galleriaCaptionBg;
-        color: $galleriaCaptionTextColor;
-        padding: $galleriaCaptionPadding;
-    }
-
-    .p-galleria-indicators {
-        padding: $galleriaIndicatorsPadding;
-
-        .p-galleria-indicator {
-            button {
-                background-color: $galleriaIndicatorBg;
-                width: $galleriaIndicatorWidth;
-                height: $galleriaIndicatorHeight;
-                transition: $actionIconTransition;
-                border-radius: $galleriaIndicatorBorderRadius;
-
-                &:hover {
-                    background: $galleriaIndicatorHoverBg;
-                }
-            }
-
-            &.p-highlight {
-                button {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-                }
-            }
-        }
-    }
-
-    &.p-galleria-indicators-bottom,
-    &.p-galleria-indicators-top {
-        .p-galleria-indicator {
-            margin-right: $inlineSpacing;
-        }
-    }
-
-    &.p-galleria-indicators-left,
-    &.p-galleria-indicators-right {
-        .p-galleria-indicator {
-            margin-bottom: $inlineSpacing;
-        }
-    }
-
-    &.p-galleria-indicator-onitem {
-        .p-galleria-indicators {
-            background: $galleriaIndicatorsBgOnItem;
-
-            .p-galleria-indicator {
-                button {
-                    background: $galleriaIndicatorBgOnItem;
-
-                    &:hover {
-                        background: $galleriaIndicatorHoverBgOnItem;
-                    }
-                }
-
-                &.p-highlight {
-                    button {
-                        background: $highlightBg;
-                        color: $highlightTextColor;
-                    }
-                }
-            }
-        }
-    }
-
-    .p-galleria-thumbnail-container {
-        background: $galleriaThumbnailContainerBg;
-        padding: $galleriaThumbnailContainerPadding;
-
-        .p-galleria-thumbnail-prev,
-        .p-galleria-thumbnail-next {
-            margin: $inlineSpacing;
-            background-color: $galleriaThumbnailNavigatorBg;
-            color: $galleriaThumbnailNavigatorColor;
-            width: $galleriaThumbnailNavigatorWidth;
-            height: $galleriaThumbnailNavigatorHeight;
-            transition: $actionIconTransition;
-            border-radius: $galleriaThumbnailNavigatorBorderRadius;
-
-            &:hover {
-                background: $galleriaThumbnailNavigatorHoverBg;
-                color: $galleriaThumbnailNavigatorHoverColor;
-            }
-        }
-
-        .p-galleria-thumbnail-item-content {
-            &:focus-visible {
-                @include focused();
-            }
-        }
-    }
-}
-
-.p-galleria-mask {
-    --maskbg: #{$galleriaMaskBg};
-}

package/scss/theme/theme-base/components/multimedia/_image.scss

@@ -1,49 +0,0 @@
-.p-image-mask {
-    --maskbg: #{$imageMaskBg};
-}
-
-.p-image-preview-indicator {
-    background-color: transparent;
-    color: $imagePreviewIndicatorColor;
-    transition: $actionIconTransition;
-}
-
-.p-image-preview-container {
-    &:hover {
-        > .p-image-preview-indicator {
-            background-color: $imagePreviewIndicatorBg;
-        }
-    }
-}
-
-.p-image-toolbar {
-    padding: $imagePreviewToolbarPadding;
-}
-
-.p-image-action.p-link {
-    color: $imagePreviewActionIconColor;
-    background-color: $imagePreviewActionIconBg;
-    width: $imagePreviewActionIconWidth;
-    height: $imagePreviewActionIconHeight;
-    border-radius: $imagePreviewActionIconBorderRadius;
-    transition: $actionIconTransition;
-    margin-right: $inlineSpacing;
-
-    &:last-child {
-        margin-right: 0;
-    }
-
-    &:hover {
-        color: $imagePreviewActionIconHoverColor;
-        background-color: $imagePreviewActionIconHoverBg;
-    }
-
-    i {
-        font-size: $imagePreviewActionIconFontSize;
-    }
-
-    .p-icon {
-        width: $imagePreviewActionIconFontSize;
-        height: $imagePreviewActionIconFontSize;
-    }
-}

package/scss/theme/theme-base/components/overlay/_confirmpopup.scss

@@ -1,70 +0,0 @@
-.p-confirm-popup {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-
-    .p-confirm-popup-content {
-        padding: $panelContentPadding;
-    }
-
-    .p-confirm-popup-footer {
-        text-align: right;
-        padding: $panelFooterPadding;
-
-        button {
-            margin: 0 $inlineSpacing 0 0;
-            width: auto;
-
-            &:last-child {
-                margin: 0;
-            }
-        }
-    }
-
-    &:after {
-        border: solid transparent;
-        border-color: rgba($overlayContentBg, 0);
-        border-bottom-color: $overlayContentBg;
-    }
-
-    &:before {
-        border: solid transparent;
-
-        @if (nth($overlayContentBorder, 2) == 'none') {
-            border-color: rgba($overlayContentBg, 0);
-            border-bottom-color: $overlayContentBg;
-        } @else {
-            border-color: rgba(nth($overlayContentBorder, 3), 0);
-            border-bottom-color: nth($overlayContentBorder, 3);
-        }
-    }
-
-    &.p-confirm-popup-flipped {
-        &:after {
-            border-top-color: $overlayContentBg;
-        }
-
-        &:before {
-            @if (nth($overlayContentBorder, 2) == 'none') {
-                border-top-color: $overlayContentBg;
-            } @else {
-                border-top-color: nth($overlayContentBorder, 3);
-            }
-        }
-    }
-
-    .p-confirm-popup-icon {
-        font-size: $primeIconFontSize * 1.5;
-
-        &.p-icon {
-            width: $primeIconFontSize * 1.5;
-            height: $primeIconFontSize * 1.5;
-        }
-    }
-
-    .p-confirm-popup-message {
-        margin-left: $inlineSpacing * 2;
-    }
-}

package/scss/theme/theme-base/components/overlay/_dialog.scss

@@ -1,69 +0,0 @@
-.p-dialog {
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-    border: $overlayContentBorder;
-
-    .p-dialog-header {
-        border-bottom: $dialogHeaderBorder;
-        background: $dialogHeaderBg;
-        color: $dialogHeaderTextColor;
-        padding: $dialogHeaderPadding;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-dialog-title {
-            font-weight: $dialogHeaderFontWeight;
-            font-size: $dialogHeaderFontSize;
-        }
-
-        .p-dialog-header-icon {
-            @include action-icon();
-            margin-right: $inlineSpacing;
-
-            &:last-child {
-                margin-right: 0;
-            }
-        }
-    }
-
-    .p-dialog-content {
-        background: $overlayContentBg;
-        color: $panelContentTextColor;
-        padding: $dialogContentPadding;
-
-        &:last-of-type {
-            border-bottom-right-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
-    }
-
-    .p-dialog-footer {
-        border-top: $dialogFooterBorder;
-        background: $overlayContentBg;
-        color: $panelFooterTextColor;
-        padding: $dialogFooterPadding;
-        text-align: right;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-
-        button {
-            margin: 0 $inlineSpacing 0 0;
-            width: auto;
-        }
-    }
-
-    &.p-confirm-dialog {
-        .p-confirm-dialog-icon {
-            font-size: $primeIconFontSize * 2;
-
-            &.p-icon {
-                width: $primeIconFontSize * 2;
-                height: $primeIconFontSize * 2;
-            }
-        }
-
-        .p-confirm-dialog-message {
-            margin-left: $inlineSpacing * 2;
-        }
-    }
-}

package/scss/theme/theme-base/components/overlay/_overlaypanel.scss

@@ -1,62 +0,0 @@
-@use 'sass:math';
-
-.p-overlaypanel {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-
-    .p-overlaypanel-content {
-        padding: $panelContentPadding;
-    }
-
-    .p-overlaypanel-close {
-        background: $buttonBg;
-        color: $buttonTextColor;
-        width: $actionIconWidth;
-        height: $actionIconHeight;
-        transition: $actionIconTransition;
-        border-radius: $actionIconBorderRadius;
-        position: absolute;
-        top: math.div(-1 * $actionIconWidth, 2);
-        right: math.div(-1 * $actionIconWidth, 2);
-
-        &:enabled:hover {
-            background: $buttonHoverBg;
-            color: $buttonTextHoverColor;
-        }
-    }
-
-    &:after {
-        border: solid transparent;
-        border-color: rgba($overlayContentBg, 0);
-        border-bottom-color: $overlayContentBg;
-    }
-
-    &:before {
-        border: solid transparent;
-
-        @if (nth($overlayContentBorder, 2) == 'none') {
-            border-color: rgba($overlayContentBg, 0);
-            border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
-        } @else {
-            border-color: rgba(nth($overlayContentBorder, 3), 0);
-            border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%);
-        }
-    }
-
-    &.p-overlaypanel-flipped {
-        &:after {
-            border-top-color: $overlayContentBg;
-        }
-
-        &:before {
-            @if (nth($overlayContentBorder, 2) == 'none') {
-                border-top-color: $overlayContentBg;
-            } @else {
-                border-top-color: nth($overlayContentBorder, 3);
-            }
-        }
-    }
-}

package/scss/theme/theme-base/components/overlay/_sidebar.scss

@@ -1,27 +0,0 @@
-.p-sidebar {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    box-shadow: $overlayContainerShadow;
-
-    .p-sidebar-header {
-        padding: $panelHeaderPadding;
-
-        .p-sidebar-close,
-        .p-sidebar-icon {
-            @include action-icon();
-        }
-
-        & + .p-sidebar-content {
-            padding-top: 0;
-        }
-    }
-
-    .p-sidebar-content {
-        padding: $panelContentPadding;
-    }
-
-    .p-sidebar-footer {
-        padding: $panelHeaderPadding;
-    }
-}

package/scss/theme/theme-base/components/overlay/_tooltip.scss

@@ -1,33 +0,0 @@
-.p-tooltip {
-    .p-tooltip-text {
-        background: $tooltipBg;
-        color: $tooltipTextColor;
-        padding: $tooltipPadding;
-        box-shadow: $inputOverlayShadow;
-        border-radius: $borderRadius;
-    }
-
-    &.p-tooltip-right {
-        .p-tooltip-arrow {
-            border-right-color: $tooltipBg;
-        }
-    }
-
-    &.p-tooltip-left {
-        .p-tooltip-arrow {
-            border-left-color: $tooltipBg;
-        }
-    }
-
-    &.p-tooltip-top {
-        .p-tooltip-arrow {
-            border-top-color: $tooltipBg;
-        }
-    }
-
-    &.p-tooltip-bottom {
-        .p-tooltip-arrow {
-            border-bottom-color: $tooltipBg;
-        }
-    }
-}

package/scss/theme/theme-base/components/panel/_accordion.scss

@@ -1,119 +0,0 @@
-.p-accordion {
-    .p-accordion-header {
-        .p-accordion-header-link {
-            padding: $accordionHeaderPadding;
-            border: $accordionHeaderBorder;
-            color: $accordionHeaderTextColor;
-            background: $accordionHeaderBg;
-            font-weight: $accordionHeaderFontWeight;
-            border-radius: $borderRadius;
-            transition: $listItemTransition;
-
-            .p-accordion-toggle-icon {
-                margin-right: $inlineSpacing;
-            }
-        }
-
-        &:not(.p-disabled) {
-            .p-accordion-header-link {
-                &:focus-visible {
-                    @include focused-inset();
-                }
-            }
-        }
-
-        &:not(.p-highlight):not(.p-disabled):hover {
-            .p-accordion-header-link {
-                background: $accordionHeaderHoverBg;
-                border-color: $accordionHeaderHoverBorderColor;
-                color: $accordionHeaderTextHoverColor;
-            }
-        }
-
-        &:not(.p-disabled).p-highlight {
-            .p-accordion-header-link {
-                background: $accordionHeaderActiveBg;
-                border-color: $accordionHeaderActiveBorderColor;
-                color: $accordionHeaderTextActiveColor;
-                border-bottom-right-radius: 0;
-                border-bottom-left-radius: 0;
-            }
-
-            &:hover {
-                .p-accordion-header-link {
-                    border-color: $accordionHeaderActiveHoverBorderColor;
-                    background: $accordionHeaderActiveHoverBg;
-                    color: $accordionHeaderTextActiveHoverColor;
-                }
-            }
-        }
-    }
-
-    .p-accordion-content {
-        padding: $accordionContentPadding;
-        border: $accordionContentBorder;
-        background: $accordionContentBg;
-        color: $accordionContentTextColor;
-        border-top: 0;
-        border-top-right-radius: 0;
-        border-top-left-radius: 0;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-    }
-
-    p-accordiontab {
-        .p-accordion-tab {
-            margin-bottom: $accordionSpacing;
-        }
-
-        @if $accordionSpacing == 0 {
-            .p-accordion-header {
-                .p-accordion-header-link {
-                    border-radius: 0;
-                }
-            }
-
-            .p-accordion-content {
-                border-radius: 0;
-            }
-
-            &:not(:first-child) {
-                .p-accordion-header {
-                    .p-accordion-header-link {
-                        border-top: 0 none;
-                    }
-
-                    &:not(.p-highlight):not(.p-disabled):hover,
-                    &:not(.p-disabled).p-highlight:hover {
-                        .p-accordion-header-link {
-                            border-top: 0 none;
-                        }
-                    }
-                }
-            }
-
-            &:first-child {
-                .p-accordion-header {
-                    .p-accordion-header-link {
-                        border-top-right-radius: $borderRadius;
-                        border-top-left-radius: $borderRadius;
-                    }
-                }
-            }
-
-            &:last-child {
-                .p-accordion-header:not(.p-highlight) {
-                    .p-accordion-header-link {
-                        border-bottom-right-radius: $borderRadius;
-                        border-bottom-left-radius: $borderRadius;
-                    }
-                }
-
-                .p-accordion-content {
-                    border-bottom-right-radius: $borderRadius;
-                    border-bottom-left-radius: $borderRadius;
-                }
-            }
-        }
-    }
-}

package/scss/theme/theme-base/components/panel/_card.scss

@@ -1,30 +0,0 @@
-.p-card {
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    box-shadow: $cardShadow;
-    border-radius: $borderRadius;
-
-    .p-card-body {
-        padding: $cardBodyPadding;
-    }
-
-    .p-card-title {
-        font-size: $cardTitleFontSize;
-        font-weight: $cardTitleFontWeight;
-        margin-bottom: $inlineSpacing;
-    }
-
-    .p-card-subtitle {
-        font-weight: $cardSubTitleFontWeight;
-        margin-bottom: $inlineSpacing;
-        color: $cardSubTitleColor;
-    }
-
-    .p-card-content {
-        padding: $cardContentPadding;
-    }
-
-    .p-card-footer {
-        padding: $cardFooterPadding;
-    }
-}

package/scss/theme/theme-base/components/panel/_divider.scss

@@ -1,31 +0,0 @@
-.p-divider {
-    .p-divider-content {
-        background-color: $panelContentBg;
-    }
-
-    &.p-divider-horizontal {
-        margin: $dividerHorizontalMargin;
-        padding: $dividerHorizontalPadding;
-
-        &:before {
-            border-top: $dividerSize $dividerColor;
-        }
-
-        .p-divider-content {
-            padding: 0 $inlineSpacing;
-        }
-    }
-
-    &.p-divider-vertical {
-        margin: $dividerVerticalMargin;
-        padding: $dividerVerticalPadding;
-
-        &:before {
-            border-left: $dividerSize $dividerColor;
-        }
-
-        .p-divider-content {
-            padding: $inlineSpacing 0;
-        }
-    }
-}

package/scss/theme/theme-base/components/panel/_fieldset.scss

@@ -1,47 +0,0 @@
-.p-fieldset {
-    border: $panelContentBorder;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    border-radius: $borderRadius;
-
-    .p-fieldset-legend {
-        padding: $panelHeaderPadding;
-        border: $panelHeaderBorder;
-        color: $panelHeaderTextColor;
-        background: $panelHeaderBg;
-        font-weight: $panelHeaderFontWeight;
-        border-radius: $borderRadius;
-    }
-
-    &.p-fieldset-toggleable {
-        .p-fieldset-legend {
-            padding: 0;
-            transition: $actionIconTransition;
-
-            a {
-                padding: $panelHeaderPadding;
-                color: $panelHeaderTextColor;
-                border-radius: $borderRadius;
-                transition: $listItemTransition;
-
-                .p-fieldset-toggler {
-                    margin-right: $inlineSpacing;
-                }
-
-                &:focus-visible {
-                    @include focused();
-                }
-            }
-
-            &:hover {
-                background: $panelHeaderHoverBg;
-                border-color: $panelHeaderHoverBorderColor;
-                color: $panelHeaderTextHoverColor;
-            }
-        }
-    }
-
-    .p-fieldset-content {
-        padding: $panelContentPadding;
-    }
-}