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

package/primeng-theme/components/_datatable.scss

@@ -0,0 +1,133 @@
+@use '../mixins/mode';
+
+p-table,
+.p-datatable-filter-overlay {
+  --p-datatable-transition-duration: var(--p-transition-duration);
+  --p-datatable-header-background: var(--p-content-background);
+  --p-datatable-header-border-color: var(--p-datatable-border-color);
+  --p-datatable-header-color: var(--p-content-color);
+  --p-datatable-header-border-width: 1px 0 1px 0;
+  --p-datatable-header-padding: 0.75rem 0.5rem;
+  --p-datatable-header-sm-padding: 0.5rem 0.5rem;
+  --p-datatable-header-lg-padding: 1rem 0.5rem;
+  --p-datatable-header-cell-background: var(--p-content-background);
+  --p-datatable-header-cell-background: var(--p-content-background);
+  --p-datatable-header-cell-hover-background: var(--p-content-hover-background);
+  --p-datatable-header-cell-selected-background: var(--p-highlight-background);
+  --p-datatable-header-cell-border-color: var(--p-datatable-border-color);
+  --p-datatable-header-cell-color: var(--p-content-color);
+  --p-datatable-header-cell-hover-color: var(--p-content-hover-color);
+  --p-datatable-header-cell-selected-color: var(--p-highlight-color);
+  --p-datatable-header-cell-gap: 0.5rem;
+  --p-datatable-header-cell-padding: 0.75rem 0.5rem;
+  --p-datatable-header-cell-focus-ring-width: var(--p-focus-ring-width);
+  --p-datatable-header-cell-focus-ring-style: var(--p-focus-ring-style);
+  --p-datatable-header-cell-focus-ring-color: var(--p-focus-ring-color);
+  --p-datatable-header-cell-focus-ring-offset: -1px;
+  --p-datatable-header-cell-focus-ring-shadow: var(--p-focus-ring-shadow);
+  --p-datatable-header-cell-sm-padding: 0.5rem 0.5rem;
+  --p-datatable-header-cell-lg-padding: 1rem 0.55rem;
+  --p-datatable-column-title-font-weight: 700;
+  --p-datatable-row-background: var(--p-content-background);
+  --p-datatable-row-hover-background: var(--p-content-hover-background);
+  --p-datatable-row-selected-background: var(--p-highlight-background);
+  --p-datatable-row-color: var(--p-content-color);
+  --p-datatable-row-hover-color: var(--p-content-hover-color);
+  --p-datatable-row-selected-color: var(--p-highlight-color);
+  --p-datatable-row-focus-ring-width: var(--p-focus-ring-width);
+  --p-datatable-row-focus-ring-style: var(--p-focus-ring-style);
+  --p-datatable-row-focus-ring-color: var(--p-focus-ring-color);
+  --p-datatable-row-focus-ring-offset: -1px;
+  --p-datatable-row-focus-ring-shadow: var(--p-focus-ring-shadow);
+  --p-datatable-body-cell-border-color: var(--p-datatable-border-color);
+  --p-datatable-body-cell-padding: 0.75rem 0.5rem;
+  --p-datatable-body-cell-sm-padding: 0.5rem 0.5rem;
+  --p-datatable-body-cell-lg-padding: 1rem 0.5rem;
+  --p-datatable-footer-cell-background: var(--p-content-background);
+  --p-datatable-footer-cell-border-color: var(--p-datatable-border-color);
+  --p-datatable-footer-cell-color: var(--p-content-color);
+  --p-datatable-footer-cell-padding: 0.75rem 0.5rem;
+  --p-datatable-footer-cell-sm-padding: 0.5rem 0.5rem;
+  --p-datatable-footer-cell-lg-padding: 1rem 0.5rem;
+  --p-datatable-column-footer-font-weight: 700;
+  --p-datatable-footer-background: var(--p-content-background);
+  --p-datatable-footer-border-color: var(--p-datatable-border-color);
+  --p-datatable-footer-color: var(--p-content-color);
+  --p-datatable-footer-border-width: 0 0 1px 0;
+  --p-datatable-footer-padding: 0.75rem 0.5rem;
+  --p-datatable-footer-sm-padding: 0.5rem 0.5rem;
+  --p-datatable-footer-lg-padding: 1rem 0.5rem;
+  --p-datatable-drop-point-color: var(--p-primary-color);
+  --p-datatable-column-resizer-width: 0.5rem;
+  --p-datatable-resize-indicator-width: 1px;
+  --p-datatable-resize-indicator-color: var(--p-primary-color);
+  --p-datatable-sort-icon-color: var(--p-text-muted-color);
+  --p-datatable-sort-icon-hover-color: var(--p-text-hover-muted-color);
+  --p-datatable-sort-icon-size: 0.875rem;
+  --p-datatable-loading-icon-size: 2rem;
+  --p-datatable-row-toggle-button-hover-background: var(--p-content-hover-background);
+  --p-datatable-row-toggle-button-selected-hover-background: var(--p-content-background);
+  --p-datatable-row-toggle-button-color: var(--p-text-muted-color);
+  --p-datatable-row-toggle-button-hover-color: var(--p-text-color);
+  --p-datatable-row-toggle-button-selected-hover-color: var(--p-primary-color);
+  --p-datatable-row-toggle-button-size: 1.75rem;
+  --p-datatable-row-toggle-button-border-radius: 50%;
+  --p-datatable-row-toggle-button-focus-ring-width: var(--p-focus-ring-width);
+  --p-datatable-row-toggle-button-focus-ring-style: var(--p-focus-ring-style);
+  --p-datatable-row-toggle-button-focus-ring-color: var(--p-focus-ring-color);
+  --p-datatable-row-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
+  --p-datatable-row-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
+  --p-datatable-filter-inline-gap: 0.5rem;
+  --p-datatable-filter-rule-border-color: var(--p-content-border-color);
+  --p-datatable-filter-constraint-list-padding: var(--p-list-padding);
+  --p-datatable-filter-constraint-list-gap: var(--p-list-gap);
+  --p-datatable-filter-constraint-focus-background: var(--p-list-option-focus-background);
+  --p-datatable-filter-constraint-selected-background: var(--p-list-option-selected-background);
+  --p-datatable-filter-constraint-selected-focus-background: var(
+    --p-list-option-selected-focus-background
+  );
+  --p-datatable-filter-constraint-color: var(--p-list-option-color);
+  --p-datatable-filter-constraint-focus-color: var(--p-list-option-focus-color);
+  --p-datatable-filter-constraint-selected-color: var(--p-list-option-selected-color);
+  --p-datatable-filter-constraint-selected-focus-color: var(--p-list-option-selected-focus-color);
+  --p-datatable-filter-constraint-separator-border-color: var(--p-content-border-color);
+  --p-datatable-filter-constraint-padding: var(--p-list-option-padding);
+  --p-datatable-filter-constraint-border-radius: var(--p-list-option-border-radius);
+  --p-datatable-paginator-top-border-color: var(--p-datatable-border-color);
+  --p-datatable-paginator-top-border-width: 0 0 1px 0;
+  --p-datatable-paginator-bottom-border-color: var(--p-datatable-border-color);
+  --p-datatable-paginator-bottom-border-width: 0 0 1px 0;
+  --p-datatable-border-color: var(--post-gray-10);
+  --p-datatable-row-striped-background: var(--post-light);
+  --p-datatable-body-cell-selected-border-color: var(--p-highlight-background);
+}
+
+@include mode.dark {
+  p-table,
+  .p-datatable-filter-overlay {
+    --p-datatable-border-color: var(--post-gray-20);
+    --p-datatable-row-striped-background: var(--post-gray-20);
+  }
+}
+
+p-columnfilter,
+p-sorticon {
+  margin-inline-start: 4px;
+}
+
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr > td {
+  --p-datatable-body-cell-border-color: var(--p-datatable-row-striped-background);
+}
+
+.p-datatable:not(.p-datatable-gridlines) .p-datatable-tbody > tr:last-of-type > td {
+  border-bottom: 0;
+}
+
+.p-datatable-tfoot {
+  background: var(--p-datatable-footer-background);
+  color: var(--p-datatable-footer-color);
+  border-color: var(--p-datatable-footer-border-color);
+  border-style: solid;
+  border-width: 1px 0 0;
+  padding: var(--p-datatable-footer-padding);
+}

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;
-  }
-}