coer-elements 0.0.43 → 0.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/components/lib/coer-button/coer-button.component.d.ts +1 -1
  2. package/esm2022/components/lib/coer-button/coer-button.component.mjs +2 -2
  3. package/esm2022/components/lib/coer-checkbox/coer-checkbox.component.mjs +2 -2
  4. package/esm2022/components/lib/coer-filebox/coer-filebox.component.mjs +2 -2
  5. package/esm2022/components/lib/coer-grid/coer-grid.component.mjs +2 -2
  6. package/esm2022/components/lib/coer-numberbox/coer-numberbox.component.mjs +2 -2
  7. package/esm2022/components/lib/coer-page-title/coer-page-title.component.mjs +2 -2
  8. package/esm2022/components/lib/coer-selectbox/coer-selectbox.component.mjs +2 -2
  9. package/esm2022/components/lib/coer-switch/coer-switch.component.mjs +2 -2
  10. package/esm2022/components/lib/coer-tab/coer-tab.component.mjs +2 -2
  11. package/esm2022/components/lib/coer-textarea/coer-textarea.component.mjs +2 -2
  12. package/esm2022/components/lib/coer-textbox/coer-textbox.component.mjs +2 -2
  13. package/esm2022/tools/lib/coer-alert/coer-alert.component.mjs +2 -2
  14. package/fesm2022/coer-elements-components.mjs +22 -22
  15. package/fesm2022/coer-elements-components.mjs.map +1 -1
  16. package/fesm2022/coer-elements-tools.mjs +2 -2
  17. package/fesm2022/coer-elements-tools.mjs.map +1 -1
  18. package/package.json +1 -1
  19. package/styles/coer-elements.css +131 -1
  20. package/styles/colors.scss +13 -0
package/styles/coer-elements.css CHANGED
@@ -393,6 +393,18 @@ mat-nav-list.coer-menu-option mat-list-item:hover {
393
393
  border-color: #fd6031 !important;
394
394
  }
395
395
 
396
+ .text-transparent {
397
+ color: transparent !important;
398
+ }
399
+
400
+ .background-transparent {
401
+ background-color: transparent !important;
402
+ }
403
+
404
+ .border-transparent {
405
+ border-color: transparent !important;
406
+ }
407
+
396
408
  coer-button {
397
409
  display: contents !important;
398
410
  }
@@ -713,6 +725,15 @@ div.coer-text-box .background-border-orange {
713
725
  div.coer-text-box .border-orange {
714
726
  border-color: #fd6031 !important;
715
727
  }
728
+ div.coer-text-box .text-transparent {
729
+ color: transparent !important;
730
+ }
731
+ div.coer-text-box .background-transparent {
732
+ background-color: transparent !important;
733
+ }
734
+ div.coer-text-box .border-transparent {
735
+ border-color: transparent !important;
736
+ }
716
737
  div.coer-text-box mat-form-field {
717
738
  position: relative !important;
718
739
  }
@@ -966,6 +987,15 @@ div.coer-textarea .background-border-orange {
966
987
  div.coer-textarea .border-orange {
967
988
  border-color: #fd6031 !important;
968
989
  }
990
+ div.coer-textarea .text-transparent {
991
+ color: transparent !important;
992
+ }
993
+ div.coer-textarea .background-transparent {
994
+ background-color: transparent !important;
995
+ }
996
+ div.coer-textarea .border-transparent {
997
+ border-color: transparent !important;
998
+ }
969
999
  div.coer-textarea mat-form-field {
970
1000
  position: relative !important;
971
1001
  }
@@ -1201,6 +1231,15 @@ div.coer-select-box .background-border-orange {
1201
1231
  div.coer-select-box .border-orange {
1202
1232
  border-color: #fd6031 !important;
1203
1233
  }
1234
+ div.coer-select-box .text-transparent {
1235
+ color: transparent !important;
1236
+ }
1237
+ div.coer-select-box .background-transparent {
1238
+ background-color: transparent !important;
1239
+ }
1240
+ div.coer-select-box .border-transparent {
1241
+ border-color: transparent !important;
1242
+ }
1204
1243
  div.coer-select-box mat-form-field {
1205
1244
  position: relative !important;
1206
1245
  }
@@ -1498,6 +1537,15 @@ div.coer-number-box .background-border-orange {
1498
1537
  div.coer-number-box .border-orange {
1499
1538
  border-color: #fd6031 !important;
1500
1539
  }
1540
+ div.coer-number-box .text-transparent {
1541
+ color: transparent !important;
1542
+ }
1543
+ div.coer-number-box .background-transparent {
1544
+ background-color: transparent !important;
1545
+ }
1546
+ div.coer-number-box .border-transparent {
1547
+ border-color: transparent !important;
1548
+ }
1501
1549
  div.coer-number-box mat-form-field {
1502
1550
  position: relative !important;
1503
1551
  }
@@ -1759,6 +1807,15 @@ div.coer-switch .background-border-orange {
1759
1807
  div.coer-switch .border-orange {
1760
1808
  border-color: #fd6031 !important;
1761
1809
  }
1810
+ div.coer-switch .text-transparent {
1811
+ color: transparent !important;
1812
+ }
1813
+ div.coer-switch .background-transparent {
1814
+ background-color: transparent !important;
1815
+ }
1816
+ div.coer-switch .border-transparent {
1817
+ border-color: transparent !important;
1818
+ }
1762
1819
  div.coer-switch mat-slide-toggle div.mdc-form-field.mat-internal-form-field button div.mdc-switch__track::after {
1763
1820
  background-color: #fd6031 !important;
1764
1821
  filter: opacity(0.6) !important;
@@ -1938,6 +1995,15 @@ div.coer-checkbox .background-border-orange {
1938
1995
  div.coer-checkbox .border-orange {
1939
1996
  border-color: #fd6031 !important;
1940
1997
  }
1998
+ div.coer-checkbox .text-transparent {
1999
+ color: transparent !important;
2000
+ }
2001
+ div.coer-checkbox .background-transparent {
2002
+ background-color: transparent !important;
2003
+ }
2004
+ div.coer-checkbox .border-transparent {
2005
+ border-color: transparent !important;
2006
+ }
1941
2007
  div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox {
1942
2008
  padding: 10px !important;
1943
2009
  }
@@ -2142,6 +2208,15 @@ div.coer-tab .background-border-orange {
2142
2208
  div.coer-tab .border-orange {
2143
2209
  border-color: #fd6031 !important;
2144
2210
  }
2211
+ div.coer-tab .text-transparent {
2212
+ color: transparent !important;
2213
+ }
2214
+ div.coer-tab .background-transparent {
2215
+ background-color: transparent !important;
2216
+ }
2217
+ div.coer-tab .border-transparent {
2218
+ border-color: transparent !important;
2219
+ }
2145
2220
  div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header {
2146
2221
  background-color: rgba(245, 245, 245, 0.384) !important;
2147
2222
  border-bottom: 1px solid whitesmoke !important;
@@ -2422,6 +2497,15 @@ header.coer-page-title .background-border-orange {
2422
2497
  header.coer-page-title .border-orange {
2423
2498
  border-color: #fd6031 !important;
2424
2499
  }
2500
+ header.coer-page-title .text-transparent {
2501
+ color: transparent !important;
2502
+ }
2503
+ header.coer-page-title .background-transparent {
2504
+ background-color: transparent !important;
2505
+ }
2506
+ header.coer-page-title .border-transparent {
2507
+ border-color: transparent !important;
2508
+ }
2425
2509
  header.coer-page-title h2 {
2426
2510
  margin: 0px 0px 10px 0px;
2427
2511
  display: flex;
@@ -2612,6 +2696,15 @@ div.coer-grid .background-border-orange {
2612
2696
  div.coer-grid .border-orange {
2613
2697
  border-color: #fd6031 !important;
2614
2698
  }
2699
+ div.coer-grid .text-transparent {
2700
+ color: transparent !important;
2701
+ }
2702
+ div.coer-grid .background-transparent {
2703
+ background-color: transparent !important;
2704
+ }
2705
+ div.coer-grid .border-transparent {
2706
+ border-color: transparent !important;
2707
+ }
2615
2708
  div.coer-grid header {
2616
2709
  align-items: flex-end;
2617
2710
  justify-content: flex-end;
@@ -2681,7 +2774,8 @@ div.coer-grid table tbody tr td.template {
2681
2774
  height: 31px;
2682
2775
  }
2683
2776
  div.coer-grid table tbody tr td.template > div.template {
2684
- display: block !important;
2777
+ display: flex !important;
2778
+ align-items: center !important;
2685
2779
  }
2686
2780
  div.coer-grid table thead tr th.action-button,
2687
2781
  div.coer-grid table thead tr td.action-button,
@@ -3021,6 +3115,18 @@ div.modal-content {
3021
3115
  border-color: #fd6031 !important;
3022
3116
  }
3023
3117
 
3118
+ .text-transparent {
3119
+ color: transparent !important;
3120
+ }
3121
+
3122
+ .background-transparent {
3123
+ background-color: transparent !important;
3124
+ }
3125
+
3126
+ .border-transparent {
3127
+ border-color: transparent !important;
3128
+ }
3129
+
3024
3130
  aside.toast-container {
3025
3131
  position: fixed;
3026
3132
  bottom: 0px;
@@ -3296,6 +3402,18 @@ aside.toast-container > * {
3296
3402
  border-color: #fd6031 !important;
3297
3403
  }
3298
3404
 
3405
+ .text-transparent {
3406
+ color: transparent !important;
3407
+ }
3408
+
3409
+ .background-transparent {
3410
+ background-color: transparent !important;
3411
+ }
3412
+
3413
+ .border-transparent {
3414
+ border-color: transparent !important;
3415
+ }
3416
+
3299
3417
  @keyframes fadeId {
3300
3418
  from {
3301
3419
  opacity: 0;
@@ -3571,6 +3689,18 @@ aside.toast-container > * {
3571
3689
  border-color: #fd6031 !important;
3572
3690
  }
3573
3691
 
3692
+ .text-transparent {
3693
+ color: transparent !important;
3694
+ }
3695
+
3696
+ .background-transparent {
3697
+ background-color: transparent !important;
3698
+ }
3699
+
3700
+ .border-transparent {
3701
+ border-color: transparent !important;
3702
+ }
3703
+
3574
3704
  *::-webkit-scrollbar {
3575
3705
  background-color: #eeeff0;
3576
3706
  width: 5px;
package/styles/colors.scss CHANGED
@@ -202,4 +202,17 @@ $purple: #a615bc;
202
202
 
203
203
  .border-orange {
204
204
  border-color: $orange !important;
205
+ }
206
+
207
+ //transparent
208
+ .text-transparent {
209
+ color: transparent !important;
210
+ }
211
+
212
+ .background-transparent {
213
+ background-color: transparent !important;
214
+ }
215
+
216
+ .border-transparent {
217
+ border-color: transparent !important;
205
218
  }