qms-angular 1.0.68 → 1.0.69

package/src/lib/components/qms-status-dropdown/qms-status-dropdown.component.scss

@@ -0,0 +1,148 @@
+.qms-status-dropdown-container {
+    ::ng-deep .material-custom-multiselect {
+        height: 40px;
+
+        .mat-form-field-flex {
+            border-radius: 2px;
+            padding: 0 17.5px 0 16px;
+            width: 100%;
+            height: 40px;
+
+            .mat-select-min-line {
+                font-family: "Open Sans";
+                font-size: 14px;
+                font-weight: 600;
+                line-height: 16px;
+            }
+        }
+
+        .mat-form-field-infix {
+            padding-top: 0;
+            border-top: 10px solid transparent;
+
+            .mat-select-value-text {
+                line-height: 16px;
+            }
+        }
+
+        .mat-form-field-wrapper {
+            .mat-form-field-underline {
+                display: none;
+            }
+        }
+    }
+
+    &.warning {
+        ::ng-deep .material-custom-multiselect {
+            .mat-form-field-flex {
+                background-color: #E4CF53;
+
+                .mat-select-arrow-wrapper {
+                    .mat-select-arrow {
+                        color: rgba(0, 0, 0, 0.6);
+                    }
+                }
+            }
+
+            .mat-select-value {
+                color: #323232;
+                font-weight: 600;
+            }
+            .mat-select-arrow {
+                color: #323232;
+            }
+        }
+    }
+    
+    &.light {
+        ::ng-deep .material-custom-multiselect {
+            .mat-form-field-flex {
+                background-color: rgba(0, 0, 0, 0.1);
+
+                .mat-select-arrow-wrapper {
+                    .mat-select-arrow {
+                        color: rgba(0, 0, 0, 0.6);
+                    }
+                }
+            }
+
+            .mat-select-value {
+                color: #323232;
+                font-weight: 600;
+            }
+            .mat-select-arrow {
+                color: #323232;
+            }
+        }
+    }
+    
+    &.danger {
+        ::ng-deep .material-custom-multiselect {
+            .mat-form-field-flex {
+                background-color: #9E360F;
+
+                .mat-select-arrow-wrapper {
+                    .mat-select-arrow {
+                        color: rgba(255, 255, 255, 0.6);
+                    }
+                }
+            }
+
+            .mat-select-value {
+                color: #fff;
+            }
+
+            .mat-select-arrow {
+                color: #fff;
+            }
+        }
+    }
+
+    &.success {
+        ::ng-deep .material-custom-multiselect {
+            .mat-form-field-flex {
+                background-color: #005832;
+            }
+    
+            .mat-select-value {
+                color: #fff;
+            }
+    
+            .mat-select-arrow {
+                color: #fff;
+            }
+
+            .mat-select-arrow-wrapper {
+                .mat-select-arrow {
+                    color: rgba(255, 255, 255, 0.6);
+                }
+            }
+        }
+    }
+
+    ::ng-deep {
+        mat-select {
+            .mat-select-value {
+                font-size: 14px;
+                line-height: 16px;
+                color: #323232;
+                font-weight: 500;
+            }
+
+            .mat-select-arrow-wrapper {
+                padding-top: 17.5px;
+
+                .mat-select-arrow {
+                    border-top: 4px solid;
+                }
+            }
+        }
+
+        mat-option .mat-option-custom .mat-pseudo-checkbox-checked::after {
+            top: 3px;
+            width: 11px;
+            height: 5px;
+            border-left: 3px solid currentColor;
+        }
+    }
+}

package/src/themes/core/_qms-label.scss

@@ -0,0 +1,32 @@
+label {
+    &.qms-label {
+        font-size: 14px;
+        line-height: 16px;
+        font-family: "Open Sans";
+        padding: 4px 6px;
+        border-radius: 4px;
+        font-weight: 600;
+        margin-bottom: 0;
+        height: 24px;
+
+        &.qms-label-success {
+            background: linear-gradient(0deg, rgba(0, 128, 76, 0.1), rgba(0, 128, 76, 0.1)), #FFFFFF;
+            color: #005935;
+        }
+
+        &.qms-label-warning {
+            background: linear-gradient(0deg, rgba(228, 207, 83, 0.3), rgba(228, 207, 83, 0.3)), #FFFFFF;
+            color: #726729;
+        }
+
+        &.qms-label-light {
+            background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #FFFFFF;;
+            color: #525252;
+        }
+
+        &.qms-label-danger {
+            background: linear-gradient(0deg, rgba(149, 39, 2, 0.1), rgba(149, 39, 2, 0.1)), #FFFFFF;
+            color: #74280B;
+        }
+    }
+}

package/esm2015/lib/components/test-only/test-only.component.js

@@ -1,17 +0,0 @@
-import { Component, Input } from "@angular/core";
-export class TestOnlyComponent {
-    constructor() {
-        this.text = "";
-    }
-}
-TestOnlyComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'qms-test-only',
-                template: "<div class=\"test-container\">\r\n    <h1 class=\"content\">{{ text }}</h1>\r\n</div>",
-                styles: [".test-container .content{background-color:#f4e9e5;max-height:36vw;overflow-y:scroll;overflow-x:hidden}"]
-            },] }
-];
-TestOnlyComponent.propDecorators = {
-    text: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdC1vbmx5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Ftcy1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90ZXN0LW9ubHkvdGVzdC1vbmx5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU9qRCxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBTWEsU0FBSSxHQUFXLEVBQUUsQ0FBQztJQUMvQixDQUFDOzs7WUFQQSxTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGVBQWU7Z0JBRXpCLGlHQUF5Qzs7YUFDNUM7OzttQkFFSSxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAncW1zLXRlc3Qtb25seScsXHJcbiAgICBzdHlsZVVybHM6IFsnLi90ZXN0LW9ubHkuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi90ZXN0LW9ubHkuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUZXN0T25seUNvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSBcIlwiO1xyXG59Il19

package/lib/components/test-only/test-only.component.d.ts

@@ -1,3 +0,0 @@
-export declare class TestOnlyComponent {
-    text: string;
-}