@swisspost/design-system-styles-primeng 9.0.0-next.9 → 9.0.0

package/primeng-theme/components/_inputtext.scss

@@ -0,0 +1,32 @@
+p-table,
+.p-datatable-filter-overlay {
+  --p-inputtext-background: var(--p-form-field-background);
+  --p-inputtext-disabled-background: var(--p-form-field-disabled-background);
+  --p-inputtext-filled-background: var(--p-form-field-filled-background);
+  --p-inputtext-filled-hover-background: var(--p-form-field-filled-hover-background);
+  --p-inputtext-filled-focus-background: var(--p-form-field-filled-focus-background);
+  --p-inputtext-border-color: var(--p-form-field-border-color);
+  --p-inputtext-hover-border-color: var(--p-form-field-hover-border-color);
+  --p-inputtext-focus-border-color: var(--p-form-field-focus-border-color);
+  --p-inputtext-invalid-border-color: var(--p-form-field-invalid-border-color);
+  --p-inputtext-color: var(--p-form-field-color);
+  --p-inputtext-disabled-color: var(--p-form-field-disabled-color);
+  --p-inputtext-placeholder-color: var(--p-form-field-placeholder-color);
+  --p-inputtext-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
+  --p-inputtext-shadow: var(--p-form-field-shadow);
+  --p-inputtext-padding-x: var(--p-form-field-padding-x);
+  --p-inputtext-padding-y: var(--p-form-field-padding-y);
+  --p-inputtext-border-radius: var(--p-form-field-border-radius);
+  --p-inputtext-focus-ring-width: var(--p-form-field-focus-ring-width);
+  --p-inputtext-focus-ring-style: var(--p-form-field-focus-ring-style);
+  --p-inputtext-focus-ring-color: var(--p-form-field-focus-ring-color);
+  --p-inputtext-focus-ring-offset: var(--p-form-field-focus-ring-offset);
+  --p-inputtext-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
+  --p-inputtext-transition-duration: var(--p-form-field-transition-duration);
+  --p-inputtext-sm-font-size: var(--p-form-field-sm-font-size);
+  --p-inputtext-sm-padding-x: var(--p-form-field-sm-padding-x);
+  --p-inputtext-sm-padding-y: var(--p-form-field-sm-padding-y);
+  --p-inputtext-lg-font-size: var(--p-form-field-lg-font-size);
+  --p-inputtext-lg-padding-x: var(--p-form-field-lg-padding-x);
+  --p-inputtext-lg-padding-y: var(--p-form-field-lg-padding-y);
+}

package/primeng-theme/components/_overlay.scss

@@ -0,0 +1,38 @@
+:root {
+  --p-overlay-select-background: var(--post-white);
+  --p-overlay-select-border-color: transparent;
+  --p-overlay-select-color: var(--p-text-color);
+  --p-overlay-popover-background: var(--post-white);
+  --p-overlay-popover-border-color: transparent;
+  --p-overlay-popover-color: var(--p-text-color);
+  --p-overlay-modal-background: var(--post-white);
+  --p-overlay-modal-border-color: transparent;
+  --p-overlay-modal-color: var(--p-text-color);
+  --p-overlay-select-border-radius: var(--p-border-radius-none);
+  --p-overlay-select-shadow: 0.5px 3px 4px 0 rgba(0, 0, 0, 0.1), 2px 4px 10px 4px rgba(0, 0, 0, 0.1);
+  --p-overlay-popover-border-radius: var(--p-border-radius-none);
+  --p-overlay-popover-padding: 0.75rem;
+  --p-overlay-popover-shadow: 0.5px 3px 4px 0 rgba(0, 0, 0, 0.1),
+    2px 4px 10px 4px rgba(0, 0, 0, 0.1);
+  --p-overlay-modal-border-radius: var(--p-border-radius-rounded);
+  --p-overlay-modal-padding: 1.25rem;
+  --p-overlay-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  --p-overlay-navigation-shadow: 0.5px 3px 4px 0 rgba(0, 0, 0, 0.1),
+    2px 4px 10px 4px rgba(0, 0, 0, 0.1);
+  --p-datatable-filter-overlay-select-background: var(--p-overlay-select-background);
+  --p-datatable-filter-overlay-select-border-color: var(--p-overlay-select-border-color);
+  --p-datatable-filter-overlay-select-border-radius: var(--p-overlay-select-border-radius);
+  --p-datatable-filter-overlay-select-color: var(--p-overlay-select-color);
+  --p-datatable-filter-overlay-select-shadow: var(--p-overlay-select-shadow);
+  --p-datatable-filter-overlay-popover-background: var(--p-overlay-popover-background);
+  --p-datatable-filter-overlay-popover-border-color: var(--p-overlay-popover-border-color);
+  --p-datatable-filter-overlay-popover-border-radius: var(--p-overlay-popover-border-radius);
+  --p-datatable-filter-overlay-popover-color: var(--p-overlay-popover-color);
+  --p-datatable-filter-overlay-popover-shadow: var(--p-overlay-popover-shadow);
+  --p-datatable-filter-overlay-popover-padding: var(--p-overlay-popover-padding);
+  --p-datatable-filter-overlay-popover-gap: 0.5rem;
+}
+
+.p-select-overlay {
+  border: 0 !important;
+}

package/primeng-theme/components/_paginator.scss

@@ -0,0 +1,72 @@
+p-table,
+.p-datatable-filter-overlay {
+  --p-paginator-padding: 0.5rem 1rem;
+  --p-paginator-gap: 0;
+  --p-paginator-border-radius: var(--p-content-border-radius);
+  --p-paginator-background: var(--p-content-background);
+  --p-paginator-color: var(--p-content-color);
+  --p-paginator-transition-duration: var(--p-transition-duration);
+  --p-paginator-nav-button-background: transparent;
+  --p-paginator-nav-button-hover-background: var(--p-content-hover-background);
+  --p-paginator-nav-button-selected-background: var(--p-highlight-background);
+  --p-paginator-nav-button-color: var(--p-text-muted-color);
+  --p-paginator-nav-button-hover-color: var(--p-content-hover-color);
+  --p-paginator-nav-button-selected-color: var(--p-highlight-color);
+  --p-paginator-nav-button-width: 2.5rem;
+  --p-paginator-nav-button-height: 2.5rem;
+  --p-paginator-nav-button-border-radius: 0;
+  --p-paginator-nav-button-focus-ring-width: var(--p-focus-ring-width);
+  --p-paginator-nav-button-focus-ring-style: var(--p-focus-ring-style);
+  --p-paginator-nav-button-focus-ring-color: var(--p-focus-ring-color);
+  --p-paginator-nav-button-focus-ring-offset: var(--p-focus-ring-offset);
+  --p-paginator-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
+  --p-paginator-current-page-report-color: var(--p-text-muted-color);
+  --p-paginator-jump-to-page-input-max-width: 2.5rem;
+}
+
+.p-paginator {
+  justify-content: flex-end !important;
+
+  .p-disabled,
+  .p-paginator-page:only-child {
+    display: none !important;
+  }
+}
+
+.p-paginator-current {
+  margin-right: 8px !important;
+}
+
+.p-paginator-rpp-dropdown {
+  margin-left: 8px !important;
+}
+
+.p-paginator-page,
+.p-paginator-next,
+.p-paginator-last,
+.p-paginator-first,
+.p-paginator-prev {
+  border: 2px solid hsl(0, 0%, 80%) !important;
+}
+
+.p-paginator-first,
+.p-paginator-first.p-disabled + .p-paginator-prev,
+.p-paginator-first.p-disabled + .p-paginator-prev.p-disabled + .p-paginator-pages :first-child {
+  border-top-left-radius: 4px !important;
+  border-bottom-left-radius: 4px !important;
+}
+
+.p-paginator-last,
+.p-paginator-next:has(+ .p-paginator-last.p-disabled),
+.p-paginator-pages:has(+ .p-paginator-next.p-disabled + .p-paginator-last.p-disabled) :last-child {
+  border-top-right-radius: 4px !important;
+  border-bottom-right-radius: 4px !important;
+}
+
+:not(.p-disabled) + .p-paginator-prev,
+:not(.p-disabled) + :not(.p-disabled) + .p-paginator-pages :first-child,
+.p-paginator-page:not(:first-child),
+.p-paginator-next,
+.p-paginator-last {
+  border-left: 0 !important;
+}

package/primeng-theme/components/_radiobutton.scss

@@ -0,0 +1,55 @@
+@use '../mixins/mode';
+
+p-table,
+.p-datatable-filter-overlay {
+  --p-radiobutton-width: 1.25rem;
+  --p-radiobutton-height: 1.25rem;
+  --p-radiobutton-background: var(--p-form-field-background);
+  --p-radiobutton-checked-background: var(--p-form-field-background);
+  --p-radiobutton-checked-hover-background: var(--p-form-field-background);
+  --p-radiobutton-disabled-background: var(--p-form-field-disabled-background);
+  --p-radiobutton-filled-background: var(--p-form-field-filled-background);
+  --p-radiobutton-border-color: var(--p-form-field-border-color);
+  --p-radiobutton-hover-border-color: var(--p-form-field-hover-border-color);
+  --p-radiobutton-focus-border-color: var(--p-form-field-focus-border-color);
+  --p-radiobutton-checked-border-color: var(--p-form-field-border-color);
+  --p-radiobutton-checked-hover-border-color: var(--p-form-field-hover-border-color);
+  --p-radiobutton-checked-focus-border-color: var(--p-form-field-focus-border-color);
+  --p-radiobutton-checked-disabled-border-color: var(--p-form-field-border-color);
+  --p-radiobutton-invalid-border-color: var(--p-form-field-invalid-border-color);
+  --p-radiobutton-shadow: var(--p-form-field-shadow);
+  --p-radiobutton-focus-ring-width: var(--p-focus-ring-width);
+  --p-radiobutton-focus-ring-style: var(--p-focus-ring-style);
+  --p-radiobutton-focus-ring-color: var(--p-focus-ring-color);
+  --p-radiobutton-focus-ring-offset: var(--p-focus-ring-offset);
+  --p-radiobutton-focus-ring-shadow: var(--p-focus-ring-shadow);
+  --p-radiobutton-transition-duration: var(--p-form-field-transition-duration);
+  --p-radiobutton-sm-width: 1rem;
+  --p-radiobutton-sm-height: 1rem;
+  --p-radiobutton-lg-width: 1.5rem;
+  --p-radiobutton-lg-height: 1.5rem;
+  --p-radiobutton-icon-size: 0.75rem;
+  --p-radiobutton-icon-checked-color: var(--p-form-field-border-color);
+  --p-radiobutton-icon-checked-hover-color: var(--p-form-field-hover-border-color);
+  --p-radiobutton-icon-disabled-color: var(--p-form-field-disabled-color);
+  --p-radiobutton-icon-sm-size: 0.5rem;
+  --p-radiobutton-icon-lg-size: 1rem;
+}
+
+@include mode.dark {
+  p-table,
+  .p-datatable-filter-overlay {
+    --p-radiobutton-background: transparent;
+    --p-radiobutton-hover-background: var(--p-radiobutton-background);
+    --p-radiobutton-checked-background: var(--p-radiobutton-background);
+    --p-radiobutton-checked-hover-background: var(--p-radiobutton-background);
+
+    --p-radiobutton-border-color: var(--post-gray-80);
+    --p-radiobutton-hover-border-color: var(--p-radiobutton-border-color);
+    --p-radiobutton-checked-border-color: var(--p-radiobutton-border-color);
+    --p-radiobutton-icon-checked-color: var(--p-radiobutton-border-color);
+
+    --p-radiobutton-icon-checked-hover-color: var(--post-white);
+    --p-radiobutton-checked-hover-border-color: var(--post-white);
+  }
+}

package/primeng-theme/components/_select.scss

@@ -0,0 +1,60 @@
+p-table,
+.p-datatable-filter-overlay {
+  --p-select-background: var(--p-form-field-background);
+  --p-select-disabled-background: var(--p-form-field-disabled-background);
+  --p-select-filled-background: var(--p-form-field-filled-background);
+  --p-select-filled-hover-background: var(--p-form-field-filled-hover-background);
+  --p-select-filled-focus-background: var(--p-form-field-filled-focus-background);
+  --p-select-border-color: var(--p-form-field-border-color);
+  --p-select-hover-border-color: var(--p-form-field-hover-border-color);
+  --p-select-focus-border-color: var(--p-form-field-focus-border-color);
+  --p-select-invalid-border-color: var(--p-form-field-invalid-border-color);
+  --p-select-color: var(--p-form-field-color);
+  --p-select-disabled-color: var(--p-form-field-disabled-color);
+  --p-select-placeholder-color: var(--p-form-field-placeholder-color);
+  --p-select-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
+  --p-select-shadow: var(--p-form-field-shadow);
+  --p-select-padding-x: var(--p-form-field-padding-x);
+  --p-select-padding-y: var(--p-form-field-padding-y);
+  --p-select-border-radius: var(--p-form-field-border-radius);
+  --p-select-focus-ring-width: var(--p-form-field-focus-ring-width);
+  --p-select-focus-ring-style: var(--p-form-field-focus-ring-style);
+  --p-select-focus-ring-color: var(--p-form-field-focus-ring-color);
+  --p-select-focus-ring-offset: var(--p-form-field-focus-ring-offset);
+  --p-select-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
+  --p-select-transition-duration: var(--p-form-field-transition-duration);
+  --p-select-sm-font-size: var(--p-form-field-sm-font-size);
+  --p-select-sm-padding-x: var(--p-form-field-sm-padding-x);
+  --p-select-sm-padding-y: var(--p-form-field-sm-padding-y);
+  --p-select-lg-font-size: var(--p-form-field-lg-font-size);
+  --p-select-lg-padding-x: var(--p-form-field-lg-padding-x);
+  --p-select-lg-padding-y: var(--p-form-field-lg-padding-y);
+  --p-select-dropdown-width: 2.5rem;
+  --p-select-dropdown-color: var(--p-form-field-icon-color);
+  --p-select-overlay-background: var(--p-overlay-select-background);
+  --p-select-overlay-border-color: var(--p-overlay-select-border-color);
+  --p-select-overlay-border-radius: var(--p-overlay-select-border-radius);
+  --p-select-overlay-color: var(--p-overlay-select-color);
+  --p-select-overlay-shadow: var(--p-overlay-select-shadow);
+  --p-select-list-padding: var(--p-list-padding);
+  --p-select-list-gap: var(--p-list-gap);
+  --p-select-list-header-padding: var(--p-list-header-padding);
+  --p-select-option-focus-background: var(--p-list-option-focus-background);
+  --p-select-option-selected-background: var(--p-list-option-selected-background);
+  --p-select-option-selected-focus-background: var(--p-list-option-selected-focus-background);
+  --p-select-option-color: var(--p-list-option-color);
+  --p-select-option-focus-color: var(--p-list-option-focus-color);
+  --p-select-option-selected-color: var(--p-list-option-selected-color);
+  --p-select-option-selected-focus-color: var(--p-list-option-selected-focus-color);
+  --p-select-option-padding: var(--p-list-option-padding);
+  --p-select-option-border-radius: var(--p-list-option-border-radius);
+  --p-select-option-group-background: var(--p-list-option-group-background);
+  --p-select-option-group-color: var(--p-list-option-group-color);
+  --p-select-option-group-font-weight: var(--p-list-option-group-font-weight);
+  --p-select-option-group-padding: var(--p-list-option-group-padding);
+  --p-select-clear-icon-color: var(--p-form-field-icon-color);
+  --p-select-checkmark-color: var(--p-list-option-color);
+  --p-select-checkmark-gutter-start: -0.375rem;
+  --p-select-checkmark-gutter-end: 0.375rem;
+  --p-select-empty-message-padding: var(--p-list-option-padding);
+}

package/primeng-theme/index.scss

@@ -1,4 +1,20 @@
-@import './variables';
-@import './theme-base/components';
-@import './extensions';
-@import './icons';
+@forward './primitive';
+@forward './semantic';
+@forward './icons';
+
+@forward './components/button';
+@forward './components/checkbox';
+@forward './components/datatable';
+@forward './components/inputtext';
+@forward './components/overlay';
+@forward './components/paginator';
+@forward './components/radiobutton';
+@forward './components/select';
+
+.p-button,
+.p-inputtext,
+.p-select,
+.p-checkbox-box,
+.p-radiobutton-box {
+  border-width: 2px !important;
+}

package/primeng-theme/mixins/_icon.scss

@@ -0,0 +1,9 @@
+@use '@swisspost/design-system-styles/core' as post;
+
+@mixin replace-with($icon) {
+  @include post.icon($icon);
+
+  > * {
+    display: none;
+  }
+}

package/primeng-theme/mixins/_mode.scss

@@ -0,0 +1,5 @@
+@mixin dark() {
+  .bg-dark {
+    @content;
+  }
+}

package/esm2022/lib/styles-primeng.module.mjs

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import * as i0 from "@angular/core";
-export class StylesPrimengModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StylesPrimengModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: StylesPrimengModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StylesPrimengModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StylesPrimengModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [],
-                    exports: [],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLXByaW1lbmcubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvc3R5bGVzLXByaW1lbmcvc3JjL2xpYi9zdHlsZXMtcHJpbWVuZy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPekMsTUFBTSxPQUFPLG1CQUFtQjsrR0FBbkIsbUJBQW1CO2dIQUFuQixtQkFBbUI7Z0hBQW5CLG1CQUFtQjs7NEZBQW5CLG1CQUFtQjtrQkFML0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsT0FBTyxFQUFFLEVBQUU7aUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtdLFxuICBpbXBvcnRzOiBbXSxcbiAgZXhwb3J0czogW10sXG59KVxuZXhwb3J0IGNsYXNzIFN0eWxlc1ByaW1lbmdNb2R1bGUge31cbiJdfQ==

package/esm2022/public-api.mjs

@@ -1,5 +0,0 @@
-/*
- * Public API Surface of styles-primeng
- */
-export * from './lib/styles-primeng.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3N0eWxlcy1wcmltZW5nL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygc3R5bGVzLXByaW1lbmdcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdHlsZXMtcHJpbWVuZy5tb2R1bGUnO1xuIl19

package/esm2022/swisspost-design-system-styles-primeng.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpc3Nwb3N0LWRlc2lnbi1zeXN0ZW0tc3R5bGVzLXByaW1lbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9zdHlsZXMtcHJpbWVuZy9zcmMvc3dpc3Nwb3N0LWRlc2lnbi1zeXN0ZW0tc3R5bGVzLXByaW1lbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/primeng-theme/_extensions.scss

@@ -1,161 +0,0 @@
-@use '@swisspost/design-system-styles/core' as post;
-@use './variables' as variables;
-
-.p-datatable-wrapper {
-  overflow: initial;
-}
-
-.p-datatable {
-  .p-datatable-thead > tr > th {
-    gap: post.$size-mini;
-  }
-
-  .p-sortable-column {
-    &.p-highlight:hover {
-      color: post.$black;
-    }
-
-    p-sorticon {
-      display: inline-flex;
-      align-items: center;
-      height: 1.5rem;
-      transform: translateY(25%);
-    }
-
-    sortalticon,
-    sortamountupalticon,
-    sortamountdownicon {
-      height: 1.5rem;
-      width: 1.5rem;
-    }
-  }
-
-  p-columnfilter {
-    margin-inline: post.$size-mini;
-    height: 1.5rem;
-
-    filtericon {
-      height: 1.25rem;
-      width: 1.25rem;
-    }
-  }
-
-  .p-datatable-tbody > tr > td {
-    border: variables.$tableBodyCellBorder;
-    border-width: variables.$tableBodyCellBorderWidth;
-  }
-
-  &.p-datatable-striped .p-datatable-tbody > tr {
-    > td {
-      border-width: 0;
-    }
-
-    &:nth-child(2n + 1) {
-      background: post.$light;
-      color: post.$black;
-    }
-  }
-}
-
-.p-inputtext {
-  border-radius: 0;
-}
-
-.p-dropdown {
-  &,
-  &-panel {
-    border-radius: 0;
-  }
-
-  .p-dropdown-items {
-    margin: 0;
-    padding: 0;
-  }
-
-  .p-dropdown-trigger chevrondownicon {
-    height: 1.5rem;
-    width: 1.5rem;
-  }
-}
-
-.p-paginator {
-  justify-content: flex-end;
-
-  .p-paginator-current {
-    border: 0;
-  }
-
-  .p-dropdown .p-dropdown-label {
-    padding-block: 0.35rem;
-  }
-
-  .p-paginator-first {
-    border-start-start-radius: post.$btn-border-radius;
-    border-end-start-radius: post.$btn-border-radius;
-  }
-
-  .p-paginator-last {
-    border-start-end-radius: post.$btn-border-radius;
-    border-end-end-radius: post.$btn-border-radius;
-  }
-
-  .p-paginator-element {
-    &:not(.p-highlight) {
-      background-color: #fff;
-
-      &:hover {
-        background-color: #faf9f8;
-      }
-
-      &:not(:hover) {
-        color: post.$gray-60;
-      }
-    }
-
-    &:not(.p-paginator-last) {
-      margin-inline-end: -1 * post.$btn-border-width;
-    }
-
-    &.p-disabled {
-      display: none;
-    }
-  }
-}
-
-.p-button {
-  gap: post.$size-mini;
-
-  &.p-button-text {
-    color: post.$dark;
-
-    &:hover {
-      color: post.$black;
-    }
-  }
-}
-
-.p-checkbox-box {
-  border-radius: 0;
-  color: post.$black;
-
-  checkicon,
-  timesicon {
-    height: 100%;
-    width: 100%;
-  }
-}
-
-.p-sortable-column,
-.p-column-filter,
-.p-selectable-row,
-.p-link,
-.p-button,
-.p-inputwrapper.p-dropdown,
-.p-inputtext:not(.p-inputwrapper > .p-inputtext),
-.p-checkbox,
-.p-radiobutton {
-  @include post.focus-style {
-    box-shadow: none;
-    border-radius: post.$border-radius;
-  }
-}

package/primeng-theme/_variables.scss

@@ -1,140 +0,0 @@
-@use 'sass:math';
-@use '@swisspost/design-system-styles/core' as post;
-
-$primaryLightColor: post.$gray-60 !default;
-$primaryColor: post.$gray-80 !default;
-$primaryDarkColor: post.$black !default;
-$primaryDarkerColor: post.$black !default;
-$primaryTextColor: post.$white !default;
-$primaryAccentBg: post.$gray-10 !default;
-
-$highlightBg: post.$yellow !default;
-$highlightTextColor: post.$black !default;
-$highlightFocusBg: post.$yellow !default;
-
-$colors: () !default;
-
-//reused color variables
-$shade000: post.$white !default; //surface
-$shade100: post.$gray !default; //header background
-$shade200: post.$gray-10 !default; //hover background
-$shade300: post.$gray-10 !default; //border, divider
-$shade400: post.$input-border-color !default; //input border
-$shade500: post.$error !default; //unused
-$shade600: post.$text-muted !default; //text secondary color
-$shade700: post.$black !default; //input text color
-$shade800: post.$error !default; //unused
-$shade900: var(--post-contrast-color) !default; //text color
-
-//global
-$borderRadius: post.$border-radius !default;
-
-//scale
-$scaleSM: math.div(post.$btn-font-size-rg, post.$btn-font-size-md) !default;
-$scaleLG: math.div(post.$btn-font-size-lg, post.$btn-font-size-md) !default;
-
-//focus
-$focusOutlineColor: $primaryDarkColor !default;
-$focusOutline: post.$input-focus-outline-thickness none !default;
-$focusOutlineOffset: post.$input-focus-outline-thickness !default;
-$focusShadow: post.$input-focus-box-shadow !default;
-
-//action icons
-$actionIconWidth: 1.5rem !default;
-$actionIconHeight: 1.5rem !default;
-$actionIconColor: $shade900 !default;
-$actionIconHoverColor: $shade900 !default;
-$actionIconBorderRadius: post.$border-radius !default;
-
-//button
-$buttonPadding: math.div(post.$btn-height-md - post.$input-btn-line-height, 2)
-  post.$btn-padding-x-md !default;
-$outlinedButtonBorder: post.$btn-border-width solid !default;
-$textButtonHoverBgOpacity: 0 !default;
-$textButtonActiveBgOpacity: 0 !default;
-
-//input field (e.g. inputtext, spinner, inputmask)
-$inputPadding: post.$input-padding-y-rg post.$input-padding-x-rg !default;
-$inputBorder: post.$input-border-width solid $shade400 !default;
-
-//input lists (e.g. dropdown, autocomplete, multiselect, orderlist)
-$inputListItemTextColor: post.$black !default;
-$inputListItemTextHoverColor: post.$black !default;
-
-//checkbox
-$checkboxWidth: post.$form-check-input-size !default;
-$checkboxHeight: post.$form-check-input-size !default;
-$checkboxIconFontSize: post.$form-check-input-size !default;
-$checkboxActiveBg: $shade000 !default;
-$checkboxIconActiveColor: post.$black !default;
-$checkboxActiveHoverBg: $checkboxActiveBg !default;
-$checkboxIconActiveHoverColor: $checkboxIconActiveColor !default;
-
-//radiobutton
-$radiobuttonWidth: post.$form-check-input-size !default;
-$radiobuttonHeight: post.$form-check-input-size !default;
-$radiobuttonIconSize: 14px !default;
-$radiobuttonActiveBg: $shade000 !default;
-$radiobuttonIconActiveColor: post.$black !default;
-$radiobuttonActiveHoverBg: $radiobuttonActiveBg !default;
-$radiobuttonIconActiveHoverColor: $radiobuttonIconActiveColor !default;
-
-//paginator
-$paginatorBg: transparent;
-$paginatorElementBg: transparent;
-$paginatorElementIconColor: $shade900;
-$paginatorElementBorder: post.$btn-border-width solid $shade300 !default;
-$paginatorElementMargin: 0 0 0 -1 * post.$input-border-width !default;
-
-//table
-$tableHeaderBorder: solid post.$table-border-color !default;
-$tableHeaderBorderWidth: 0 0 post.$table-border-width 0 !default;
-$tableHeaderBg: $shade100 !default;
-$tableHeaderTextColor: post.$black !default;
-$tableHeaderFontWeight: post.$font-weight-base !default;
-$tableHeaderPadding: post.$table-cell-padding !default;
-
-$tableHeaderCellPadding: post.$table-cell-padding !default;
-$tableHeaderCellBg: post.$table-bg !default;
-$tableHeaderCellTextColor: $shade900 !default;
-$tableHeaderCellFontWeight: post.$table-th-font-weight !default;
-$tableHeaderCellBorder: post.$table-border-width solid post.$table-border-color !default;
-$tableHeaderCellBorderWidth: 0 !default;
-$tableHeaderCellHoverBg: post.$table-hover-bg !default;
-$tableHeaderCellTextHoverColor: post.$black !default;
-$tableHeaderCellIconColor: $tableHeaderCellTextColor !default;
-$tableHeaderCellIconHoverColor: post.$black !default;
-$tableHeaderCellHighlightBg: $tableHeaderCellBg !default;
-$tableHeaderCellHighlightTextColor: $tableHeaderCellTextColor !default;
-$tableHeaderCellHighlightHoverBg: $tableHeaderCellHoverBg !default;
-$tableHeaderCellHighlightTextHoverColor: post.$black !default;
-$tableSortableColumnBadgeSize: 1.143rem !default;
-
-$tableBodyRowBg: post.$table-bg !default;
-$tableBodyRowTextColor: $shade900 !default;
-$tableBodyRowEvenBg: post.$table-bg !default;
-$tableBodyRowHoverBg: post.$table-hover-bg !default;
-$tableBodyRowTextHoverColor: post.$black !default;
-$tableBodyCellBorder: post.$table-border-width solid post.$table-border-color !default;
-$tableBodyCellBorderWidth: post.$table-border-width 0 0 0 !default;
-$tableBodyCellPadding: post.$table-cell-padding !default;
-
-$tableFooterCellPadding: post.$table-cell-padding !default;
-$tableFooterCellBg: post.$table-bg !default;
-$tableFooterCellTextColor: $shade900 !default;
-$tableFooterCellFontWeight: post.$table-th-font-weight !default;
-$tableFooterCellBorder: post.$table-border-width solid post.$table-border-color !default;
-$tableFooterCellBorderWidth: post.$table-border-width 0 0 0 !default;
-$tableResizerHelperBg: $primaryColor !default;
-
-$tableFooterBorder: post.$table-border-width solid post.$table-border-color !default;
-$tableFooterBorderWidth: post.$table-border-width 0 0 0 !default;
-$tableFooterBg: $shade100 !default;
-$tableFooterTextColor: post.$black !default;
-$tableFooterFontWeight: post.$font-weight-base !default;
-$tableFooterPadding: post.$table-cell-padding !default;
-
-$tableTopPaginatorBorderWidth: 0 !default;
-$tableBottomPaginatorBorderWidth: 0 !default;
-
-@import './bootstrap-theme';