@swisspost/design-system-styles 9.6.0 → 9.8.0

package/_svg-icon-map.scss

@@ -561,6 +561,16 @@ $svg-icon-map: (
     "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6 24h-9.7v-1.5c4-3.5 7.8-7.6 7.8-10.3 0-4.2-6.3-2.4-6.9-2l-.3-1.4c.6-.3 8.8-3.1 8.8 3.4 0 3.8-7.3 10.1-7.8 10.4h8.1z'/%3E%3C/svg%3E",
   '3000':
     "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='M17.4 8.2V24h-1.6V9.9c-.2.2-.5.5-.9.8-.3.3-.7.6-1 .9l-.9.8-.8-1L16 8.2z'/%3E%3C/svg%3E",
+  '2753':
+    "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.11 12.63c2.09 0 3.75-.66 4.93-1.94 2.4-2.6 1.93-6.85 1.91-7.03l-.07-.59h-5.11c0-1.86-.17-3.07-.17-3.07H5.4s-.17 1.21-.18 3.07H.12l-.07.59c-.02.18-.49 4.42 1.91 7.03 1.18 1.27 2.82 1.92 4.88 1.94 1.22 3.12 3.3 6.13 6.82 8.08.11 1.37-.03 4.69-3.72 6.37l-.22.1H6c-1.15 0-2.07.9-2.07 2.01v2.82h24.14v-2.82c0-1.11-.93-2.01-2.07-2.01h-3.72l-.22-.1c-3.72-1.69-3.83-5.05-3.72-6.4 3.49-1.95 5.56-4.94 6.78-8.05Zm1.57 16.55v1.49H5.3v-1.49c0-.37.31-.67.7-.67h19.99c.38 0 .7.3.7.67ZM30.62 4.4c.03 1.16-.09 3.76-1.61 5.4-.82.89-1.98 1.36-3.42 1.45.77-2.45 1.07-4.88 1.15-6.86h3.88ZM3 9.8C1.48 8.16 1.36 5.56 1.39 4.4h3.86c.08 1.98.36 4.4 1.13 6.85-1.42-.1-2.56-.57-3.37-1.45Zm4.18-.88c-.67-3.13-.62-6.04-.52-7.58h18.68c.09 1.55.13 4.45-.55 7.58-1.24 5.72-4.21 9.56-8.82 11.41-.36-.14-.69-.32-1.03-.49-4.01-1.99-6.63-5.64-7.76-10.91Zm12.26 18.09h-6.9c2.05-1.77 2.47-4.11 2.5-5.63.3.13.6.26.92.37.34-.12.66-.26.97-.39.02 1.52.44 3.88 2.5 5.65ZM11.9 14.47l4.1-2.08 4.1 2.08-.78-4.41 3.32-3.12-4.58-.64-2.05-4.01-2.05 4.01-4.58.64 3.32 3.12-.78 4.41Zm.42-6.6 1.82-.26.72-.1.32-.63.81-1.59.81 1.59.32.63.72.1 1.82.26-1.32 1.24-.52.49.12.69.31 1.75-1.63-.83-.64-.33-.64.33-1.63.83.31-1.75.12-.69-.52-.49-1.32-1.24Z'/%3E%3C/svg%3E",
+  '2752':
+    "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.68h1.33v13.34H6.62zm5.31 13.34h1.33V10.68h-1.33zm20.04-.32c0 4.59-3.71 8.3-8.28 8.3a8.22 8.22 0 0 1-6.05-2.65H5.88c-1.79 0-3.25-1.46-3.25-3.25V6.67h-2a.67.67 0 0 1 0-1.34h7.32V3.36C7.96 1.51 9.47 0 11.31 0h2.61c1.84 0 3.35 1.51 3.35 3.36v1.97h7.32a.67.67 0 0 1 0 1.34h-2v8.8c.36-.05.72-.08 1.09-.08 4.57 0 8.28 3.72 8.28 8.3ZM9.29 5.34h6.66V3.37c0-1.12-.91-2.03-2.02-2.03h-2.61c-1.12 0-2.02.91-2.02 2.03v1.97Zm7.33 22.68a8.27 8.27 0 0 1-1.22-4.32c0-1.98.69-3.79 1.84-5.21v-7.81h1.33v6.5c.79-.63 1.7-1.11 2.69-1.42V6.67H3.96V26.1c0 1.06.86 1.92 1.92 1.92h10.75Zm14.02-4.32c0-3.84-3.12-6.97-6.95-6.97s-6.95 3.13-6.95 6.97 3.12 6.97 6.95 6.97 6.95-3.13 6.95-6.97m-5.4-3.9h-2.68v1.33h2.68c.92 0 1.68.75 1.68 1.68s-.75 1.68-1.68 1.68h-3.42l1.76-1.77H21.7l-2.43 2.44 2.43 2.43h1.88l-1.76-1.77h3.42c1.66 0 3.01-1.35 3.01-3.02s-1.35-3.02-3.01-3.02Z'/%3E%3C/svg%3E",
+  '2751':
+    "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.17 5.59c1.54 0 2.8-1.25 2.8-2.79S8.72 0 7.17 0s-2.8 1.25-2.8 2.79 1.25 2.79 2.8 2.79Zm0-4.26c.81 0 1.46.66 1.46 1.46s-.66 1.46-1.46 1.46-1.46-.66-1.46-1.46.66-1.46 1.46-1.46M21.83.03 20.33 14l-2.19.8v-4.09h-7.42v2.65L7.89 8.34c-.12-.15-1.24-1.43-2.71-1.32-.91.07-1.69.66-2.32 1.73L.13 18.2.02 31.95h4.99l.23-10.09 1.59-6.97.32.51c.02.05.63 1.33 1.94 1.73.52.16 1.06.14 1.62-.01v1.07h4.1V32h17.21V.03zM9.49 15.86c-.74-.22-1.13-1.01-1.17-1.09l-2.07-3.33L3.93 21.7l-.21 8.92H1.36l.07-12.14 2.61-9.13c.38-.63.8-.97 1.23-1.01.67-.07 1.37.59 1.51.74l3.77 6.7c-.39.14-.75.17-1.07.07Zm13.53-14.5h2.8l-1.54 14.36c-1.04-.82-2.18-1.73-2.59-2.04l1.32-12.32ZM12.04 16.51l.33-.2-.33-.58v-3.68h4.75v4.81h-4.75v-.34Zm6.09 1.68v-1.97l2.65-.97.52-.19c.53.41 1.38 1.09 2.2 1.73l-7.36 2.82v-1.43h1.99Zm12.56 12.48H16.14v-9.62l9.3-3.57 1.72-16.11h3.52v29.31ZM14.65 12.76h1.53v1.33h-1.53z' class='st0'/%3E%3C/svg%3E",
+  '2750':
+    "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.19 5.58c1.54 0 2.79-1.25 2.79-2.8S8.73 0 7.19 0 4.4 1.25 4.4 2.8s1.25 2.8 2.79 2.8Zm0-4.26c.81 0 1.46.66 1.46 1.46s-.66 1.46-1.46 1.46-1.46-.66-1.46-1.46.66-1.46 1.46-1.46m9.65 11.05h-1.53v-1.33h1.53zM32 16.63V0h-8.33v1.33h2.12v8.05l-5.85 1.65.15.62c.27 1.09.8 1.86 1.59 2.28.49.26 1 .34 1.43.34.63 0 1.09-.17 1.09-.17l1.6-.37v1.53l-7.01.03v-6.3h-7.42v5.54L7.88 8.34c-.12-.15-1.24-1.43-2.71-1.32-.91.07-1.69.66-2.32 1.73L0 18.29l.04 13.67h4.98l.23-10.1 1.58-6.97.32.51c.02.05.63 1.33 1.94 1.73.85.26 1.77.09 2.73-.49l.29-.17h5.53v2.7h3.48v12.79h1.33V19.17h8.2v12.82h1.34V17.83H18.97v-1.21h13.02Zm-4.87-15.3h3.53v13.91l-3.53.02zm-3.3 11.49s-.84.29-1.52-.08c-.29-.16-.53-.43-.7-.8l4.2-1.18v1.6l-1.98.47ZM9.5 15.86c-.74-.22-1.13-1.01-1.17-1.09l-2.07-3.33L3.94 21.7l-.21 8.93H1.38l-.04-12.15 2.72-9.13c.39-.63.8-.97 1.23-1.01.67-.07 1.37.59 1.51.74l3.76 6.7c-.39.14-.75.17-1.07.07Zm7.96-.72h-4.75v-4.81h4.75z' class='st0'/%3E%3C/svg%3E",
+  '2749':
+    "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.51 2.21 19.1 5.59H24l3.41-3.38zm.95 2.04h-1.12l.72-.71h1.12zM32 .95V0H15.55L8.97 6.58l-.45.45v5.24H7.39l-2.35 3.29H0V32h21.9v-8.5h3.06l7.03-7.04V.96Zm-15.9.38h13.62L24.4 6.58H10.86l5.25-5.25Zm4.47 29.34H1.33V16.9h4.39l.4-.56 1.95-2.73h5.76l1.95 2.73.4.56h4.39zm-3.7-15.11-2.35-3.29H9.85V7.91h14.2v14.25H21.9v-6.6h-5.04Zm13.79.35-5.28 5.28V7.48l5.28-5.21V15.9Zm-19.71 1.85c-3.02 0-5.47 2.46-5.47 5.48s2.46 5.48 5.47 5.48 5.47-2.46 5.47-5.48-2.46-5.48-5.47-5.48m0 9.62c-2.28 0-4.14-1.86-4.14-4.14s1.86-4.14 4.14-4.14 4.14 1.86 4.14 4.14-1.86 4.14-4.14 4.14' class='st0'/%3E%3C/svg%3E",
   '2748':
     "data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33 18.35c2.41 0 4.36-1.95 4.36-4.35s-1.95-4.35-4.36-4.35S4.97 11.6 4.97 14s1.95 4.35 4.36 4.35m0-7.37c1.67 0 3.02 1.35 3.02 3.02s-1.36 3.02-3.02 3.02S6.31 15.67 6.31 14s1.36-3.02 3.02-3.02m8.01 13.52v7.51h-1.33V24.5c0-1.8-1.46-3.26-3.27-3.26H4.6a3.27 3.27 0 0 0-3.27 3.26v7.51H0V24.5c0-2.53 2.06-4.59 4.6-4.59h8.14c2.54 0 4.6 2.06 4.6 4.59M3.99 26.67h1.33V32H3.99zm9.27 0h1.33V32h-1.33zM23.93 0c-3.26 0-6.06 1.65-7.33 4.02-.52-.53-1.3-.87-2.17-.87-1.53 0-2.77 1.03-2.84 2.32-.06 0-.11-.01-.17-.01-1.23 0-2.23.85-2.23 1.9s1 1.9 2.23 1.9c1.01 0 1.86-.58 2.13-1.37a3.16 3.16 0 0 0 2.38-.24c.45 3.43 3.87 6.1 8.01 6.1 4.46 0 8.07-3.08 8.07-6.88S28.39 0 23.93 0M11.41 7.94c-.51 0-.9-.3-.9-.57s.38-.57.9-.57.9.3.9.57-.38.57-.9.57m3.01-1.24c-.83 0-1.52-.51-1.52-1.1s.7-1.1 1.52-1.1 1.52.51 1.52 1.1-.7 1.1-1.52 1.1m9.51 5.74c-3.71 0-6.73-2.49-6.73-5.55s3.02-5.55 6.73-5.55 6.73 2.49 6.73 5.55-3.02 5.55-6.73 5.55m2.44-6.95c0 .64-.33 1.09-.95 1.51-.63.44-.75.55-.75 1.06v.06h-1.42V7.9c0-.78.3-1.12.8-1.46.55-.39.69-.53.69-.8 0-.33-.29-.55-.95-.55-.52 0-1.12.16-1.6.38V4.12c.43-.18 1.15-.34 1.84-.34 1.3 0 2.33.59 2.33 1.72ZM24.94 9.5c0 .49-.38.91-.97.91S23 10 23 9.5s.38-.9.97-.9.97.42.97.9'/%3E%3C/svg%3E",
   '2747':

package/components/datatable.css

@@ -14,4 +14,4 @@
  * Copyright 2021 by Swiss Post, Information Technology
  *//*!
  * Copyright 2021 by Swiss Post, Information Technology
- */.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:.9375rem}@media(min-width: 600px){.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:1rem}}@media(min-width: 1024px){.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:1.0625rem}}.datatable-header-cell{padding:.5rem 1rem;font-weight:700}.datatable-header[ng-reflect-sorts*=object] .datatable-header-cell:not(.sort-active){color:#666}.datatable-header-cell-template-wrap{display:flex;align-items:center}.datatable-header-cell-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datatable-flush .datatable-header-cell{border-bottom:2px solid #e6e6e6}.datatable-body-cell{display:flex !important;align-items:center;margin-bottom:2px;padding:.5rem 1rem;background-color:#faf9f8}.datatable-spaced-cells .datatable-body-cell{margin-right:2px}.datatable-inverted .datatable-body-cell{background-color:#fff}.datatable-flush .datatable-body-cell,.datatable-striped-rows .datatable-row-odd .datatable-body-cell{margin:0;background-color:rgba(0,0,0,0)}.datatable-flush .datatable-body-cell{border-bottom:2px solid #e6e6e6}.ngx-datatable .sort-btn{flex:0 0 auto;width:1rem;height:1rem;margin-left:.5rem}.ngx-datatable .sort-btn.datatable-icon-sort-unset{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='m9.1 13.8-.9-1 7.8-7 7.8 7.1-.9 1L16 7.6zm6.9 10-6.9-6.3-.9 1 7.8 7.1 7.8-7.1-.9-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='m9.1 13.8-.9-1 7.8-7 7.8 7.1-.9 1L16 7.6zm6.9 10-6.9-6.3-.9 1 7.8 7.1 7.8-7.1-.9-1z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.ngx-datatable .sort-btn.datatable-icon-up,.ngx-datatable .sort-btn.datatable-icon-down{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.ngx-datatable .sort-btn.datatable-icon-down{transform:rotate(180deg)}.datatable-button-cell{align-items:stretch;padding:0}.datatable-button-cell .datatable-body-cell-label{display:flex;flex-grow:1;align-items:stretch}.datatable-button-cell .datatable-button{display:flex;align-items:center;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;width:calc(100% - 2*0.125rem);height:calc(100% - 2*0.125rem);margin:.125rem;padding:.5rem 1rem;border-radius:0}.datatable-button-cell .datatable-button:focus{outline:0;box-shadow:0 0 0 .125rem rgba(51,51,51,.25)}.datatable-paginated-footer{display:flex;flex:1 0 auto;align-items:center;justify-content:flex-end;padding:.125rem 1rem}.datatable-paginated-footer .datatable-row-count-label{flex:0 0 auto;margin:0 .5rem 0 0}.datatable-paginated-footer .datatable-row-count-input{flex:0 0 7rem;height:calc(2.25rem + 4px);padding-top:0;padding-bottom:0}.datatable-paginated-footer .datatable-row-count-input+.datatable-pagination{padding-left:.5rem;border-left:2px solid #e6e6e6}.datatable-paginated-footer .datatable-pagination{flex:0 0 auto}.datatable-paginated-footer .datatable-pagination .pagination{margin-bottom:0}.datatable-paginated-footer .datatable-loader{margin:auto}.progress-linear{display:block;position:sticky;top:0;width:100%;height:.25rem;margin:0;padding:0}.progress-linear .container{display:block;position:relative;width:100%;height:5px;overflow:hidden;transform:translate(0, 0) scale(1, 1);background-color:#e6e6e6}.progress-linear .container .bar{position:absolute;top:0;bottom:0;left:0;width:100%;height:5px;transition:all .2s linear;animation:query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);background-color:#fc0}@keyframes query{0%{transform:translateX(35%) scale(0.3, 1);opacity:1}100%{transform:translateX(-50%) scale(0, 1);opacity:0}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngx-datatable .datatable-header-cell,.ngx-datatable .datatable-body-cell,.ngx-datatable .datatable-footer-cell{margin:0;background-color:Canvas;border:0 none;color:CanvasText}.ngx-datatable .datatable-button:hover,.ngx-datatable .datatable-button:focus-visible{outline:2px solid Highlight;outline-offset:-2px}.ngx-datatable:not(.datatable-spaced-cells) .datatable-row-wrapper .datatable-body-cell{border-top:2px solid CanvasText}.ngx-datatable:not(.datatable-spaced-cells) .datatable-row-wrapper:last-child .datatable-body-cell{border-bottom:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper .datatable-body-cell{border-top:2px solid CanvasText;border-left:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper .datatable-body-cell:last-child{border-right:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper:last-child .datatable-body-cell{border-bottom:2px solid CanvasText}}
+ */.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:.9375rem}@media(min-width: 600px){.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:1rem}}@media(min-width: 1024px){.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:1.0625rem}}.datatable-header-cell{padding:.5rem 1rem;font-weight:700}.datatable-header[ng-reflect-sorts*=object] .datatable-header-cell:not(.sort-active),.datatable-header .datatable-header-cell.sortable:not(.sort-active){color:#666}.datatable-header-cell-template-wrap{display:flex;align-items:center}.datatable-header-cell-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datatable-flush .datatable-header-cell{border-bottom:2px solid #e6e6e6}.datatable-body-cell{display:flex !important;align-items:center;margin-bottom:2px;padding:.5rem 1rem;background-color:#faf9f8}.datatable-spaced-cells .datatable-body-cell{margin-right:2px}.datatable-inverted .datatable-body-cell{background-color:#fff}.datatable-flush .datatable-body-cell,.datatable-striped-rows .datatable-row-odd .datatable-body-cell{margin:0;background-color:rgba(0,0,0,0)}.datatable-flush .datatable-body-cell{border-bottom:2px solid #e6e6e6}.ngx-datatable .sort-btn{flex:0 0 auto;width:1rem;height:1rem;margin-left:.5rem}.ngx-datatable .sort-btn.datatable-icon-sort-unset{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='m9.1 13.8-.9-1 7.8-7 7.8 7.1-.9 1L16 7.6zm6.9 10-6.9-6.3-.9 1 7.8 7.1 7.8-7.1-.9-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='m9.1 13.8-.9-1 7.8-7 7.8 7.1-.9 1L16 7.6zm6.9 10-6.9-6.3-.9 1 7.8 7.1 7.8-7.1-.9-1z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.ngx-datatable .sort-btn.datatable-icon-up,.ngx-datatable .sort-btn.datatable-icon-down{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.ngx-datatable .sort-btn.datatable-icon-down{transform:rotate(180deg)}.datatable-button-cell{align-items:stretch;padding:0}.datatable-button-cell .datatable-body-cell-label{display:flex;flex-grow:1;align-items:stretch}.datatable-button-cell .datatable-button{display:flex;align-items:center;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;width:calc(100% - 2*0.125rem);height:calc(100% - 2*0.125rem);margin:.125rem;padding:.5rem 1rem;border-radius:0}.datatable-button-cell .datatable-button:focus{outline:0;box-shadow:0 0 0 .125rem rgba(51,51,51,.25)}.datatable-paginated-footer{display:flex;flex:1 0 auto;align-items:center;justify-content:flex-end;padding:.125rem 1rem}.datatable-paginated-footer .datatable-row-count-label{flex:0 0 auto;margin:0 .5rem 0 0}.datatable-paginated-footer .datatable-row-count-input{flex:0 0 7rem;height:calc(2.25rem + 4px);padding-top:0;padding-bottom:0}.datatable-paginated-footer .datatable-row-count-input+.datatable-pagination{padding-left:.5rem;border-left:2px solid #e6e6e6}.datatable-paginated-footer .datatable-pagination{flex:0 0 auto}.datatable-paginated-footer .datatable-pagination .pagination{margin-bottom:0}.datatable-paginated-footer .datatable-loader{margin:auto}.progress-linear{display:block;position:sticky;top:0;width:100%;height:.25rem;margin:0;padding:0}.progress-linear .container{display:block;position:relative;width:100%;height:5px;overflow:hidden;transform:translate(0, 0) scale(1, 1);background-color:#e6e6e6}.progress-linear .container .bar{position:absolute;top:0;bottom:0;left:0;width:100%;height:5px;transition:all .2s linear;animation:query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);background-color:#fc0}@keyframes query{0%{transform:translateX(35%) scale(0.3, 1);opacity:1}100%{transform:translateX(-50%) scale(0, 1);opacity:0}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngx-datatable .datatable-header-cell,.ngx-datatable .datatable-body-cell,.ngx-datatable .datatable-footer-cell{margin:0;background-color:Canvas;border:0 none;color:CanvasText}.ngx-datatable .datatable-button:hover,.ngx-datatable .datatable-button:focus-visible{outline:2px solid Highlight;outline-offset:-2px}.ngx-datatable:not(.datatable-spaced-cells) .datatable-row-wrapper .datatable-body-cell{border-top:2px solid CanvasText}.ngx-datatable:not(.datatable-spaced-cells) .datatable-row-wrapper:last-child .datatable-body-cell{border-bottom:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper .datatable-body-cell{border-top:2px solid CanvasText;border-left:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper .datatable-body-cell:last-child{border-right:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper:last-child .datatable-body-cell{border-bottom:2px solid CanvasText}}

package/components/datatable.scss

@@ -17,7 +17,8 @@
   padding: datatable.$datatable-cell-padding;
   font-weight: datatable.$datatable-header-font-weight;
 
-  .datatable-header[ng-reflect-sorts*='object'] &:not(.sort-active) {
+  .datatable-header[ng-reflect-sorts*='object'] &:not(.sort-active),
+  .datatable-header &.sortable:not(.sort-active) {
     color: datatable.$datatable-header-unsorted-color;
   }