ng-configcat-publicapi-ui 4.2.2 → 5.0.0

package/public-api.scss

@@ -1,350 +0,0 @@
-@use '@angular/material' as mat;
-
-@include mat.core();
-
-$configcat-primary: mat.m2-define-palette(mat.$m2-indigo-palette, 400);
-$configcat-accent: mat.m2-define-palette(mat.$m2-grey-palette, 50);
-$configcat-warn: mat.m2-define-palette(mat.$m2-red-palette);
-
-$configcat-theme: mat.m2-define-light-theme((color: (primary: $configcat-primary,
-                accent: $configcat-accent,
-                warn: $configcat-warn,
-            ),
-            density: -1));
-
-@include mat.all-component-themes($configcat-theme);
-
-$configcat-typography: mat.m2-define-typography-config($font-family: 'Montserrat, Roboto, "Helvetica Neue", sans-serif',
-        $subtitle-1: mat.m2-define-typography-level(16px, 28px, 700),
-        $body-1: mat.m2-define-typography-level(14px, 24px, 400));
-@include mat.all-component-typographies($configcat-typography);
-
-@include mat.button-density(0);
-@include mat.icon-button-density(-2);
-@include mat.form-field-density(-2);
-@include mat.checkbox-density(-3);
-
-/* Fix Trello Dark Mode bugs. */
-html[data-color-mode='dark'] {
-    input {
-        color: #000;
-        color-scheme: auto;
-    }
-
-    select {
-        color: #000;
-
-        option {
-            color: #000;
-        }
-    }
-}
-
-html {
-    overflow: visible;
-    overflow-y: visible;
-
-    body {
-        margin: 0;
-        font-family: Montserrat, Roboto, "Helvetica Neue", sans-serif;
-        font-size: 14px;
-        background-color: #fff;
-        color: #000;
-
-        a {
-            color: #007bff;
-            text-decoration: none;
-        }
-
-        button {
-            white-space: nowrap;
-            letter-spacing: normal;
-
-            &:not(.mat-button-toggle-button) {
-                text-transform: uppercase;
-            }
-        }
-
-        code {
-            color: #000;
-            background-color: #cfcfcf
-        }
-
-        .mdc-notched-outline__notch {
-            border-left: none !important;
-        }
-
-        .mdc-notched-outline>* {
-            border-color: #dbdbdb !important;
-        }
-
-        .mdc-text-field--focused .mdc-notched-outline>* {
-            border-color: #5c6bc0 !important;
-        }
-
-        .mdc-text-field--invalid .mdc-notched-outline>* {
-            border-color: red !important;
-        }
-
-        .component .mat-mdc-text-field-wrapper,
-        .targeting-rule-component .mat-mdc-text-field-wrapper {
-            background-color: rgb(255, 255, 255);
-            border-bottom-left-radius: 4px;
-            border-bottom-right-radius: 4px;
-        }
-
-        .mat-button-toggle-label-content {
-            line-height: 34px !important;
-        }
-
-        .mat-mdc-tooltip {
-            font-size: 14px !important;
-            white-space: pre-line;
-        }
-
-        .mat-mdc-dialog-container {
-            .mat-mdc-dialog-actions {
-                padding-left: 24px !important;
-                padding-bottom: 18px !important;
-            }
-
-            .mdc-dialog__content {
-                color: black !important;
-            }
-        }
-
-        .mat-mdc-optgroup {
-            .mdc-list-item__primary-text {
-                font-size: 14px;
-                line-height: 24px;
-            }
-        }
-
-        .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
-            padding-left: 24px;
-        }
-
-        .mat-mdc-dialog-title.draggable {
-            cursor: grab;
-            cursor: -moz-grab;
-            cursor: -webkit-grab;
-        }
-
-        .mat-mdc-form-field {
-
-            .mat-mdc-form-field-hint-wrapper,
-            .mat-mdc-form-field-error-wrapper {
-                padding: 0 8px;
-
-                .mat-mdc-form-field-hint,
-                .mat-mdc-form-field-error {
-                    font-size: 10px;
-                    letter-spacing: normal;
-                    line-height: 10px;
-                }
-            }
-        }
-
-        .mat-mdc-standard-chip .mdc-evolution-chip__text-label {
-            font-size: 12px;
-        }
-
-        .mat-mdc-select-panel.custom-dropdown-below {
-            position: absolute;
-        }
-
-        .mat-mdc-option .mdc-list-item__primary-text {
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-
-        .hide-menu-overflow-text {
-            .mat-mdc-menu-item-text {
-                max-width: 100%;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-        }
-
-        .menu-long-text-or {
-            min-width: 370px;
-        }
-
-        .menu-long-text-and {
-            min-width: 300px;
-        }
-
-        .menu-with-icon {
-            .mat-mdc-menu-item-text {
-                max-width: 90%;
-            }
-        }
-
-        .mat-mdc-menu-content {
-            font-size: 14px !important;
-
-            .mat-mdc-menu-item {
-                font-size: 14px !important;
-                vertical-align: middle !important;
-                min-height: 38px !important;
-                line-height: 38px !important;
-                padding: 0 20px 0 16px !important;
-
-                .mat-icon {
-                    font-size: 18px !important;
-                    height: 18px !important;
-                    width: 18px !important;
-                    margin-right: 8px !important;
-                    color: rgba(0, 0, 0, 0.54);
-                }
-
-                .mat-mdc-menu-ripple {
-                    height: 38px !important;
-                    min-height: 38px !important;
-                }
-
-                &[disabled] {
-                    pointer-events: none;
-                }
-            }
-        }
-
-        .mat-mdc-table {
-            border-bottom: solid 1px rgba(0, 0, 0, 0.12) !important;
-
-            .mat-mdc-cell,
-            .mat-mdc-header-cell {
-                padding-left: 8px !important;
-                padding-right: 8px !important;
-                font-size: 12px !important;
-                line-height: normal !important;
-            }
-        }
-
-        .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-notched-outline__notch {
-            max-width: inherit;
-        }
-
-        .mat-mdc-select-panel.long-panel {
-            max-height: 72vh !important;
-
-            .mdc-list-item__primary-text {
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-        }
-
-        .mat-mdc-tab-group {
-            .mat-mdc-tab-header {
-                border-bottom: 1px solid rgba(0, 0, 0, .12);
-            }
-
-            &.small-header {
-                .mat-mdc-tab {
-                    min-width: 64px !important;
-                    padding: 0 3px !important;
-                    margin: 0 3px !important;
-                }
-            }
-        }
-
-
-        .small-form-field {
-            @include mat.form-field-density(-5);
-        }
-
-        .smallest-form-field {
-            @include mat.form-field-density(-5);
-
-            .mat-mdc-form-field-infix {
-                padding-top: 4px !important;
-                padding-bottom: 4px !important;
-                min-height: 32px !important;
-            }
-        }
-
-        .small-icon-button {
-            @include mat.icon-button-density(-5);
-
-            .mat-icon {
-                padding: 0 6px;
-            }
-
-            .mat-mdc-icon-button {
-                .mat-icon {
-                    padding: 0 0;
-                }
-            }
-        }
-
-        .small-chip-input {
-            .chip-container {
-                min-width: 0;
-            }
-
-            .mdc-evolution-chip-set .mdc-evolution-chip {
-                margin-top: 1px;
-                margin-bottom: 1px;
-                margin-left: 4px;
-                height: 22px;
-
-                .mdc-evolution-chip__cell--primary,
-                .mdc-evolution-chip__action--primary,
-                .mat-mdc-chip-action-label {
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                }
-            }
-        }
-
-        .top-icon-suffix {
-            .mat-mdc-form-field-icon-suffix {
-                align-self: start;
-                padding-top: 4px;
-            }
-
-            .mat-mdc-form-field-icon-prefix {
-                align-self: start;
-                padding-top: 6px;
-            }
-        }
-    }
-}
-
-.mat-mdc-snack-bar-container.green-snackbar {
-
-    .mdc-snackbar__label,
-    .mat-mdc-button {
-        color: white !important;
-    }
-
-    .mdc-snackbar__surface {
-        background-color: #4caf50 !important;
-    }
-}
-
-.mat-mdc-snack-bar-container.red-snackbar {
-
-    .mdc-snackbar__label,
-    .mat-mdc-button {
-        color: white !important;
-    }
-
-    .mdc-snackbar__surface {
-        background-color: #A32B2D !important;
-    }
-}
-
-.mat-mdc-snack-bar-container.yellow-snackbar {
-
-    .mdc-snackbar__label,
-    .mat-mdc-button {
-        color: black !important;
-    }
-
-    .mdc-snackbar__surface {
-        background-color: #f7941c !important;
-    }
-}