npm - @sava-info-systems/api-maker-with-extensions - Versions diffs - 1.6.0 → 1.7.0 - Mend

@sava-info-systems/api-maker-with-extensions 1.6.0 → 1.7.0

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 (162) hide show

package/src/public/dist-db-masters/browser/assets/iframe_test.html CHANGED Viewed

@@ -1,11 +1,36 @@
 <html>
+<head>
+    <title>IFrame Demo</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+</head>
 <body style="background-color: black;">
+<div class="dropdown">
+    <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+        Dropdown button
+    </button>
+    <ul class="dropdown-menu">
+        <li><a class="dropdown-item" href="#">Action</a></li>
+        <li><a class="dropdown-item" href="#">Another action</a></li>
+        <li><a class="dropdown-item" href="#">Something else here</a></li>
+    </ul>
+</div>
+<div>
+    <h1 style="text-align: right;" id="msg"></h1>
+</div>
 <iframe
     style="width: 100%; height: 100%;"
     id="idFrame_zzzz"
-    src="http://localhost:4630/?admin-path=admin&db-master-name=zzzz&x-am-authorization=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI2NWU4MzdjMzZiZGYwOWQxNTg1ZjVlODEiLCJ1c2VybmFtZSI6ImRlZmF1bHQiLCJwYXNzd29yZCI6InJaYXJiaSpRZyhYXVNxKCZiMW9vVkVnPzNBbW1lT3V1IiwidXNlciI6IjY0OWU3NzBhYzU2M2E1OWFhYjlmZDUxYyIsImlhdCI6MTcxNzUwMDQ3MSwiZXhwIjoxNzE3NzU5NjcxLCJpc3MiOiJBUEkgTWFrZXIgSldUIEdlbmVyYXRvciJ9.-iB40d9fWmPll7JTPxOkC7r9NfqtclZoMr3PMbnDZH0"
+    src="http://localhost:4630/?admin-path=admin&db-master-name=zzzz&x-am-internationalization=65e837c36bdf09d1585f5e05&x-am-authorization=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI2NWU4MzdjMzZiZGYwOWQxNTg1ZjVlODEiLCJ1c2VybmFtZSI6ImRlZmF1bHQiLCJwYXNzd29yZCI6InJaYXJiaSpRZyhYXVNxKCZiMW9vVkVnPzNBbW1lT3V1IiwidXNlciI6IjY0OWU3NzBhYzU2M2E1OWFhYjlmZDUxYyIsImlhdCI6MTcyMjIyNjk3NCwiZXhwIjoxNzIyNDg2MTc0LCJpc3MiOiJBUEkgTWFrZXIgSldUIEdlbmVyYXRvciJ9.y42jt4bicfhmzO1DfYWdkGjXlKO7E97ddYIiQx3AjxU"
 >
 </iframe>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
 </body>
 <script type="application/javascript">
     const frameId = 'idFrame_zzzz';
@@ -24,5 +49,13 @@
         const data = e.data; // IDBMasterMessageFromIframeToParent
         console.log('[Parent] ', data);
     };
+    window.onfocus = function () {
+        document.getElementById('msg').innerText = "Focused"
+    };
+    window.onblur = function () {
+        document.getElementById('msg').innerText = "Lost Focus"
+    };
 </script>
 </html>

package/src/public/dist-db-masters/browser/assets/themes/arya-blue/theme.css CHANGED Viewed

@@ -735,6 +735,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   .p-cascadeselect-panel {
     background: #1e1e1e;
@@ -851,6 +860,18 @@
     background: #2396f2;
     color: #212529;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #64B5F6;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #2396f2;
+  }
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #ef9a9a;
@@ -990,6 +1011,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   .p-dropdown-panel {
     background: #1e1e1e;
@@ -1173,6 +1203,16 @@
     right: 0.5rem;
   }
+  .p-inputmask.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #ef9a9a;
   }
@@ -1192,6 +1232,16 @@
     right: 2.857rem;
   }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: #383838;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: #383838;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: #383838;
+  }
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1270,6 +1320,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1486,8 +1545,17 @@
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }
+  .p-multiselect.p-variant-filled {
+    background: #383838;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
-  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
     padding: 0.25rem 0.5rem;
   }
@@ -1685,6 +1753,18 @@
     background: #2396f2;
     color: #212529;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
+    background: #64B5F6;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+    background: #2396f2;
+  }
   p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
     border-color: #ef9a9a;
@@ -1799,9 +1879,12 @@
     margin-left: -0.5715rem;
   }
   .p-slider.p-slider-vertical {
+    height: 100%;
     width: 0.286rem;
   }
   .p-slider.p-slider-vertical .p-slider-handle {
+    height: 1.143rem;
+    width: 1.143rem;
     margin-left: -0.5715rem;
     margin-bottom: -0.5715rem;
   }
@@ -1916,6 +1999,15 @@
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #ef9a9a;
@@ -3419,6 +3511,18 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #64B5F6;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #383838;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #2396f2;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(100, 181, 246, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3616,6 +3720,18 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #64B5F6;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #383838;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #2396f2;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #93cbf9;
     outline-offset: -0.15rem;
@@ -6016,10 +6132,6 @@
     height: 1.5rem;
     line-height: 1.5rem;
   }
-  .p-badge.p-badge-secondary {
-    background-color: #78909c;
-    color: #ffffff;
-  }
   .p-badge.p-badge-success {
     background-color: #c5e1a5;
     color: #121212;

package/src/public/dist-db-masters/browser/assets/themes/arya-green/theme.css CHANGED Viewed

@@ -735,6 +735,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   .p-cascadeselect-panel {
     background: #1e1e1e;
@@ -851,6 +860,18 @@
     background: #54b358;
     color: #212529;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #81C784;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #54b358;
+  }
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #ef9a9a;
@@ -990,6 +1011,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   .p-dropdown-panel {
     background: #1e1e1e;
@@ -1173,6 +1203,16 @@
     right: 0.5rem;
   }
+  .p-inputmask.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #ef9a9a;
   }
@@ -1192,6 +1232,16 @@
     right: 2.857rem;
   }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: #383838;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: #383838;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: #383838;
+  }
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1270,6 +1320,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1486,8 +1545,17 @@
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }
+  .p-multiselect.p-variant-filled {
+    background: #383838;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
-  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
     padding: 0.25rem 0.5rem;
   }
@@ -1685,6 +1753,18 @@
     background: #54b358;
     color: #212529;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
+    background: #81C784;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+    background: #54b358;
+  }
   p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
     border-color: #ef9a9a;
@@ -1799,9 +1879,12 @@
     margin-left: -0.5715rem;
   }
   .p-slider.p-slider-vertical {
+    height: 100%;
     width: 0.286rem;
   }
   .p-slider.p-slider-vertical .p-slider-handle {
+    height: 1.143rem;
+    width: 1.143rem;
     margin-left: -0.5715rem;
     margin-bottom: -0.5715rem;
   }
@@ -1916,6 +1999,15 @@
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #ef9a9a;
@@ -3419,6 +3511,18 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #81C784;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #383838;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #54b358;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(129, 199, 132, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3616,6 +3720,18 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #81C784;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #383838;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #54b358;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #a7d8a9;
     outline-offset: -0.15rem;
@@ -6016,10 +6132,6 @@
     height: 1.5rem;
     line-height: 1.5rem;
   }
-  .p-badge.p-badge-secondary {
-    background-color: #78909c;
-    color: #ffffff;
-  }
   .p-badge.p-badge-success {
     background-color: #c5e1a5;
     color: #121212;

package/src/public/dist-db-masters/browser/assets/themes/arya-orange/theme.css CHANGED Viewed

@@ -735,6 +735,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   .p-cascadeselect-panel {
     background: #1e1e1e;
@@ -851,6 +860,18 @@
     background: #ffc50c;
     color: #212529;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #FFD54F;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: #383838;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #ffc50c;
+  }
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #ef9a9a;
@@ -990,6 +1011,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   .p-dropdown-panel {
     background: #1e1e1e;
@@ -1173,6 +1203,16 @@
     right: 0.5rem;
   }
+  .p-inputmask.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #ef9a9a;
   }
@@ -1192,6 +1232,16 @@
     right: 2.857rem;
   }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: #383838;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: #383838;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: #383838;
+  }
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1270,6 +1320,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1486,8 +1545,17 @@
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }
+  .p-multiselect.p-variant-filled {
+    background: #383838;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: #383838;
+  }
-  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
     padding: 0.25rem 0.5rem;
   }
@@ -1685,6 +1753,18 @@
     background: #ffc50c;
     color: #212529;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: #383838;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
+    background: #FFD54F;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+    background: #ffc50c;
+  }
   p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
     border-color: #ef9a9a;
@@ -1799,9 +1879,12 @@
     margin-left: -0.5715rem;
   }
   .p-slider.p-slider-vertical {
+    height: 100%;
     width: 0.286rem;
   }
   .p-slider.p-slider-vertical .p-slider-handle {
+    height: 1.143rem;
+    width: 1.143rem;
     margin-left: -0.5715rem;
     margin-bottom: -0.5715rem;
   }
@@ -1916,6 +1999,15 @@
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: #383838;
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: #383838;
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: #383838;
+  }
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #ef9a9a;
@@ -3419,6 +3511,18 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #FFD54F;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #383838;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #ffc50c;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(255, 213, 79, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3616,6 +3720,18 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #383838;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #FFD54F;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #383838;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #ffc50c;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #ffe284;
     outline-offset: -0.15rem;
@@ -6016,10 +6132,6 @@
     height: 1.5rem;
     line-height: 1.5rem;
   }
-  .p-badge.p-badge-secondary {
-    background-color: #78909c;
-    color: #ffffff;
-  }
   .p-badge.p-badge-success {
     background-color: #c5e1a5;
     color: #121212;