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

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

@@ -2,11 +2,11 @@ import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 
 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: StylesPrimengModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: StylesPrimengModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: StylesPrimengModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StylesPrimengModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: StylesPrimengModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/swisspost-design-system-styles-primeng.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"swisspost-design-system-styles-primeng.mjs","sources":["../../../projects/styles-primeng/src/lib/styles-primeng.module.ts","../../../projects/styles-primeng/src/public-api.ts","../../../projects/styles-primeng/src/swisspost-design-system-styles-primeng.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n\n@NgModule({\n  declarations: [],\n  imports: [],\n  exports: [],\n})\nexport class StylesPrimengModule {}\n","/*\n * Public API Surface of styles-primeng\n */\n\nexport * from './lib/styles-primeng.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,mBAAmB,CAAA;+GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;gHAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,OAAO,EAAE,EAAE;AACZ,iBAAA,CAAA;;;ACND;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"swisspost-design-system-styles-primeng.mjs","sources":["../../../projects/styles-primeng/src/lib/styles-primeng.module.ts","../../../projects/styles-primeng/src/public-api.ts","../../../projects/styles-primeng/src/swisspost-design-system-styles-primeng.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n\n@NgModule({\n  declarations: [],\n  imports: [],\n  exports: [],\n})\nexport class StylesPrimengModule {}\n","/*\n * Public API Surface of styles-primeng\n */\n\nexport * from './lib/styles-primeng.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA;+GAAnB,mBAAmB,EAAA,CAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,OAAO,EAAE,EAAE;AACZ,iBAAA;;;ACND;;AAEG;;ACFH;;AAEG;;;;"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@swisspost/design-system-styles-primeng",
-  "version": "9.0.0-next.9",
+  "version": "10.0.0-next.37",
   "description": "Swiss Post styles for PrimeNg datatable.",
-  "author": "Swiss Post <oss@post.ch>",
+  "author": "Swiss Post <design-system@post.ch>",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -18,13 +18,11 @@
     "linkDirectory": true
   },
   "peerDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "primeng": "^17.18.0"
+    "primeng": "^19.0.0"
   },
   "dependencies": {
-    "@swisspost/design-system-styles": "9.0.0-next.9",
-    "tslib": "2.6.3"
+    "@swisspost/design-system-styles": "10.0.0-next.37",
+    "tslib": "2.8.1"
   },
   "sideEffects": false,
   "keywords": [
@@ -44,8 +42,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/swisspost-design-system-styles-primeng.mjs",
-      "esm": "./esm2022/swisspost-design-system-styles-primeng.mjs",
       "default": "./fesm2022/swisspost-design-system-styles-primeng.mjs"
     }
   }

package/primeng-theme/_extensions.scss

@@ -1,5 +1,9 @@
 @use '@swisspost/design-system-styles/core' as post;
-@use './variables' as variables;
+
+@use '@swisspost/design-system-styles/tokens/utilities';
+@use '@swisspost/design-system-styles/functions/tokens';
+
+tokens.$default-map: utilities.$post-spacing;
 
 .p-datatable-wrapper {
   overflow: initial;
@@ -7,7 +11,7 @@
 
 .p-datatable {
   .p-datatable-thead > tr > th {
-    gap: post.$size-mini;
+    gap: tokens.get('utility-gap-8');
   }
 
   .p-sortable-column {
@@ -31,20 +35,19 @@
   }
 
   p-columnfilter {
-    margin-inline: post.$size-mini;
+    margin-inline: tokens.get('utility-gap-8');
     height: 1.5rem;
 
+    .p-datatable-column-filter-button {
+      transform: translateY(-10px);
+    }
+
     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;
@@ -123,7 +126,7 @@
 }
 
 .p-button {
-  gap: post.$size-mini;
+  gap: tokens.get('utility-gap-8');
 
   &.p-button-text {
     color: post.$dark;

package/primeng-theme/index.scss

@@ -1,4 +1,2 @@
-@import './variables';
-@import './theme-base/components';
 @import './extensions';
 @import './icons';

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/_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';