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

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 (105) hide show
  1. package/README.md +5 -5
  2. package/fesm2022/swisspost-design-system-styles-primeng.mjs +4 -4
  3. package/fesm2022/swisspost-design-system-styles-primeng.mjs.map +1 -1
  4. package/package.json +6 -8
  5. package/primeng-theme/_icons.scss +34 -6
  6. package/primeng-theme/_primitive.scss +6 -0
  7. package/primeng-theme/_semantic.scss +132 -0
  8. package/primeng-theme/components/_button.scss +199 -0
  9. package/primeng-theme/components/_checkbox.scss +57 -0
  10. package/primeng-theme/components/_datatable.scss +133 -0
  11. package/primeng-theme/components/_inputtext.scss +32 -0
  12. package/primeng-theme/components/_overlay.scss +38 -0
  13. package/primeng-theme/components/_paginator.scss +72 -0
  14. package/primeng-theme/components/_radiobutton.scss +55 -0
  15. package/primeng-theme/components/_select.scss +60 -0
  16. package/primeng-theme/index.scss +20 -4
  17. package/primeng-theme/mixins/_icon.scss +9 -0
  18. package/primeng-theme/mixins/_mode.scss +5 -0
  19. package/esm2022/lib/styles-primeng.module.mjs +0 -16
  20. package/esm2022/public-api.mjs +0 -5
  21. package/esm2022/swisspost-design-system-styles-primeng.mjs +0 -5
  22. package/primeng-theme/_extensions.scss +0 -161
  23. package/primeng-theme/_variables.scss +0 -140
  24. package/primeng-theme/bootstrap-theme/_index.scss +0 -840
  25. package/primeng-theme/theme-base/_colors.scss +0 -19
  26. package/primeng-theme/theme-base/_common.scss +0 -76
  27. package/primeng-theme/theme-base/_components.scss +0 -105
  28. package/primeng-theme/theme-base/_mixins.scss +0 -340
  29. package/primeng-theme/theme-base/components/button/_button.scss +0 -576
  30. package/primeng-theme/theme-base/components/button/_speeddial.scss +0 -96
  31. package/primeng-theme/theme-base/components/button/_splitbutton.scss +0 -380
  32. package/primeng-theme/theme-base/components/data/_carousel.scss +0 -37
  33. package/primeng-theme/theme-base/components/data/_datatable.scss +0 -342
  34. package/primeng-theme/theme-base/components/data/_dataview.scss +0 -55
  35. package/primeng-theme/theme-base/components/data/_filter.scss +0 -137
  36. package/primeng-theme/theme-base/components/data/_orderlist.scss +0 -116
  37. package/primeng-theme/theme-base/components/data/_organizationchart.scss +0 -50
  38. package/primeng-theme/theme-base/components/data/_paginator.scss +0 -92
  39. package/primeng-theme/theme-base/components/data/_picklist.scss +0 -116
  40. package/primeng-theme/theme-base/components/data/_timeline.scss +0 -35
  41. package/primeng-theme/theme-base/components/data/_tree.scss +0 -153
  42. package/primeng-theme/theme-base/components/data/_treetable.scss +0 -255
  43. package/primeng-theme/theme-base/components/data/_virtualscroller.scss +0 -28
  44. package/primeng-theme/theme-base/components/file/_fileupload.scss +0 -64
  45. package/primeng-theme/theme-base/components/input/_autocomplete.scss +0 -137
  46. package/primeng-theme/theme-base/components/input/_calendar.scss +0 -269
  47. package/primeng-theme/theme-base/components/input/_cascadeselect.scss +0 -137
  48. package/primeng-theme/theme-base/components/input/_checkbox.scss +0 -90
  49. package/primeng-theme/theme-base/components/input/_chips.scss +0 -66
  50. package/primeng-theme/theme-base/components/input/_colorpicker.scss +0 -19
  51. package/primeng-theme/theme-base/components/input/_dropdown.scss +0 -149
  52. package/primeng-theme/theme-base/components/input/_editor.scss +0 -122
  53. package/primeng-theme/theme-base/components/input/_inputgroup.scss +0 -75
  54. package/primeng-theme/theme-base/components/input/_inputmask.scss +0 -17
  55. package/primeng-theme/theme-base/components/input/_inputnumber.scss +0 -28
  56. package/primeng-theme/theme-base/components/input/_inputswitch.scss +0 -55
  57. package/primeng-theme/theme-base/components/input/_inputtext.scss +0 -102
  58. package/primeng-theme/theme-base/components/input/_listbox.scss +0 -99
  59. package/primeng-theme/theme-base/components/input/_multiselect.scss +0 -178
  60. package/primeng-theme/theme-base/components/input/_password.scss +0 -55
  61. package/primeng-theme/theme-base/components/input/_radiobutton.scss +0 -78
  62. package/primeng-theme/theme-base/components/input/_rating.scss +0 -60
  63. package/primeng-theme/theme-base/components/input/_selectbutton.scss +0 -50
  64. package/primeng-theme/theme-base/components/input/_slider.scss +0 -75
  65. package/primeng-theme/theme-base/components/input/_togglebutton.scss +0 -48
  66. package/primeng-theme/theme-base/components/input/_treeselect.scss +0 -140
  67. package/primeng-theme/theme-base/components/menu/_breadcrumb.scss +0 -42
  68. package/primeng-theme/theme-base/components/menu/_contextmenu.scss +0 -39
  69. package/primeng-theme/theme-base/components/menu/_dock.scss +0 -95
  70. package/primeng-theme/theme-base/components/menu/_megamenu.scss +0 -55
  71. package/primeng-theme/theme-base/components/menu/_menu.scss +0 -37
  72. package/primeng-theme/theme-base/components/menu/_menubar.scss +0 -137
  73. package/primeng-theme/theme-base/components/menu/_panelmenu.scss +0 -153
  74. package/primeng-theme/theme-base/components/menu/_slidemenu.scss +0 -60
  75. package/primeng-theme/theme-base/components/menu/_steps.scss +0 -55
  76. package/primeng-theme/theme-base/components/menu/_tabmenu.scss +0 -73
  77. package/primeng-theme/theme-base/components/menu/_tieredmenu.scss +0 -43
  78. package/primeng-theme/theme-base/components/messages/_inlinemessage.scss +0 -69
  79. package/primeng-theme/theme-base/components/messages/_message.scss +0 -107
  80. package/primeng-theme/theme-base/components/messages/_toast.scss +0 -99
  81. package/primeng-theme/theme-base/components/misc/_avatar.scss +0 -30
  82. package/primeng-theme/theme-base/components/misc/_badge.scss +0 -48
  83. package/primeng-theme/theme-base/components/misc/_chip.scss +0 -40
  84. package/primeng-theme/theme-base/components/misc/_inplace.scss +0 -16
  85. package/primeng-theme/theme-base/components/misc/_progressbar.scss +0 -17
  86. package/primeng-theme/theme-base/components/misc/_scrolltop.scss +0 -25
  87. package/primeng-theme/theme-base/components/misc/_skeleton.scss +0 -13
  88. package/primeng-theme/theme-base/components/misc/_tag.scss +0 -40
  89. package/primeng-theme/theme-base/components/misc/_terminal.scss +0 -12
  90. package/primeng-theme/theme-base/components/multimedia/_galleria.scss +0 -155
  91. package/primeng-theme/theme-base/components/multimedia/_image.scss +0 -49
  92. package/primeng-theme/theme-base/components/overlay/_confirmpopup.scss +0 -72
  93. package/primeng-theme/theme-base/components/overlay/_dialog.scss +0 -69
  94. package/primeng-theme/theme-base/components/overlay/_overlaypanel.scss +0 -64
  95. package/primeng-theme/theme-base/components/overlay/_sidebar.scss +0 -27
  96. package/primeng-theme/theme-base/components/overlay/_tooltip.scss +0 -33
  97. package/primeng-theme/theme-base/components/panel/_accordion.scss +0 -119
  98. package/primeng-theme/theme-base/components/panel/_card.scss +0 -30
  99. package/primeng-theme/theme-base/components/panel/_divider.scss +0 -31
  100. package/primeng-theme/theme-base/components/panel/_fieldset.scss +0 -47
  101. package/primeng-theme/theme-base/components/panel/_panel.scss +0 -63
  102. package/primeng-theme/theme-base/components/panel/_scrollpanel.scss +0 -6
  103. package/primeng-theme/theme-base/components/panel/_splitter.scss +0 -19
  104. package/primeng-theme/theme-base/components/panel/_tabview.scss +0 -82
  105. package/primeng-theme/theme-base/components/panel/_toolbar.scss +0 -11
@@ -1,47 +0,0 @@
1
- .p-fieldset {
2
- border: $panelContentBorder;
3
- background: $panelContentBg;
4
- color: $panelContentTextColor;
5
- border-radius: $borderRadius;
6
-
7
- .p-fieldset-legend {
8
- padding: $panelHeaderPadding;
9
- border: $panelHeaderBorder;
10
- color: $panelHeaderTextColor;
11
- background: $panelHeaderBg;
12
- font-weight: $panelHeaderFontWeight;
13
- border-radius: $borderRadius;
14
- }
15
-
16
- &.p-fieldset-toggleable {
17
- .p-fieldset-legend {
18
- padding: 0;
19
- transition: $actionIconTransition;
20
-
21
- a {
22
- padding: $panelHeaderPadding;
23
- color: $panelHeaderTextColor;
24
- border-radius: $borderRadius;
25
- transition: $listItemTransition;
26
-
27
- .p-fieldset-toggler {
28
- margin-right: $inlineSpacing;
29
- }
30
-
31
- &:focus-visible {
32
- @include focused();
33
- }
34
- }
35
-
36
- &:hover {
37
- background: $panelHeaderHoverBg;
38
- border-color: $panelHeaderHoverBorderColor;
39
- color: $panelHeaderTextHoverColor;
40
- }
41
- }
42
- }
43
-
44
- .p-fieldset-content {
45
- padding: $panelContentPadding;
46
- }
47
- }
@@ -1,63 +0,0 @@
1
- .p-panel {
2
- .p-panel-header {
3
- border: $panelHeaderBorder;
4
- padding: $panelHeaderPadding;
5
- background: $panelHeaderBg;
6
- color: $panelHeaderTextColor;
7
- border-top-right-radius: $borderRadius;
8
- border-top-left-radius: $borderRadius;
9
-
10
- .p-panel-title {
11
- font-weight: $panelHeaderFontWeight;
12
- }
13
-
14
- .p-panel-header-icon {
15
- @include action-icon();
16
- }
17
- }
18
-
19
- &.p-panel-toggleable {
20
- .p-panel-header {
21
- padding: $panelToggleableHeaderPadding;
22
- }
23
- }
24
-
25
- .p-panel-content {
26
- padding: $panelContentPadding;
27
- border: $panelContentBorder;
28
- background: $panelContentBg;
29
- color: $panelContentTextColor;
30
- border-top: 0 none;
31
-
32
- &:last-child {
33
- border-bottom-right-radius: $borderRadius;
34
- border-bottom-left-radius: $borderRadius;
35
- }
36
- }
37
-
38
- .p-panel-footer {
39
- padding: $panelFooterPadding;
40
- border: $panelFooterBorder;
41
- background: $panelFooterBg;
42
- color: $panelFooterTextColor;
43
- border-bottom-right-radius: $borderRadius;
44
- border-bottom-left-radius: $borderRadius;
45
- border-top: 0 none;
46
- }
47
-
48
- .p-panel-icons-end {
49
- order: 2;
50
- margin-left: auto;
51
- }
52
-
53
- .p-panel-icons-start {
54
- order: 0;
55
- margin-right: $inlineSpacing;
56
- }
57
-
58
- .p-panel-icons-center {
59
- order: 2;
60
- width: 100%;
61
- text-align: center;
62
- }
63
- }
@@ -1,6 +0,0 @@
1
- .p-scrollpanel {
2
- .p-scrollpanel-bar {
3
- background: $scrollPanelTrackBg;
4
- border: $scrollPanelTrackBorder;
5
- }
6
- }
@@ -1,19 +0,0 @@
1
- .p-splitter {
2
- border: $panelContentBorder;
3
- background: $panelContentBg;
4
- border-radius: $borderRadius;
5
- color: $panelContentTextColor;
6
-
7
- .p-splitter-gutter {
8
- transition: $actionIconTransition;
9
- background: $splitterGutterBg;
10
-
11
- .p-splitter-gutter-handle {
12
- background: $splitterGutterHandleBg;
13
- }
14
- }
15
-
16
- .p-splitter-gutter-resizing {
17
- background: $splitterGutterHandleBg;
18
- }
19
- }
@@ -1,82 +0,0 @@
1
- .p-tabview {
2
- .p-tabview-nav-content {
3
- scroll-padding-inline: $buttonIconOnlyWidth;
4
- }
5
-
6
- .p-tabview-nav {
7
- background: $tabviewNavBg;
8
- border: $tabviewNavBorder;
9
- border-width: $tabviewNavBorderWidth;
10
-
11
- li {
12
- margin-right: $tabviewHeaderSpacing;
13
-
14
- .p-tabview-nav-link {
15
- border: $tabviewHeaderBorder;
16
- border-width: $tabviewHeaderBorderWidth;
17
- border-color: $tabviewHeaderBorderColor;
18
- background: $tabviewHeaderBg;
19
- color: $tabviewHeaderTextColor;
20
- padding: $tabviewHeaderPadding;
21
- font-weight: $tabviewHeaderFontWeight;
22
- border-top-right-radius: $borderRadius;
23
- border-top-left-radius: $borderRadius;
24
- transition: $listItemTransition;
25
- margin: $tabviewHeaderMargin;
26
-
27
- &:not(.p-disabled):focus-visible {
28
- @include focused-inset();
29
- }
30
- }
31
-
32
- &:not(.p-highlight):not(.p-disabled):hover {
33
- .p-tabview-nav-link {
34
- background: $tabviewHeaderHoverBg;
35
- border-color: $tabviewHeaderHoverBorderColor;
36
- color: $tabviewHeaderTextHoverColor;
37
- }
38
- }
39
-
40
- &.p-highlight {
41
- .p-tabview-nav-link {
42
- background: $tabviewHeaderActiveBg;
43
- border-color: $tabviewHeaderActiveBorderColor;
44
- color: $tabviewHeaderTextActiveColor;
45
- }
46
- }
47
- }
48
- }
49
-
50
- .p-tabview-left-icon {
51
- margin-right: $inlineSpacing;
52
- }
53
-
54
- .p-tabview-right-icon {
55
- margin-left: $inlineSpacing;
56
- }
57
-
58
- .p-tabview-close {
59
- margin-left: $inlineSpacing;
60
- }
61
-
62
- .p-tabview-nav-btn.p-link {
63
- background: $tabviewHeaderActiveBg;
64
- color: $tabviewHeaderTextActiveColor;
65
- width: $buttonIconOnlyWidth;
66
- box-shadow: $raisedButtonShadow;
67
- border-radius: 0;
68
-
69
- &:focus-visible {
70
- @include focused-inset();
71
- }
72
- }
73
-
74
- .p-tabview-panels {
75
- background: $tabviewContentBg;
76
- padding: $tabviewContentPadding;
77
- border: $tabviewContentBorder;
78
- color: $tabviewContentTextColor;
79
- border-bottom-right-radius: $borderRadius;
80
- border-bottom-left-radius: $borderRadius;
81
- }
82
- }
@@ -1,11 +0,0 @@
1
- .p-toolbar {
2
- background: $panelHeaderBg;
3
- border: $panelHeaderBorder;
4
- padding: $panelHeaderPadding;
5
- border-radius: $borderRadius;
6
- gap: $inlineSpacing;
7
-
8
- .p-toolbar-separator {
9
- margin: 0 $inlineSpacing;
10
- }
11
- }