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 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
- font-family: "Lato-400";
20
- font-weight: 400;
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
- font-family: "Lato-600";
26
- font-weight: 600;
27
- src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
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: "Lato-400", sans-serif;
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: "Lato-400", monospace;
40
+ font-family: 'Lato', sans-serif;
42
41
  }
43
42
 
44
43
  h1 {
@@ -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
- font-family: "Lato-400";
20
- font-weight: 400;
21
- src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
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
- font-family: "Lato-600";
26
- font-weight: 600;
27
- src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
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: "Lato-400", sans-serif;
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: "Lato-400", monospace;
45
+ font-family: 'Lato', sans-serif;
46
46
  }
47
47
 
48
48
  h1 {
@@ -10,7 +10,7 @@
10
10
  --heading-color: #101828;
11
11
  --primary-color: #162578;
12
12
  --primary-color-text: #ffffff;
13
- --font-family: "Lato-400";
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-400;
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-400;
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.2rem #c7d2fe;
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
- font-family: "Lato-400";
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.2rem #c7d2fe;
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 4px var(--primary-100);
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 4px var(--primary-100);
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 4px var(--primary-100);
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.2rem #c7d2fe;
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: "Lato-400";
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.2rem var(--red-100);
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 4px var(--primary-100);
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 4px var(--red-100);
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 4px var(--primary-100);
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 4px var(--red-100);
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 4px var(--red-100);
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 4px var(--primary-100);
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 4px var(--red-100);
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: "Lato-400";
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 4px var(--primary-100);
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 4px var(--red-100);
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 4px var(--red-100);
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.2rem #C7D2FE;
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 4px var(--primary-100);
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.2rem #c7d2fe;
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 4px var(--primary-100);
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 4px var(--gray-100);
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 4px var(--primary-100);
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.2rem #bfdbfe;
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.2rem #bbf7d0;
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 4px var(--red-100);
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 4px var(--red-100);
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.2rem #c7d2fe;
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 4px var(--primary-100);
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.2rem #c7d2fe;
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.2rem #c7d2fe;
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.2rem #c7d2fe;
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: "Lato-400";
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 4px var(--primary-100);
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 4px #9dc1fb, 0 1px 2px 0 black;
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 4px var(--red-100);
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 4px var(--primary-100);
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.2rem #c7d2fe;
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.2rem var(--gray-100);
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 4px var(--gray-100);
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 4px var(--gray-100);
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 4px var(--gray-100);
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 4px var(--gray-100);
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
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "4.1.5",
3
+ "version": "4.1.8",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",