coer-elements 0.0.17 → 0.0.19
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/components/lib/coer-alert/coer-alert.component.mjs +2 -2
- package/esm2022/components/lib/coer-button/coer-button.component.mjs +2 -2
- package/esm2022/components/lib/coer-checkbox/coer-checkbox.component.mjs +2 -2
- package/esm2022/components/lib/coer-filebox/coer-filebox.component.mjs +2 -2
- package/esm2022/components/lib/coer-grid/coer-grid.component.mjs +2 -2
- package/esm2022/components/lib/coer-numberbox/coer-numberbox.component.mjs +2 -2
- package/esm2022/components/lib/coer-page-title/coer-page-title.component.mjs +2 -2
- package/esm2022/components/lib/coer-selectbox/coer-selectbox.component.mjs +2 -2
- package/esm2022/components/lib/coer-switch/coer-switch.component.mjs +2 -2
- package/esm2022/components/lib/coer-tab/coer-tab.component.mjs +2 -2
- package/esm2022/components/lib/coer-textarea/coer-textarea.component.mjs +2 -2
- package/esm2022/components/lib/coer-textbox/coer-textbox.component.mjs +2 -2
- package/fesm2022/coer-elements.mjs +24 -24
- package/fesm2022/coer-elements.mjs.map +1 -1
- package/package.json +1 -1
- package/src/styles/colors.scss +10 -0
- package/styles/coer-elements.css +123 -0
package/package.json
CHANGED
package/src/styles/colors.scss
CHANGED
package/styles/coer-elements.css
CHANGED
@@ -22,6 +22,17 @@ input[type=file] {
|
|
22
22
|
}
|
23
23
|
|
24
24
|
/********** COER styles **********/
|
25
|
+
* {
|
26
|
+
--blue: #0d6efd;
|
27
|
+
--gray: #6c757d;
|
28
|
+
--green: #198754;
|
29
|
+
--yellow: #ffc107;
|
30
|
+
--red: #dc3545;
|
31
|
+
--white: #f5f5f5;
|
32
|
+
--black: #252525;
|
33
|
+
--orange: #fd6031;
|
34
|
+
}
|
35
|
+
|
25
36
|
.text-blue {
|
26
37
|
color: #0d6efd !important;
|
27
38
|
}
|
@@ -366,6 +377,16 @@ div#coer-tool-bar coer-button * {
|
|
366
377
|
color: #fd6031 !important;
|
367
378
|
}
|
368
379
|
|
380
|
+
div.coer-text-box * {
|
381
|
+
--blue: #0d6efd;
|
382
|
+
--gray: #6c757d;
|
383
|
+
--green: #198754;
|
384
|
+
--yellow: #ffc107;
|
385
|
+
--red: #dc3545;
|
386
|
+
--white: #f5f5f5;
|
387
|
+
--black: #252525;
|
388
|
+
--orange: #fd6031;
|
389
|
+
}
|
369
390
|
div.coer-text-box .text-blue {
|
370
391
|
color: #0d6efd !important;
|
371
392
|
}
|
@@ -608,6 +629,16 @@ coer-grid table tbody tr td.coer-textbox mat-form-field span.icon-container {
|
|
608
629
|
transform: translate(-5px, -6px) !important;
|
609
630
|
}
|
610
631
|
|
632
|
+
div.coer-textarea * {
|
633
|
+
--blue: #0d6efd;
|
634
|
+
--gray: #6c757d;
|
635
|
+
--green: #198754;
|
636
|
+
--yellow: #ffc107;
|
637
|
+
--red: #dc3545;
|
638
|
+
--white: #f5f5f5;
|
639
|
+
--black: #252525;
|
640
|
+
--orange: #fd6031;
|
641
|
+
}
|
611
642
|
div.coer-textarea .text-blue {
|
612
643
|
color: #0d6efd !important;
|
613
644
|
}
|
@@ -832,6 +863,16 @@ div.coer-textarea mat-form-field.readonly div.mat-mdc-text-field-wrapper.mdc-tex
|
|
832
863
|
div.coer-select-box {
|
833
864
|
position: relative !important;
|
834
865
|
}
|
866
|
+
div.coer-select-box * {
|
867
|
+
--blue: #0d6efd;
|
868
|
+
--gray: #6c757d;
|
869
|
+
--green: #198754;
|
870
|
+
--yellow: #ffc107;
|
871
|
+
--red: #dc3545;
|
872
|
+
--white: #f5f5f5;
|
873
|
+
--black: #252525;
|
874
|
+
--orange: #fd6031;
|
875
|
+
}
|
835
876
|
div.coer-select-box .text-blue {
|
836
877
|
color: #0d6efd !important;
|
837
878
|
}
|
@@ -1118,6 +1159,16 @@ coer-grid table tbody tr td.coer-selectbox div.coer-select-box .btn-group {
|
|
1118
1159
|
top: 28px !important;
|
1119
1160
|
}
|
1120
1161
|
|
1162
|
+
div.coer-number-box * {
|
1163
|
+
--blue: #0d6efd;
|
1164
|
+
--gray: #6c757d;
|
1165
|
+
--green: #198754;
|
1166
|
+
--yellow: #ffc107;
|
1167
|
+
--red: #dc3545;
|
1168
|
+
--white: #f5f5f5;
|
1169
|
+
--black: #252525;
|
1170
|
+
--orange: #fd6031;
|
1171
|
+
}
|
1121
1172
|
div.coer-number-box .text-blue {
|
1122
1173
|
color: #0d6efd !important;
|
1123
1174
|
}
|
@@ -1368,6 +1419,16 @@ div.coer-switch {
|
|
1368
1419
|
align-items: center !important;
|
1369
1420
|
position: relative !important;
|
1370
1421
|
}
|
1422
|
+
div.coer-switch * {
|
1423
|
+
--blue: #0d6efd;
|
1424
|
+
--gray: #6c757d;
|
1425
|
+
--green: #198754;
|
1426
|
+
--yellow: #ffc107;
|
1427
|
+
--red: #dc3545;
|
1428
|
+
--white: #f5f5f5;
|
1429
|
+
--black: #252525;
|
1430
|
+
--orange: #fd6031;
|
1431
|
+
}
|
1371
1432
|
div.coer-switch .text-blue {
|
1372
1433
|
color: #0d6efd !important;
|
1373
1434
|
}
|
@@ -1536,6 +1597,16 @@ coer-grid div.coer-switch {
|
|
1536
1597
|
justify-content: center !important;
|
1537
1598
|
}
|
1538
1599
|
|
1600
|
+
div.coer-checkbox * {
|
1601
|
+
--blue: #0d6efd;
|
1602
|
+
--gray: #6c757d;
|
1603
|
+
--green: #198754;
|
1604
|
+
--yellow: #ffc107;
|
1605
|
+
--red: #dc3545;
|
1606
|
+
--white: #f5f5f5;
|
1607
|
+
--black: #252525;
|
1608
|
+
--orange: #fd6031;
|
1609
|
+
}
|
1539
1610
|
div.coer-checkbox .text-blue {
|
1540
1611
|
color: #0d6efd !important;
|
1541
1612
|
}
|
@@ -1729,6 +1800,16 @@ coer-grid table tbody tr td.check-box mat-checkbox.mat-mdc-checkbox-checked div.
|
|
1729
1800
|
display: none !important;
|
1730
1801
|
}
|
1731
1802
|
|
1803
|
+
div.coer-tab * {
|
1804
|
+
--blue: #0d6efd;
|
1805
|
+
--gray: #6c757d;
|
1806
|
+
--green: #198754;
|
1807
|
+
--yellow: #ffc107;
|
1808
|
+
--red: #dc3545;
|
1809
|
+
--white: #f5f5f5;
|
1810
|
+
--black: #252525;
|
1811
|
+
--orange: #fd6031;
|
1812
|
+
}
|
1732
1813
|
div.coer-tab .text-blue {
|
1733
1814
|
color: #0d6efd !important;
|
1734
1815
|
}
|
@@ -1913,6 +1994,16 @@ div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc
|
|
1913
1994
|
header.coer-page-title {
|
1914
1995
|
margin: 15px 30px 0px 30px;
|
1915
1996
|
}
|
1997
|
+
header.coer-page-title * {
|
1998
|
+
--blue: #0d6efd;
|
1999
|
+
--gray: #6c757d;
|
2000
|
+
--green: #198754;
|
2001
|
+
--yellow: #ffc107;
|
2002
|
+
--red: #dc3545;
|
2003
|
+
--white: #f5f5f5;
|
2004
|
+
--black: #252525;
|
2005
|
+
--orange: #fd6031;
|
2006
|
+
}
|
1916
2007
|
header.coer-page-title .text-blue {
|
1917
2008
|
color: #0d6efd !important;
|
1918
2009
|
}
|
@@ -2092,6 +2183,16 @@ header.coer-page-title button {
|
|
2092
2183
|
padding-right: 8px;
|
2093
2184
|
}
|
2094
2185
|
|
2186
|
+
div.coer-grid * {
|
2187
|
+
--blue: #0d6efd;
|
2188
|
+
--gray: #6c757d;
|
2189
|
+
--green: #198754;
|
2190
|
+
--yellow: #ffc107;
|
2191
|
+
--red: #dc3545;
|
2192
|
+
--white: #f5f5f5;
|
2193
|
+
--black: #252525;
|
2194
|
+
--orange: #fd6031;
|
2195
|
+
}
|
2095
2196
|
div.coer-grid .text-blue {
|
2096
2197
|
color: #0d6efd !important;
|
2097
2198
|
}
|
@@ -2449,6 +2550,17 @@ div.modal-content {
|
|
2449
2550
|
overflow: visible !important;
|
2450
2551
|
}
|
2451
2552
|
|
2553
|
+
* {
|
2554
|
+
--blue: #0d6efd;
|
2555
|
+
--gray: #6c757d;
|
2556
|
+
--green: #198754;
|
2557
|
+
--yellow: #ffc107;
|
2558
|
+
--red: #dc3545;
|
2559
|
+
--white: #f5f5f5;
|
2560
|
+
--black: #252525;
|
2561
|
+
--orange: #fd6031;
|
2562
|
+
}
|
2563
|
+
|
2452
2564
|
.text-blue {
|
2453
2565
|
color: #0d6efd !important;
|
2454
2566
|
}
|
@@ -2686,6 +2798,17 @@ div.modal-content {
|
|
2686
2798
|
cursor: wait !important;
|
2687
2799
|
}
|
2688
2800
|
|
2801
|
+
* {
|
2802
|
+
--blue: #0d6efd;
|
2803
|
+
--gray: #6c757d;
|
2804
|
+
--green: #198754;
|
2805
|
+
--yellow: #ffc107;
|
2806
|
+
--red: #dc3545;
|
2807
|
+
--white: #f5f5f5;
|
2808
|
+
--black: #252525;
|
2809
|
+
--orange: #fd6031;
|
2810
|
+
}
|
2811
|
+
|
2689
2812
|
.text-blue {
|
2690
2813
|
color: #0d6efd !important;
|
2691
2814
|
}
|