@swisspost/design-system-styles-primeng 9.0.0-next.8 → 9.0.0
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.
- package/fesm2022/swisspost-design-system-styles-primeng.mjs +4 -4
- package/fesm2022/swisspost-design-system-styles-primeng.mjs.map +1 -1
- package/package.json +5 -7
- package/primeng-theme/_icons.scss +34 -6
- package/primeng-theme/_primitive.scss +6 -0
- package/primeng-theme/_semantic.scss +132 -0
- package/primeng-theme/components/_button.scss +199 -0
- package/primeng-theme/components/_checkbox.scss +57 -0
- package/primeng-theme/components/_datatable.scss +133 -0
- package/primeng-theme/components/_inputtext.scss +32 -0
- package/primeng-theme/components/_overlay.scss +38 -0
- package/primeng-theme/components/_paginator.scss +72 -0
- package/primeng-theme/components/_radiobutton.scss +55 -0
- package/primeng-theme/components/_select.scss +60 -0
- package/primeng-theme/index.scss +20 -4
- package/primeng-theme/mixins/_icon.scss +9 -0
- package/primeng-theme/mixins/_mode.scss +5 -0
- package/esm2022/lib/styles-primeng.module.mjs +0 -16
- package/esm2022/public-api.mjs +0 -5
- package/esm2022/swisspost-design-system-styles-primeng.mjs +0 -5
- package/primeng-theme/_extensions.scss +0 -161
- package/primeng-theme/_variables.scss +0 -140
- package/primeng-theme/bootstrap-theme/_index.scss +0 -840
- package/primeng-theme/theme-base/_colors.scss +0 -19
- package/primeng-theme/theme-base/_common.scss +0 -76
- package/primeng-theme/theme-base/_components.scss +0 -105
- package/primeng-theme/theme-base/_mixins.scss +0 -340
- package/primeng-theme/theme-base/components/button/_button.scss +0 -576
- package/primeng-theme/theme-base/components/button/_speeddial.scss +0 -96
- package/primeng-theme/theme-base/components/button/_splitbutton.scss +0 -380
- package/primeng-theme/theme-base/components/data/_carousel.scss +0 -37
- package/primeng-theme/theme-base/components/data/_datatable.scss +0 -342
- package/primeng-theme/theme-base/components/data/_dataview.scss +0 -55
- package/primeng-theme/theme-base/components/data/_filter.scss +0 -137
- package/primeng-theme/theme-base/components/data/_orderlist.scss +0 -116
- package/primeng-theme/theme-base/components/data/_organizationchart.scss +0 -50
- package/primeng-theme/theme-base/components/data/_paginator.scss +0 -92
- package/primeng-theme/theme-base/components/data/_picklist.scss +0 -116
- package/primeng-theme/theme-base/components/data/_timeline.scss +0 -35
- package/primeng-theme/theme-base/components/data/_tree.scss +0 -153
- package/primeng-theme/theme-base/components/data/_treetable.scss +0 -255
- package/primeng-theme/theme-base/components/data/_virtualscroller.scss +0 -28
- package/primeng-theme/theme-base/components/file/_fileupload.scss +0 -64
- package/primeng-theme/theme-base/components/input/_autocomplete.scss +0 -137
- package/primeng-theme/theme-base/components/input/_calendar.scss +0 -269
- package/primeng-theme/theme-base/components/input/_cascadeselect.scss +0 -137
- package/primeng-theme/theme-base/components/input/_checkbox.scss +0 -90
- package/primeng-theme/theme-base/components/input/_chips.scss +0 -66
- package/primeng-theme/theme-base/components/input/_colorpicker.scss +0 -19
- package/primeng-theme/theme-base/components/input/_dropdown.scss +0 -149
- package/primeng-theme/theme-base/components/input/_editor.scss +0 -122
- package/primeng-theme/theme-base/components/input/_inputgroup.scss +0 -75
- package/primeng-theme/theme-base/components/input/_inputmask.scss +0 -17
- package/primeng-theme/theme-base/components/input/_inputnumber.scss +0 -28
- package/primeng-theme/theme-base/components/input/_inputswitch.scss +0 -55
- package/primeng-theme/theme-base/components/input/_inputtext.scss +0 -102
- package/primeng-theme/theme-base/components/input/_listbox.scss +0 -99
- package/primeng-theme/theme-base/components/input/_multiselect.scss +0 -178
- package/primeng-theme/theme-base/components/input/_password.scss +0 -55
- package/primeng-theme/theme-base/components/input/_radiobutton.scss +0 -78
- package/primeng-theme/theme-base/components/input/_rating.scss +0 -60
- package/primeng-theme/theme-base/components/input/_selectbutton.scss +0 -50
- package/primeng-theme/theme-base/components/input/_slider.scss +0 -75
- package/primeng-theme/theme-base/components/input/_togglebutton.scss +0 -48
- package/primeng-theme/theme-base/components/input/_treeselect.scss +0 -140
- package/primeng-theme/theme-base/components/menu/_breadcrumb.scss +0 -42
- package/primeng-theme/theme-base/components/menu/_contextmenu.scss +0 -39
- package/primeng-theme/theme-base/components/menu/_dock.scss +0 -95
- package/primeng-theme/theme-base/components/menu/_megamenu.scss +0 -55
- package/primeng-theme/theme-base/components/menu/_menu.scss +0 -37
- package/primeng-theme/theme-base/components/menu/_menubar.scss +0 -137
- package/primeng-theme/theme-base/components/menu/_panelmenu.scss +0 -153
- package/primeng-theme/theme-base/components/menu/_slidemenu.scss +0 -60
- package/primeng-theme/theme-base/components/menu/_steps.scss +0 -55
- package/primeng-theme/theme-base/components/menu/_tabmenu.scss +0 -73
- package/primeng-theme/theme-base/components/menu/_tieredmenu.scss +0 -43
- package/primeng-theme/theme-base/components/messages/_inlinemessage.scss +0 -69
- package/primeng-theme/theme-base/components/messages/_message.scss +0 -107
- package/primeng-theme/theme-base/components/messages/_toast.scss +0 -99
- package/primeng-theme/theme-base/components/misc/_avatar.scss +0 -30
- package/primeng-theme/theme-base/components/misc/_badge.scss +0 -48
- package/primeng-theme/theme-base/components/misc/_chip.scss +0 -40
- package/primeng-theme/theme-base/components/misc/_inplace.scss +0 -16
- package/primeng-theme/theme-base/components/misc/_progressbar.scss +0 -17
- package/primeng-theme/theme-base/components/misc/_scrolltop.scss +0 -25
- package/primeng-theme/theme-base/components/misc/_skeleton.scss +0 -13
- package/primeng-theme/theme-base/components/misc/_tag.scss +0 -40
- package/primeng-theme/theme-base/components/misc/_terminal.scss +0 -12
- package/primeng-theme/theme-base/components/multimedia/_galleria.scss +0 -155
- package/primeng-theme/theme-base/components/multimedia/_image.scss +0 -49
- package/primeng-theme/theme-base/components/overlay/_confirmpopup.scss +0 -72
- package/primeng-theme/theme-base/components/overlay/_dialog.scss +0 -69
- package/primeng-theme/theme-base/components/overlay/_overlaypanel.scss +0 -64
- package/primeng-theme/theme-base/components/overlay/_sidebar.scss +0 -27
- package/primeng-theme/theme-base/components/overlay/_tooltip.scss +0 -33
- package/primeng-theme/theme-base/components/panel/_accordion.scss +0 -119
- package/primeng-theme/theme-base/components/panel/_card.scss +0 -30
- package/primeng-theme/theme-base/components/panel/_divider.scss +0 -31
- package/primeng-theme/theme-base/components/panel/_fieldset.scss +0 -47
- package/primeng-theme/theme-base/components/panel/_panel.scss +0 -63
- package/primeng-theme/theme-base/components/panel/_scrollpanel.scss +0 -6
- package/primeng-theme/theme-base/components/panel/_splitter.scss +0 -19
- package/primeng-theme/theme-base/components/panel/_tabview.scss +0 -82
- 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,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
|
-
}
|