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

package/scss/theme/theme-base/mng/_mng_theme_input.scss

@@ -1,42 +0,0 @@
-// This makes number input fields have the same height as the other input fields inside filter row in tables
-.p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
-    & .p-button.p-inputnumber-button {
-        flex-basis: 0;
-    }
-
-    // The following two class overrides change button radius so it looks like the buttons are merged together with input field
-    & .p-inputnumber-button-up {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    & .p-inputnumber-button-down {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-}
-
-// Margin is used to hide default miter joint for border, we also hide the right border, so it does not look like the button width changes when we click on the field
-p-columnfilterformelement .p-inputnumber-input {
-    margin-right: -1px;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right-color: transparent !important;
-}
-
-.mng-radio-button-label {
-    margin-left: 0.5rem;
-}
-
-mng-number-range.ng-dirty.ng-invalid > div > p-inputnumber .p-inputtext,
-mng-date-range.ng-dirty.ng-invalid p-calendar > .p-calendar > .p-inputtext {
-    @include invalid-input();
-}
-
-.mng-formly-field-datepicker {
-    input.mng-formly-field-datepicker-input {
-        max-width: 400px;
-    }
-}

package/scss/theme/theme-base/mng/_mng_theme_menu.scss

@@ -1,5 +0,0 @@
-.p-menu {
-    &.mng-action-menu.p-menu-overlay {
-        border: $menuBorder;
-    }
-}

package/scss/theme/theme-base/mng/_mng_theme_multiselect.scss

@@ -1,20 +0,0 @@
-@use 'sass:math';
-
-.p-multiselect-panel {
-    .p-multiselect-items {
-        .p-multiselect-item {
-            &.p-highlight {
-                color: $multiselectHighlightTextColor;
-                background: $multiselectHighlightBg;
-            }
-
-            .p-checkbox {
-                .p-checkbox-box {
-                    &.p-highlight {
-                        border-color: $checkboxActiveBorderColor;
-                    }
-                }
-            }
-        }
-    }
-}

package/scss/theme/theme-base/mng/_mng_theme_styles.scss

@@ -1,19 +0,0 @@
-/* Add your customizations of the theme here */
-@import 'mng_theme_button';
-@import 'mng_theme_datatable';
-@import 'mng_theme_dropdown';
-@import 'mng_theme_tableview';
-@import 'mng_theme_dialog';
-@import 'mng_theme_forms';
-@import 'mng_theme_datepicker';
-@import 'mng_theme_toolbar';
-@import 'mng_theme_autocomplete';
-@import 'mng_theme_image';
-@import 'mng_theme_toast';
-@import 'mng_theme_menu';
-@import 'mng_theme_input';
-@import 'mng_theme_multiselect';
-@import 'mng_theme_tabview';
-@import 'mng_theme_tag';
-@import 'mng_theme_fileupload';
-@import 'mng_theme_table';

package/scss/theme/theme-base/mng/_mng_theme_table.scss

@@ -1,54 +0,0 @@
-.p-datatable:not(.p-datatable-gridlines) {
-    .p-datatable-tbody > tr > td {
-        cursor: auto;
-    }
-
-    .p-datatable-tbody > tr > td.clickable {
-        cursor: pointer;
-    }
-}
-
-.p-datatable {
-    .p-datatable-header {
-        border-top: 0;
-    }
-
-    .p-paginator {
-        .p-dropdown {
-            .p-dropdown-label {
-                display: flex;
-                align-items: center;
-            }
-        }
-    }
-}
-
-.mng-table-header {
-    & > th {
-        &:not(:first-child):not(:last-child) {
-            border-radius: 0 !important;
-        }
-
-        &:first-child {
-            border-top-right-radius: 0 !important;
-            border-bottom-right-radius: 0 !important;
-        }
-
-        &:last-child {
-            border-radius: 0 !important;
-        }
-    }
-}
-
-.mng-table-columns-multiselect {
-    width: 36px;
-
-    .p-multiselect-label-container {
-        width: 0;
-    }
-}
-
-.mng-table-row-expand-button {
-    width: 21px;
-    height: 21px;
-}

package/scss/theme/theme-base/mng/_mng_theme_tableview.scss

@@ -1,41 +0,0 @@
-.mng-tableview {
-    .p-paginator {
-        .p-paginator-current {
-            margin-left: auto;
-        }
-
-        .p-dropdown {
-            .p-dropdown-label {
-                display: flex;
-                align-items: center;
-            }
-        }
-    }
-
-    .p-progressbar {
-        height: 0.5rem;
-        background-color: #d8dadc;
-
-        .p-progressbar-value {
-            background-color: #607d8b;
-        }
-    }
-
-    .p-datatable {
-        .p-datatable-scrollable-table > .p-datatable-thead {
-            z-index: 2;
-        }
-        .p-datatable-loading-overlay {
-            z-index: 3;
-        }
-
-        .p-datatable-header {
-            text-align: left;
-            font-size: 1.5rem;
-        }
-
-        .p-datatable-thead > tr > th {
-            text-align: left;
-        }
-    }
-}

package/scss/theme/theme-base/mng/_mng_theme_tabview.scss

@@ -1,14 +0,0 @@
-.p-tabview-title-error {
-    color: $errorColor !important;
-}
-
-.p-tabview-nav-btn.p-link {
-    background: $primaryTextColor;
-    color: $primaryColor;
-    border-radius: 0;
-    width: 3rem;
-    box-shadow:
-        0 3px 1px -2px rgba(0, 0, 0, 0.2),
-        0 2px 2px 0 rgba(0, 0, 0, 0.14),
-        0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}

package/scss/theme/theme-base/mng/_mng_theme_tag.scss

@@ -1,11 +0,0 @@
-.p-tag {
-    &.p-tag-secondary {
-        background-color: $secondaryButtonBg;
-        color: $secondaryButtonTextColor;
-
-        &.p-tag-outlined {
-            background-color: unset;
-            border: 1px solid $secondaryButtonActiveBg;
-        }
-    }
-}

package/scss/theme/theme-base/mng/_mng_theme_toolbar.scss

@@ -1,5 +0,0 @@
-.p-toolbar {
-    &.mng-action-editor-toolbar {
-        border: none;
-    }
-}

package/scss/theme/theme-base/mng/_mng_variables.scss

@@ -1,15 +0,0 @@
-$mediaSmWidthMin: 576px !default;
-$mediaMdWidthMin: 768px !default;
-$mediaLgWidthMin: 992px !default;
-$mediaXlWidthMin: 1200px !default;
-
-$mediaXsWidthMax: #{$mediaSmWidthMin - 1} !default;
-$mediaSmWidthMax: #{$mediaMdWidthMin - 1} !default;
-$mediaMdWidthMax: #{$mediaLgWidthMin - 1} !default;
-$mediaLgWidthMax: #{$mediaXlWidthMin - 1} !default;
-
-$scaleXS: 0.8 !default;
-$scaleLG: 1.4 !default;
-
-$mngDialogContentPadding: 0 1.714rem !default;
-$mngDialogFooterPadding: 1.286rem 1.714rem !default;

package/scss/theme/theme-dark/_extensions.scss

@@ -1,109 +0,0 @@
-@mixin focused-ring($ring-color) {
-    box-shadow:
-        0 0 0 2px #1c2127,
-        0 0 0 4px $ring-color,
-        0 1px 2px 0 rgba(0, 0, 0, 0);
-}
-
-.p-button-label {
-    font-weight: 700;
-}
-
-.p-accordion {
-    .p-accordion-header {
-        .p-accordion-header-link {
-            transition:
-                background-color $transitionDuration,
-                border-color $transitionDuration,
-                box-shadow $transitionDuration;
-        }
-    }
-}
-
-.p-tabview {
-    .p-tabview-nav {
-        li {
-            .p-tabview-nav-link {
-                transition:
-                    background-color $transitionDuration,
-                    border-color $transitionDuration,
-                    box-shadow $transitionDuration;
-            }
-        }
-
-        .p-tabview-ink-bar {
-            z-index: 1;
-            display: block;
-            position: absolute;
-            bottom: 0;
-            height: 2px;
-            background-color: $primaryColor;
-            transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-        }
-    }
-}
-
-.p-carousel {
-    .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-        background-color: $primaryColor;
-    }
-}
-
-.p-galleria {
-    .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-        background-color: $primaryColor;
-    }
-}
-
-.p-button {
-    &:focus {
-        @include focused-ring(rgba($buttonBg, 0.7));
-    }
-
-    &.p-button-secondary:enabled:focus {
-        @include focused-ring(rgba($secondaryButtonBg, 0.7));
-    }
-
-    &.p-button-success:enabled:focus {
-        @include focused-ring(rgba($successButtonBg, 0.7));
-    }
-
-    &.p-button-info:enabled:focus {
-        @include focused-ring(rgba($infoButtonBg, 0.7));
-    }
-
-    &.p-button-warning:enabled:focus {
-        @include focused-ring(rgba($warningButtonBg, 0.7));
-    }
-
-    &.p-button-help:enabled:focus {
-        @include focused-ring(rgba($helpButtonBg, 0.7));
-    }
-
-    &.p-button-danger:enabled:focus {
-        @include focused-ring(rgba($dangerButtonBg, 0.7));
-    }
-}
-
-.p-datatable {
-    .p-datatable-tbody {
-        > tr {
-            &.p-datatable-dragpoint-top > td {
-                box-shadow: inset 0 2px 0 0 $primaryColor;
-            }
-
-            &.p-datatable-dragpoint-bottom > td {
-                box-shadow: inset 0 -2px 0 0 $primaryColor;
-            }
-        }
-    }
-}
-
-.custom-timeline {
-    &.p-timeline {
-        &.p-timeline-vertical .p-timeline-event-opposite {
-            flex: 0;
-            padding: 0;
-        }
-    }
-}