coer-elements 0.0.42 → 0.0.44

package/styles/coer-elements.css

@@ -393,6 +393,18 @@ mat-nav-list.coer-menu-option mat-list-item:hover {
   border-color: #fd6031 !important;
 }
 
+.text-transparent {
+  color: transparent !important;
+}
+
+.background-transparent {
+  background-color: transparent !important;
+}
+
+.border-transparent {
+  border-color: transparent !important;
+}
+
 coer-button {
   display: contents !important;
 }
@@ -713,6 +725,15 @@ div.coer-text-box .background-border-orange {
 div.coer-text-box .border-orange {
   border-color: #fd6031 !important;
 }
+div.coer-text-box .text-transparent {
+  color: transparent !important;
+}
+div.coer-text-box .background-transparent {
+  background-color: transparent !important;
+}
+div.coer-text-box .border-transparent {
+  border-color: transparent !important;
+}
 div.coer-text-box mat-form-field {
   position: relative !important;
 }
@@ -966,6 +987,15 @@ div.coer-textarea .background-border-orange {
 div.coer-textarea .border-orange {
   border-color: #fd6031 !important;
 }
+div.coer-textarea .text-transparent {
+  color: transparent !important;
+}
+div.coer-textarea .background-transparent {
+  background-color: transparent !important;
+}
+div.coer-textarea .border-transparent {
+  border-color: transparent !important;
+}
 div.coer-textarea mat-form-field {
   position: relative !important;
 }
@@ -1201,6 +1231,15 @@ div.coer-select-box .background-border-orange {
 div.coer-select-box .border-orange {
   border-color: #fd6031 !important;
 }
+div.coer-select-box .text-transparent {
+  color: transparent !important;
+}
+div.coer-select-box .background-transparent {
+  background-color: transparent !important;
+}
+div.coer-select-box .border-transparent {
+  border-color: transparent !important;
+}
 div.coer-select-box mat-form-field {
   position: relative !important;
 }
@@ -1498,6 +1537,15 @@ div.coer-number-box .background-border-orange {
 div.coer-number-box .border-orange {
   border-color: #fd6031 !important;
 }
+div.coer-number-box .text-transparent {
+  color: transparent !important;
+}
+div.coer-number-box .background-transparent {
+  background-color: transparent !important;
+}
+div.coer-number-box .border-transparent {
+  border-color: transparent !important;
+}
 div.coer-number-box mat-form-field {
   position: relative !important;
 }
@@ -1759,6 +1807,15 @@ div.coer-switch .background-border-orange {
 div.coer-switch .border-orange {
   border-color: #fd6031 !important;
 }
+div.coer-switch .text-transparent {
+  color: transparent !important;
+}
+div.coer-switch .background-transparent {
+  background-color: transparent !important;
+}
+div.coer-switch .border-transparent {
+  border-color: transparent !important;
+}
 div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button div.mdc-switch__track::after {
   background-color: #fd6031 !important;
   filter: opacity(0.6) !important;
@@ -1938,6 +1995,15 @@ div.coer-checkbox .background-border-orange {
 div.coer-checkbox .border-orange {
   border-color: #fd6031 !important;
 }
+div.coer-checkbox .text-transparent {
+  color: transparent !important;
+}
+div.coer-checkbox .background-transparent {
+  background-color: transparent !important;
+}
+div.coer-checkbox .border-transparent {
+  border-color: transparent !important;
+}
 div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox {
   padding: 10px !important;
 }
@@ -2142,6 +2208,15 @@ div.coer-tab .background-border-orange {
 div.coer-tab .border-orange {
   border-color: #fd6031 !important;
 }
+div.coer-tab .text-transparent {
+  color: transparent !important;
+}
+div.coer-tab .background-transparent {
+  background-color: transparent !important;
+}
+div.coer-tab .border-transparent {
+  border-color: transparent !important;
+}
 div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header {
   background-color: rgba(245, 245, 245, 0.384) !important;
   border-bottom: 1px solid whitesmoke !important;
@@ -2422,6 +2497,15 @@ header.coer-page-title .background-border-orange {
 header.coer-page-title .border-orange {
   border-color: #fd6031 !important;
 }
+header.coer-page-title .text-transparent {
+  color: transparent !important;
+}
+header.coer-page-title .background-transparent {
+  background-color: transparent !important;
+}
+header.coer-page-title .border-transparent {
+  border-color: transparent !important;
+}
 header.coer-page-title h2 {
   margin: 0px 0px 10px 0px;
   display: flex;
@@ -2612,6 +2696,15 @@ div.coer-grid .background-border-orange {
 div.coer-grid .border-orange {
   border-color: #fd6031 !important;
 }
+div.coer-grid .text-transparent {
+  color: transparent !important;
+}
+div.coer-grid .background-transparent {
+  background-color: transparent !important;
+}
+div.coer-grid .border-transparent {
+  border-color: transparent !important;
+}
 div.coer-grid header {
   align-items: flex-end;
   justify-content: flex-end;
@@ -2681,7 +2774,8 @@ div.coer-grid table tbody tr td.template {
   height: 31px;
 }
 div.coer-grid table tbody tr td.template > div.template {
-  display: block !important;
+  display: flex !important;
+  align-items: center !important;
 }
 div.coer-grid table thead tr th.action-button,
 div.coer-grid table thead tr td.action-button,
@@ -3021,6 +3115,18 @@ div.modal-content {
   border-color: #fd6031 !important;
 }
 
+.text-transparent {
+  color: transparent !important;
+}
+
+.background-transparent {
+  background-color: transparent !important;
+}
+
+.border-transparent {
+  border-color: transparent !important;
+}
+
 aside.toast-container {
   position: fixed;
   bottom: 0px;
@@ -3296,6 +3402,18 @@ aside.toast-container > * {
   border-color: #fd6031 !important;
 }
 
+.text-transparent {
+  color: transparent !important;
+}
+
+.background-transparent {
+  background-color: transparent !important;
+}
+
+.border-transparent {
+  border-color: transparent !important;
+}
+
 @keyframes fadeId {
   from {
     opacity: 0;
@@ -3571,6 +3689,18 @@ aside.toast-container > * {
   border-color: #fd6031 !important;
 }
 
+.text-transparent {
+  color: transparent !important;
+}
+
+.background-transparent {
+  background-color: transparent !important;
+}
+
+.border-transparent {
+  border-color: transparent !important;
+}
+
 *::-webkit-scrollbar {
   background-color: #eeeff0;
   width: 5px;

package/styles/colors.scss

@@ -202,4 +202,17 @@ $purple: #a615bc;
 
 .border-orange {
     border-color: $orange !important;
+}
+
+//transparent
+.text-transparent {
+    color: transparent !important;
+} 
+
+.background-transparent {
+    background-color: transparent !important;
+} 
+
+.border-transparent {
+    border-color: transparent !important;
 }