@flywheel-io/vision 0.3.0 → 0.4.2

package/styles.css

@@ -7,60 +7,6 @@
 /* stylelint-disable-next-line material/theme-mixin-api */
 /* stylelint-disable material/no-prefixes */
 /* stylelint-enable */
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-}
-
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-  display: block;
-}
-
-body {
-  line-height: 1;
-}
-
-ol, ul {
-  list-style: none;
-}
-
-blockquote, q {
-  quotes: none;
-}
-
-blockquote:before, blockquote:after,
-q:before, q:after {
-  content: "";
-  content: none;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
 .mat-badge-content {
   font-weight: 600;
   font-size: 12px;
@@ -719,12 +665,8 @@ input.mat-input-element {
   overflow-y: scroll;
 }
 
-@keyframes cdk-text-field-autofill-start {
-  /*!*/
-}
-@keyframes cdk-text-field-autofill-end {
-  /*!*/
-}
+@keyframes cdk-text-field-autofill-start { /*!*/ }
+@keyframes cdk-text-field-autofill-end { /*!*/ }
 .cdk-text-field-autofill-monitored:-webkit-autofill {
   animation: cdk-text-field-autofill-start 0s 1ms;
 }
@@ -2558,7 +2500,6 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   .mat-toolbar-multiple-rows {
     min-height: 56px;
   }
-
   .mat-toolbar-row, .mat-toolbar-single-row {
     height: 56px;
   }
@@ -2979,35 +2920,67 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 }
 
 .red {
-  color: #d22239 !important;
+  color: #de584c !important;
 }
 
 .fill-red {
-  background-color: #d22239 !important;
+  background-color: #de584c !important;
 }
 
 .border-red {
-  border-color: #d22239 !important;
+  border-color: #de584c !important;
 }
 
 .border-top-red {
   border-top: 1px solid;
-  border-color: #d22239 !important;
+  border-color: #de584c !important;
 }
 
 .border-right-red {
   border-right: 1px solid;
-  border-color: #d22239 !important;
+  border-color: #de584c !important;
 }
 
 .border-bottom-red {
   border-bottom: 1px solid;
-  border-color: #d22239 !important;
+  border-color: #de584c !important;
 }
 
 .border-left-red {
   border-left: 1px solid;
-  border-color: #d22239 !important;
+  border-color: #de584c !important;
+}
+
+.light-red {
+  color: #f8e5e4 !important;
+}
+
+.fill-light-red {
+  background-color: #f8e5e4 !important;
+}
+
+.border-light-red {
+  border-color: #f8e5e4 !important;
+}
+
+.border-top-light-red {
+  border-top: 1px solid;
+  border-color: #f8e5e4 !important;
+}
+
+.border-right-light-red {
+  border-right: 1px solid;
+  border-color: #f8e5e4 !important;
+}
+
+.border-bottom-light-red {
+  border-bottom: 1px solid;
+  border-color: #f8e5e4 !important;
+}
+
+.border-left-light-red {
+  border-left: 1px solid;
+  border-color: #f8e5e4 !important;
 }
 
 .blue {
@@ -3107,35 +3080,35 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 }
 
 .light-blue {
-  color: #e7f0fc !important;
+  color: #e7effe !important;
 }
 
 .fill-light-blue {
-  background-color: #e7f0fc !important;
+  background-color: #e7effe !important;
 }
 
 .border-light-blue {
-  border-color: #e7f0fc !important;
+  border-color: #e7effe !important;
 }
 
 .border-top-light-blue {
   border-top: 1px solid;
-  border-color: #e7f0fc !important;
+  border-color: #e7effe !important;
 }
 
 .border-right-light-blue {
   border-right: 1px solid;
-  border-color: #e7f0fc !important;
+  border-color: #e7effe !important;
 }
 
 .border-bottom-light-blue {
   border-bottom: 1px solid;
-  border-color: #e7f0fc !important;
+  border-color: #e7effe !important;
 }
 
 .border-left-light-blue {
   border-left: 1px solid;
-  border-color: #e7f0fc !important;
+  border-color: #e7effe !important;
 }
 
 .bright-blue {
@@ -3791,35 +3764,67 @@ html, body {
 }
 
 .red {
-  color: #d22239 !important;
+  color: #de584c !important;
 }
 
 .fill-red {
-  background-color: #d22239 !important;
+  background-color: #de584c !important;
 }
 
 .border-red {
-  border-color: #d22239 !important;
+  border-color: #de584c !important;
 }
 
 .border-top-red {
   border-top: 1px solid;
-  border-color: #d22239 !important;
+  border-color: #de584c !important;
 }
 
 .border-right-red {
   border-right: 1px solid;
-  border-color: #d22239 !important;
+  border-color: #de584c !important;
 }
 
 .border-bottom-red {
   border-bottom: 1px solid;
-  border-color: #d22239 !important;
+  border-color: #de584c !important;
 }
 
 .border-left-red {
   border-left: 1px solid;
-  border-color: #d22239 !important;
+  border-color: #de584c !important;
+}
+
+.light-red {
+  color: #f8e5e4 !important;
+}
+
+.fill-light-red {
+  background-color: #f8e5e4 !important;
+}
+
+.border-light-red {
+  border-color: #f8e5e4 !important;
+}
+
+.border-top-light-red {
+  border-top: 1px solid;
+  border-color: #f8e5e4 !important;
+}
+
+.border-right-light-red {
+  border-right: 1px solid;
+  border-color: #f8e5e4 !important;
+}
+
+.border-bottom-light-red {
+  border-bottom: 1px solid;
+  border-color: #f8e5e4 !important;
+}
+
+.border-left-light-red {
+  border-left: 1px solid;
+  border-color: #f8e5e4 !important;
 }
 
 .blue {
@@ -3919,35 +3924,35 @@ html, body {
 }
 
 .light-blue {
-  color: #e7f0fc !important;
+  color: #e7effe !important;
 }
 
 .fill-light-blue {
-  background-color: #e7f0fc !important;
+  background-color: #e7effe !important;
 }
 
 .border-light-blue {
-  border-color: #e7f0fc !important;
+  border-color: #e7effe !important;
 }
 
 .border-top-light-blue {
   border-top: 1px solid;
-  border-color: #e7f0fc !important;
+  border-color: #e7effe !important;
 }
 
 .border-right-light-blue {
   border-right: 1px solid;
-  border-color: #e7f0fc !important;
+  border-color: #e7effe !important;
 }
 
 .border-bottom-light-blue {
   border-bottom: 1px solid;
-  border-color: #e7f0fc !important;
+  border-color: #e7effe !important;
 }
 
 .border-left-light-blue {
   border-left: 1px solid;
-  border-color: #e7f0fc !important;
+  border-color: #e7effe !important;
 }
 
 .bright-blue {
@@ -4474,12 +4479,12 @@ html, body {
   top: -4px;
 }
 
-[mat-dialog-content].fill {
+mat-dialog-content.fill, [mat-dialog-content].fill {
   width: calc(100% + 48px) !important;
   padding: 0 !important;
   margin: 0 -24px -24px !important;
 }
-[mat-dialog-content].fill-width {
+mat-dialog-content.fill-width, [mat-dialog-content].fill-width {
   width: calc(100% + 48px) !important;
   padding: 0 !important;
   margin: 0 -24px !important;
@@ -4494,6 +4499,13 @@ html, body {
   max-width: 98vw;
 }
 
+/* Buttons */
+.mat-button-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 /* Form Controls */
 .form-block-fields .mat-form-field {
   display: block !important;
@@ -4508,23 +4520,6 @@ html, body {
   width: 100%;
 }
 
-mat-form-field.mat-prefix-button .mat-form-field-prefix {
-  height: 20px;
-  width: 20px;
-  line-height: 0.25;
-  top: 2px;
-}
-mat-form-field.mat-prefix-button mat-datepicker-toggle > button.mat-icon-button {
-  margin-left: -7px;
-  padding-top: 5px;
-}
-mat-form-field.mat-prefix-button input {
-  color: #58595b;
-}
-mat-form-field.mat-prefix-button label.mat-form-field-empty {
-  top: 2em;
-}
-
 .mat-form-field.solid-background > .mat-form-field-wrapper,
 .solid-background > .mat-form-field > .mat-form-field-wrapper {
   background-color: white;
@@ -4667,7 +4662,7 @@ mat-header-cell.full-width > .mat-sort-header-container > .mat-sort-header-conte
 
 /* Alerts */
 mat-error {
-  color: #d22239;
+  color: #de584c;
 }
 
 mat-success {

package/styles.scss

@@ -7,9 +7,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600');
 
-// Reset
-@import './scss/vendor/reset';
-
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // Be sure that you only ever include this mixin once!