sccoreui 4.1.5 → 4.1.8
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.
- package/dist/App.scss +11 -12
- package/dist/assets/App.scss +12 -12
- package/dist/assets/sccoreui.css +50 -49
- package/package.json +1 -1
package/dist/App.scss
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
@import url("./assets/sccoreui.css");
|
|
3
3
|
@import url("./assets/sccoreicons.css");
|
|
4
4
|
@import url("./assets/flex.css");
|
|
5
|
+
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
|
|
5
6
|
|
|
6
7
|
:root {
|
|
7
8
|
--fw-600: 600;
|
|
@@ -15,21 +16,19 @@
|
|
|
15
16
|
--border-none: border-none;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
|
-
@font-face {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
|
|
22
|
-
}
|
|
19
|
+
// @font-face {
|
|
20
|
+
// font-family: "Lato";
|
|
21
|
+
// }
|
|
23
22
|
|
|
24
|
-
@font-face {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
23
|
+
// @font-face {
|
|
24
|
+
// font-family: "Lato";
|
|
25
|
+
// font-weight: 600;
|
|
26
|
+
// src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
|
|
27
|
+
// }
|
|
29
28
|
|
|
30
29
|
|
|
31
30
|
body {
|
|
32
|
-
font-family:
|
|
31
|
+
font-family: 'Lato', sans-serif;
|
|
33
32
|
-webkit-font-smoothing: antialiased;
|
|
34
33
|
-moz-osx-font-smoothing: grayscale;
|
|
35
34
|
line-height: var(--lh);
|
|
@@ -38,7 +37,7 @@ body {
|
|
|
38
37
|
}
|
|
39
38
|
|
|
40
39
|
code {
|
|
41
|
-
font-family:
|
|
40
|
+
font-family: 'Lato', sans-serif;
|
|
42
41
|
}
|
|
43
42
|
|
|
44
43
|
h1 {
|
package/dist/assets/App.scss
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
@import url("./assets/sccoreui.css");
|
|
3
3
|
@import url("./assets/sccoreicons.css");
|
|
4
4
|
@import url("./assets/flex.css");
|
|
5
|
+
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
|
|
5
6
|
|
|
6
7
|
:root {
|
|
7
8
|
--fw-600: 600;
|
|
@@ -15,17 +16,16 @@
|
|
|
15
16
|
--border-none: border-none;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
|
-
@font-face {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
19
|
+
// @font-face {
|
|
20
|
+
// font-family: "Lato";
|
|
21
|
+
// src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
|
|
22
|
+
// }
|
|
23
23
|
|
|
24
|
-
@font-face {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
24
|
+
// @font-face {
|
|
25
|
+
// font-family: "Lato-600";
|
|
26
|
+
// font-weight: 600;
|
|
27
|
+
// src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
|
|
28
|
+
// }
|
|
29
29
|
|
|
30
30
|
// * {
|
|
31
31
|
// padding: 0;
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
// }
|
|
34
34
|
|
|
35
35
|
body {
|
|
36
|
-
font-family:
|
|
36
|
+
font-family: 'Lato', sans-serif;
|
|
37
37
|
-webkit-font-smoothing: antialiased;
|
|
38
38
|
-moz-osx-font-smoothing: grayscale;
|
|
39
39
|
line-height: var(--lh);
|
|
@@ -42,7 +42,7 @@ body {
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
code {
|
|
45
|
-
font-family:
|
|
45
|
+
font-family: 'Lato', sans-serif;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
h1 {
|
package/dist/assets/sccoreui.css
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
--heading-color: #101828;
|
|
11
11
|
--primary-color: #162578;
|
|
12
12
|
--primary-color-text: #ffffff;
|
|
13
|
-
--font-family: "Lato
|
|
13
|
+
--font-family: "Lato";
|
|
14
14
|
--surface-0: #ffffff;
|
|
15
15
|
--surface-50: #fafafa;
|
|
16
16
|
--surface-100: #f5f5f5;
|
|
@@ -72,7 +72,7 @@ label {
|
|
|
72
72
|
font-size: var(--fs-14);
|
|
73
73
|
}
|
|
74
74
|
.p-component {
|
|
75
|
-
font-family: Lato
|
|
75
|
+
font-family: Lato;
|
|
76
76
|
font-size: 14px;
|
|
77
77
|
font-weight: normal;
|
|
78
78
|
}
|
|
@@ -105,7 +105,7 @@ a {
|
|
|
105
105
|
|
|
106
106
|
.p-link {
|
|
107
107
|
font-size: 1rem;
|
|
108
|
-
font-family: Lato-
|
|
108
|
+
font-family: 'Lato', sans-serif;
|
|
109
109
|
border-radius: 6px;
|
|
110
110
|
}
|
|
111
111
|
.p-link:focus {
|
|
@@ -289,7 +289,7 @@ a {
|
|
|
289
289
|
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
|
|
290
290
|
outline: 0 none;
|
|
291
291
|
outline-offset: 0;
|
|
292
|
-
box-shadow: 0 0 0 0.
|
|
292
|
+
box-shadow: 0 0 0 0.1rem #c7d2fe;
|
|
293
293
|
border-color: #6366f1;
|
|
294
294
|
}
|
|
295
295
|
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
|
|
@@ -299,7 +299,7 @@ a {
|
|
|
299
299
|
.p-autocomplete-multiple-container
|
|
300
300
|
.p-autocomplete-input-token
|
|
301
301
|
input {
|
|
302
|
-
|
|
302
|
+
font-family: 'Lato', sans-serif;
|
|
303
303
|
font-size: 1rem;
|
|
304
304
|
color: #495057;
|
|
305
305
|
padding: 0;
|
|
@@ -608,7 +608,7 @@ a {
|
|
|
608
608
|
.p-cascadeselect:not(.p-disabled).p-focus {
|
|
609
609
|
outline: 0 none;
|
|
610
610
|
outline-offset: 0;
|
|
611
|
-
box-shadow: 0 0 0 0.
|
|
611
|
+
box-shadow: 0 0 0 0.1rem #c7d2fe;
|
|
612
612
|
border-color: #6366f1;
|
|
613
613
|
}
|
|
614
614
|
.p-cascadeselect .p-cascadeselect-label {
|
|
@@ -737,13 +737,13 @@ a {
|
|
|
737
737
|
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
|
|
738
738
|
outline: 0 none;
|
|
739
739
|
outline-offset: 0;
|
|
740
|
-
box-shadow: 0px 0px 0px
|
|
740
|
+
box-shadow: 0px 0px 0px 0px var(--primary-100);
|
|
741
741
|
border-color: var(--primary-300);
|
|
742
742
|
}
|
|
743
743
|
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight.p-focus {
|
|
744
744
|
outline: 0 none;
|
|
745
745
|
outline-offset: 0;
|
|
746
|
-
box-shadow: 0px 0px 0px
|
|
746
|
+
box-shadow: 0px 0px 0px 0px var(--primary-100);
|
|
747
747
|
border-color: var(--primary-600);
|
|
748
748
|
}
|
|
749
749
|
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
|
|
@@ -839,7 +839,7 @@ a {
|
|
|
839
839
|
|
|
840
840
|
.p-checkbox-group:not(.p-group-disabled).p-group-focus {
|
|
841
841
|
border: 1px solid var(--primary-300);
|
|
842
|
-
box-shadow: 0px 0px 0px
|
|
842
|
+
box-shadow: 0px 0px 0px 2px var(--primary-100);
|
|
843
843
|
}
|
|
844
844
|
|
|
845
845
|
.p-checkbox-group:not(.p-group-disabled).p-group-highlight
|
|
@@ -887,7 +887,7 @@ a {
|
|
|
887
887
|
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
|
|
888
888
|
outline: 0 none;
|
|
889
889
|
outline-offset: 0;
|
|
890
|
-
box-shadow: 0 0 0 0.
|
|
890
|
+
box-shadow: 0 0 0 0.1rem #c7d2fe;
|
|
891
891
|
border-color: #6366f1;
|
|
892
892
|
}
|
|
893
893
|
.p-chips .p-chips-multiple-container .p-chips-token {
|
|
@@ -907,7 +907,7 @@ a {
|
|
|
907
907
|
padding: 0.375rem 0;
|
|
908
908
|
}
|
|
909
909
|
.p-chips .p-chips-multiple-container .p-chips-input-token input {
|
|
910
|
-
font-family:
|
|
910
|
+
font-family: 'Lato', sans-serif;
|
|
911
911
|
font-size: var(--fs-14);
|
|
912
912
|
color: #495057;
|
|
913
913
|
padding: 0;
|
|
@@ -920,7 +920,7 @@ a {
|
|
|
920
920
|
.p-chips.p-invalid .p-chips-multiple-container.p-focus {
|
|
921
921
|
outline: 0 none;
|
|
922
922
|
outline-offset: 0;
|
|
923
|
-
box-shadow: 0 0 0 0.
|
|
923
|
+
box-shadow: 0 0 0 0.1rem var(--red-100);
|
|
924
924
|
border-color: var(--red-300);
|
|
925
925
|
}
|
|
926
926
|
|
|
@@ -978,7 +978,7 @@ a {
|
|
|
978
978
|
outline: 0 none;
|
|
979
979
|
outline-offset: 0;
|
|
980
980
|
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
|
|
981
|
-
0px 0px 0px
|
|
981
|
+
0px 0px 0px 2px var(--primary-100);
|
|
982
982
|
border: 1px solid var(--primary-300);
|
|
983
983
|
}
|
|
984
984
|
|
|
@@ -986,19 +986,19 @@ a {
|
|
|
986
986
|
outline: 0 none;
|
|
987
987
|
outline-offset: 0;
|
|
988
988
|
border: 1px solid var(--red-300);
|
|
989
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
989
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
|
|
990
990
|
}
|
|
991
991
|
.p-inputgroup > .p-dropdown:not(.p-disabled).p-focus {
|
|
992
992
|
outline: 0 none;
|
|
993
993
|
outline-offset: 0;
|
|
994
994
|
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
|
|
995
|
-
0px 0px 0px
|
|
995
|
+
0px 0px 0px 2px var(--primary-100);
|
|
996
996
|
border: 1px solid var(--gray-300);
|
|
997
997
|
}
|
|
998
998
|
.p-inputgroup > .p-invalid.p-dropdown:not(.p-disabled).p-focus {
|
|
999
999
|
outline: 0 none;
|
|
1000
1000
|
outline-offset: 0;
|
|
1001
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
1001
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
|
|
1002
1002
|
border: 1px solid var(--gray-300);
|
|
1003
1003
|
}
|
|
1004
1004
|
|
|
@@ -1013,6 +1013,7 @@ a {
|
|
|
1013
1013
|
padding-inline-start: 0px;
|
|
1014
1014
|
display: flex;
|
|
1015
1015
|
align-items: center;
|
|
1016
|
+
padding-bottom: 2px;
|
|
1016
1017
|
}
|
|
1017
1018
|
|
|
1018
1019
|
.p-dropdown .p-dropdown-label.p-inputtext {
|
|
@@ -1379,7 +1380,7 @@ a {
|
|
|
1379
1380
|
.p-inputnumber.p-invalid.p-component > .p-inputtext:enabled:focus {
|
|
1380
1381
|
outline: 0 none;
|
|
1381
1382
|
outline-offset: 0;
|
|
1382
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
1383
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
|
|
1383
1384
|
border-radius: 8px;
|
|
1384
1385
|
border: 1px solid var(--red-300);
|
|
1385
1386
|
}
|
|
@@ -1426,7 +1427,7 @@ a {
|
|
|
1426
1427
|
outline: 0 none;
|
|
1427
1428
|
outline-offset: 0;
|
|
1428
1429
|
background: var(--focus-unchecked-bg);
|
|
1429
|
-
box-shadow: 0px 0px 0px
|
|
1430
|
+
box-shadow: 0px 0px 0px 2px var(--primary-100);
|
|
1430
1431
|
}
|
|
1431
1432
|
.p-inputswitch.p-disabled .p-inputswitch-slider {
|
|
1432
1433
|
background-color: var(--default-unchecked-bg);
|
|
@@ -1449,7 +1450,7 @@ a {
|
|
|
1449
1450
|
border: 1px solid var(--red-300);
|
|
1450
1451
|
}
|
|
1451
1452
|
.p-inputswitch.p-invalid.p-focus .p-inputswitch-slider {
|
|
1452
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
1453
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
|
|
1453
1454
|
}
|
|
1454
1455
|
/* #################################################### Toggle Switch CSS changes END ################################################# */
|
|
1455
1456
|
/* ====== existing input ========== */
|
|
@@ -1482,7 +1483,7 @@ a {
|
|
|
1482
1483
|
/* ====== Customised input start ========== */
|
|
1483
1484
|
|
|
1484
1485
|
.p-inputtext {
|
|
1485
|
-
font-family:
|
|
1486
|
+
font-family: 'Lato', sans-serif;
|
|
1486
1487
|
font-size: var(--fs-16);
|
|
1487
1488
|
color: var(--gray-900);
|
|
1488
1489
|
background: #ffffff;
|
|
@@ -1509,7 +1510,7 @@ a {
|
|
|
1509
1510
|
outline: 0 none;
|
|
1510
1511
|
outline-offset: 0;
|
|
1511
1512
|
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
|
|
1512
|
-
0px 0px 0px
|
|
1513
|
+
0px 0px 0px 2px var(--primary-100);
|
|
1513
1514
|
border-radius: 8px;
|
|
1514
1515
|
border: 1px solid var(--primary-300);
|
|
1515
1516
|
}
|
|
@@ -1517,7 +1518,7 @@ a {
|
|
|
1517
1518
|
.p-inputtext.p-invalid:enabled:focus {
|
|
1518
1519
|
outline: 0 none;
|
|
1519
1520
|
outline-offset: 0;
|
|
1520
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
1521
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
|
|
1521
1522
|
border-radius: 8px;
|
|
1522
1523
|
border: 1px solid var(--red-300);
|
|
1523
1524
|
}
|
|
@@ -1525,7 +1526,7 @@ a {
|
|
|
1525
1526
|
.p-invalid.p-inputnumber-input:enabled:focus {
|
|
1526
1527
|
outline: 0 none;
|
|
1527
1528
|
outline-offset: 0;
|
|
1528
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
1529
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
|
|
1529
1530
|
border-radius: 8px;
|
|
1530
1531
|
border: 1px solid var(--red-300);
|
|
1531
1532
|
}
|
|
@@ -1734,7 +1735,7 @@ a {
|
|
|
1734
1735
|
.p-multiselect:not(.p-disabled).p-focus {
|
|
1735
1736
|
outline: 0 none;
|
|
1736
1737
|
outline-offset: 0;
|
|
1737
|
-
box-shadow: 0 0 0 0.
|
|
1738
|
+
box-shadow: 0 0 0 0.1rem #C7D2FE;
|
|
1738
1739
|
|
|
1739
1740
|
}
|
|
1740
1741
|
.p-multiselect.p-multiselect-clearable .p-multiselect-label {
|
|
@@ -1981,7 +1982,7 @@ a {
|
|
|
1981
1982
|
}
|
|
1982
1983
|
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
|
|
1983
1984
|
background: var(--primary-50);
|
|
1984
|
-
box-shadow: 0px 0px 0px
|
|
1985
|
+
box-shadow: 0px 0px 0px 0px var(--primary-100);
|
|
1985
1986
|
border: 1px solid var(--primary-600);
|
|
1986
1987
|
}
|
|
1987
1988
|
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
|
|
@@ -2153,7 +2154,7 @@ a {
|
|
|
2153
2154
|
.p-treeselect:not(.p-disabled).p-focus {
|
|
2154
2155
|
outline: 0 none;
|
|
2155
2156
|
outline-offset: 0;
|
|
2156
|
-
box-shadow: 0 0 0 0.
|
|
2157
|
+
box-shadow: 0 0 0 0.1rem #c7d2fe;
|
|
2157
2158
|
border-color: #6366f1;
|
|
2158
2159
|
}
|
|
2159
2160
|
.p-treeselect .p-treeselect-label {
|
|
@@ -2338,7 +2339,7 @@ a {
|
|
|
2338
2339
|
.p-button:focus {
|
|
2339
2340
|
outline: 0 none;
|
|
2340
2341
|
outline-offset: 0;
|
|
2341
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
2342
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--primary-100);
|
|
2342
2343
|
border: 1px solid var(--primary-600);
|
|
2343
2344
|
}
|
|
2344
2345
|
|
|
@@ -2365,7 +2366,7 @@ a {
|
|
|
2365
2366
|
outline-offset: 0;
|
|
2366
2367
|
background: transparent;
|
|
2367
2368
|
border: 1px solid var(--gray-300);
|
|
2368
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
2369
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--gray-100);
|
|
2369
2370
|
}
|
|
2370
2371
|
|
|
2371
2372
|
/* Button with No Background and No Outline */
|
|
@@ -2550,7 +2551,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
2550
2551
|
.p-fileupload-choose.p-button-secondary:not(button):not(a):not(
|
|
2551
2552
|
.p-disabled
|
|
2552
2553
|
):focus {
|
|
2553
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
2554
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--primary-100);
|
|
2554
2555
|
}
|
|
2555
2556
|
.p-button.p-button-secondary:enabled:active,
|
|
2556
2557
|
.p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active,
|
|
@@ -2691,7 +2692,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
2691
2692
|
> .p-button:not(button):not(a):not(.p-disabled):focus,
|
|
2692
2693
|
.p-fileupload-choose.p-button-info:enabled:focus,
|
|
2693
2694
|
.p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
|
|
2694
|
-
box-shadow: 0 0 0 0.
|
|
2695
|
+
box-shadow: 0 0 0 0.1rem #bfdbfe;
|
|
2695
2696
|
}
|
|
2696
2697
|
.p-button.p-button-info:enabled:active,
|
|
2697
2698
|
.p-button.p-button-info:not(button):not(a):not(.p-disabled):active,
|
|
@@ -2830,7 +2831,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
2830
2831
|
.p-fileupload-choose.p-button-success:not(button):not(a):not(
|
|
2831
2832
|
.p-disabled
|
|
2832
2833
|
):focus {
|
|
2833
|
-
box-shadow: 0 0 0 0.
|
|
2834
|
+
box-shadow: 0 0 0 0.1rem #bbf7d0;
|
|
2834
2835
|
}
|
|
2835
2836
|
.p-button.p-button-success:enabled:active,
|
|
2836
2837
|
.p-button.p-button-success:not(button):not(a):not(.p-disabled):active,
|
|
@@ -3247,7 +3248,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
3247
3248
|
> .p-button:not(button):not(a):not(.p-disabled):focus,
|
|
3248
3249
|
.p-fileupload-choose.p-button-danger:enabled:focus,
|
|
3249
3250
|
.p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
|
|
3250
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
3251
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
|
|
3251
3252
|
}
|
|
3252
3253
|
.p-button.p-button-danger:enabled:active,
|
|
3253
3254
|
.p-button.p-button-danger:not(button):not(a):not(.p-disabled):active,
|
|
@@ -3317,7 +3318,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
3317
3318
|
> .p-button:not(button):not(a):not(.p-disabled):focus,
|
|
3318
3319
|
.p-fileupload-choose.p-button-danger-secondary:enabled:focus,
|
|
3319
3320
|
.p-fileupload-choose.p-button-danger-secondary:not(button):not(a):not(.p-disabled):focus {
|
|
3320
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
3321
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
|
|
3321
3322
|
}
|
|
3322
3323
|
|
|
3323
3324
|
.p-button.p-button-danger.p-button-outlined,
|
|
@@ -5654,7 +5655,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
5654
5655
|
.p-panel .p-panel-header .p-panel-header-icon:focus {
|
|
5655
5656
|
outline: 0 none;
|
|
5656
5657
|
outline-offset: 0;
|
|
5657
|
-
box-shadow: 0 0 0 0.
|
|
5658
|
+
box-shadow: 0 0 0 0.1rem #c7d2fe;
|
|
5658
5659
|
}
|
|
5659
5660
|
.p-panel.p-panel-toggleable .p-panel-header {
|
|
5660
5661
|
padding: 0.75rem 1.25rem;
|
|
@@ -5720,7 +5721,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
5720
5721
|
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
|
|
5721
5722
|
outline: 0 none;
|
|
5722
5723
|
outline-offset: 0;
|
|
5723
|
-
box-shadow: 0px 0px 0px
|
|
5724
|
+
box-shadow: 0px 0px 0px 0px var(--primary-100);
|
|
5724
5725
|
}
|
|
5725
5726
|
|
|
5726
5727
|
/* Existing tab menu */
|
|
@@ -5764,7 +5765,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
5764
5765
|
.p-tabview .p-tabview-nav-btn.p-link:focus {
|
|
5765
5766
|
outline: 0 none;
|
|
5766
5767
|
outline-offset: 0;
|
|
5767
|
-
box-shadow: inset 0 0 0 0
|
|
5768
|
+
box-shadow: inset 0 0 0 0 #c7d2fe;
|
|
5768
5769
|
}
|
|
5769
5770
|
.p-tabview .p-tabview-panels {
|
|
5770
5771
|
background: #ffffff;
|
|
@@ -7210,7 +7211,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
7210
7211
|
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
|
|
7211
7212
|
outline: 0 none;
|
|
7212
7213
|
outline-offset: 0;
|
|
7213
|
-
box-shadow: 0 0 0 0.
|
|
7214
|
+
box-shadow: 0 0 0 0.1rem #c7d2fe;
|
|
7214
7215
|
}
|
|
7215
7216
|
.p-steps .p-steps-item.p-highlight .p-steps-number {
|
|
7216
7217
|
background: #eef2ff;
|
|
@@ -7541,7 +7542,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
7541
7542
|
.p-toast .p-toast-message .p-toast-icon-close:focus {
|
|
7542
7543
|
outline: 0 none;
|
|
7543
7544
|
outline-offset: 0;
|
|
7544
|
-
box-shadow: 0 0 0 0.
|
|
7545
|
+
box-shadow: 0 0 0 0.1rem #c7d2fe;
|
|
7545
7546
|
}
|
|
7546
7547
|
.p-toast .p-toast-message.p-toast-message-info {
|
|
7547
7548
|
background: var(--primary-50);
|
|
@@ -7902,7 +7903,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
7902
7903
|
}
|
|
7903
7904
|
.p-terminal .p-terminal-input {
|
|
7904
7905
|
font-size: 1rem;
|
|
7905
|
-
font-family:
|
|
7906
|
+
font-family: 'Lato', sans-serif;
|
|
7906
7907
|
}
|
|
7907
7908
|
|
|
7908
7909
|
.p-badge {
|
|
@@ -8016,14 +8017,14 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
8016
8017
|
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black;
|
|
8017
8018
|
} */
|
|
8018
8019
|
.p-button.p-button-secondary:enabled:focus {
|
|
8019
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
8020
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--primary-100);
|
|
8020
8021
|
/* Changed the box shadow for Secondary Button */
|
|
8021
8022
|
}
|
|
8022
8023
|
.p-button.p-button-success:enabled:focus {
|
|
8023
8024
|
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
|
|
8024
8025
|
}
|
|
8025
8026
|
.p-button.p-button-info:enabled:focus {
|
|
8026
|
-
box-shadow: 0 0 0 2px #ffffff, 0 0 0
|
|
8027
|
+
box-shadow: 0 0 0 2px #ffffff, 0 0 0 2px #9dc1fb, 0 1px 2px 0 black;
|
|
8027
8028
|
}
|
|
8028
8029
|
.p-button.p-button-warning:enabled:focus {
|
|
8029
8030
|
/* box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; */
|
|
@@ -8033,7 +8034,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
|
|
|
8033
8034
|
box-shadow: none;
|
|
8034
8035
|
}
|
|
8035
8036
|
.p-button.p-button-danger:enabled:focus {
|
|
8036
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
8037
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--red-100);
|
|
8037
8038
|
}
|
|
8038
8039
|
|
|
8039
8040
|
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
|
|
@@ -8257,7 +8258,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8257
8258
|
.p-calendar-w-btn-left .p-datepicker-trigger:focus {
|
|
8258
8259
|
outline: 0 none;
|
|
8259
8260
|
outline-offset: 0;
|
|
8260
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
8261
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--primary-100);
|
|
8261
8262
|
border: 1px solid var(--primary-300);
|
|
8262
8263
|
border-right: 0px;
|
|
8263
8264
|
}
|
|
@@ -8551,13 +8552,13 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8551
8552
|
.p-avatar-focus:hover {
|
|
8552
8553
|
outline: 0 none;
|
|
8553
8554
|
outline-offset: 0;
|
|
8554
|
-
box-shadow: 0 0 0 0.
|
|
8555
|
+
box-shadow: 0 0 0 0.1rem #c7d2fe;
|
|
8555
8556
|
}
|
|
8556
8557
|
|
|
8557
8558
|
.avatar-button:focus {
|
|
8558
8559
|
outline: 0 none;
|
|
8559
8560
|
outline-offset: 0;
|
|
8560
|
-
box-shadow: 0 0 0 0.
|
|
8561
|
+
box-shadow: 0 0 0 0.1rem var(--gray-100);
|
|
8561
8562
|
}
|
|
8562
8563
|
|
|
8563
8564
|
.green-online-indicator-sm {
|
|
@@ -8825,7 +8826,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8825
8826
|
color: var(--gray-700);
|
|
8826
8827
|
}
|
|
8827
8828
|
.p-button.p-button-google:focus {
|
|
8828
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
8829
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--gray-100);
|
|
8829
8830
|
}
|
|
8830
8831
|
/* Facebook */
|
|
8831
8832
|
.p-button.p-button-facebook {
|
|
@@ -8838,7 +8839,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8838
8839
|
color: #ffffff;
|
|
8839
8840
|
}
|
|
8840
8841
|
.p-button.p-button-facebook:focus {
|
|
8841
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
8842
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--gray-100);
|
|
8842
8843
|
}
|
|
8843
8844
|
/* Apple */
|
|
8844
8845
|
.p-button.p-button-apple {
|
|
@@ -8851,7 +8852,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8851
8852
|
color: #ffffff;
|
|
8852
8853
|
}
|
|
8853
8854
|
.p-button.p-button-apple:focus {
|
|
8854
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
8855
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--gray-100);
|
|
8855
8856
|
}
|
|
8856
8857
|
/* Twitter */
|
|
8857
8858
|
.p-button.p-button-twitter {
|
|
@@ -8864,7 +8865,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
|
|
8864
8865
|
color: #ffffff;
|
|
8865
8866
|
}
|
|
8866
8867
|
.p-button.p-button-twitter:focus {
|
|
8867
|
-
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px
|
|
8868
|
+
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 2px var(--gray-100);
|
|
8868
8869
|
}
|
|
8869
8870
|
|
|
8870
8871
|
|