@swisspost/design-system-styles-primeng 9.0.1 → 10.0.0-next.38
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/README.md +5 -5
- package/package.json +5 -7
- package/primeng-theme/_extensions.scss +164 -0
- package/primeng-theme/_icons.scss +6 -34
- package/primeng-theme/index.scss +2 -20
- package/primeng-theme/_primitive.scss +0 -6
- package/primeng-theme/_semantic.scss +0 -132
- package/primeng-theme/components/_button.scss +0 -199
- package/primeng-theme/components/_checkbox.scss +0 -57
- package/primeng-theme/components/_datatable.scss +0 -133
- package/primeng-theme/components/_inputtext.scss +0 -32
- package/primeng-theme/components/_overlay.scss +0 -38
- package/primeng-theme/components/_paginator.scss +0 -72
- package/primeng-theme/components/_radiobutton.scss +0 -55
- package/primeng-theme/components/_select.scss +0 -60
- package/primeng-theme/mixins/_icon.scss +0 -9
- package/primeng-theme/mixins/_mode.scss +0 -5
package/README.md
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
# Design System Styles for
|
|
1
|
+
# Design System Styles for PrimeNg
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
Swiss Post styles for
|
|
5
|
+
Swiss Post styles for PrimeNg datatable.
|
|
6
6
|
|
|
7
7
|
## Documentation
|
|
8
8
|
|
|
9
|
-
The
|
|
9
|
+
The PrimeNg styles are documented in the Design System storybook.
|
|
10
10
|
|
|
11
|
-
[Styles for
|
|
11
|
+
[Styles for PrimeNg Documentation](https://design-system.post.ch/?path=/docs/d2112bed-c611-4098-a1ad-e654f7d622e7--docs)
|
|
12
12
|
|
|
13
13
|
## Installation
|
|
14
14
|
|
|
@@ -18,7 +18,7 @@ To install the package in a project run:
|
|
|
18
18
|
npm install primeng @swisspost/design-system-styles-primeng
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
-
The
|
|
21
|
+
The PrimeNg theme and core styles are the necessary, as well as the Swiss Post styles.
|
|
22
22
|
All three should be imported in the main style file of your Angular project, usually `src/styles.scss`.
|
|
23
23
|
|
|
24
24
|
Be sure to assign a layer to the Design System styles to avoid interference.
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@swisspost/design-system-styles-primeng",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "Swiss Post styles for
|
|
5
|
-
"author": "Swiss Post <
|
|
3
|
+
"version": "10.0.0-next.38",
|
|
4
|
+
"description": "Swiss Post styles for PrimeNg datatable.",
|
|
5
|
+
"author": "Swiss Post <design-system@post.ch>",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
@@ -18,13 +18,11 @@
|
|
|
18
18
|
"linkDirectory": true
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@angular/common": "^19.0.0",
|
|
22
|
-
"@angular/core": "^19.0.0",
|
|
23
21
|
"primeng": "^19.0.0"
|
|
24
22
|
},
|
|
25
23
|
"dependencies": {
|
|
26
|
-
"@swisspost/design-system-styles": "
|
|
27
|
-
"tslib": "2.
|
|
24
|
+
"@swisspost/design-system-styles": "10.0.0-next.38",
|
|
25
|
+
"tslib": "2.8.1"
|
|
28
26
|
},
|
|
29
27
|
"sideEffects": false,
|
|
30
28
|
"keywords": [
|
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
@use '@swisspost/design-system-styles/core' as post;
|
|
2
|
+
|
|
3
|
+
@use '@swisspost/design-system-styles/tokens/utilities';
|
|
4
|
+
@use '@swisspost/design-system-styles/functions/tokens';
|
|
5
|
+
|
|
6
|
+
tokens.$default-map: utilities.$post-spacing;
|
|
7
|
+
|
|
8
|
+
.p-datatable-wrapper {
|
|
9
|
+
overflow: initial;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.p-datatable {
|
|
13
|
+
.p-datatable-thead > tr > th {
|
|
14
|
+
gap: tokens.get('utility-gap-8');
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.p-sortable-column {
|
|
18
|
+
&.p-highlight:hover {
|
|
19
|
+
color: post.$black;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
p-sorticon {
|
|
23
|
+
display: inline-flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
height: 1.5rem;
|
|
26
|
+
transform: translateY(25%);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
sortalticon,
|
|
30
|
+
sortamountupalticon,
|
|
31
|
+
sortamountdownicon {
|
|
32
|
+
height: 1.5rem;
|
|
33
|
+
width: 1.5rem;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
p-columnfilter {
|
|
38
|
+
margin-inline: tokens.get('utility-gap-8');
|
|
39
|
+
height: 1.5rem;
|
|
40
|
+
|
|
41
|
+
.p-datatable-column-filter-button {
|
|
42
|
+
transform: translateY(-10px);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
filtericon {
|
|
46
|
+
height: 1.25rem;
|
|
47
|
+
width: 1.25rem;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&.p-datatable-striped .p-datatable-tbody > tr {
|
|
52
|
+
> td {
|
|
53
|
+
border-width: 0;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&:nth-child(2n + 1) {
|
|
57
|
+
background: post.$light;
|
|
58
|
+
color: post.$black;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.p-inputtext {
|
|
64
|
+
border-radius: 0;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.p-dropdown {
|
|
68
|
+
&,
|
|
69
|
+
&-panel {
|
|
70
|
+
border-radius: 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.p-dropdown-items {
|
|
74
|
+
margin: 0;
|
|
75
|
+
padding: 0;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.p-dropdown-trigger chevrondownicon {
|
|
79
|
+
height: 1.5rem;
|
|
80
|
+
width: 1.5rem;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.p-paginator {
|
|
85
|
+
justify-content: flex-end;
|
|
86
|
+
|
|
87
|
+
.p-paginator-current {
|
|
88
|
+
border: 0;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.p-dropdown .p-dropdown-label {
|
|
92
|
+
padding-block: 0.35rem;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.p-paginator-first {
|
|
96
|
+
border-start-start-radius: post.$btn-border-radius;
|
|
97
|
+
border-end-start-radius: post.$btn-border-radius;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.p-paginator-last {
|
|
101
|
+
border-start-end-radius: post.$btn-border-radius;
|
|
102
|
+
border-end-end-radius: post.$btn-border-radius;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.p-paginator-element {
|
|
106
|
+
&:not(.p-highlight) {
|
|
107
|
+
background-color: #fff;
|
|
108
|
+
|
|
109
|
+
&:hover {
|
|
110
|
+
background-color: #faf9f8;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
&:not(:hover) {
|
|
114
|
+
color: post.$gray-60;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
&:not(.p-paginator-last) {
|
|
119
|
+
margin-inline-end: -1 * post.$btn-border-width;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
&.p-disabled {
|
|
123
|
+
display: none;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.p-button {
|
|
129
|
+
gap: tokens.get('utility-gap-8');
|
|
130
|
+
|
|
131
|
+
&.p-button-text {
|
|
132
|
+
color: post.$dark;
|
|
133
|
+
|
|
134
|
+
&:hover {
|
|
135
|
+
color: post.$black;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.p-checkbox-box {
|
|
141
|
+
border-radius: 0;
|
|
142
|
+
color: post.$black;
|
|
143
|
+
|
|
144
|
+
checkicon,
|
|
145
|
+
timesicon {
|
|
146
|
+
height: 100%;
|
|
147
|
+
width: 100%;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.p-sortable-column,
|
|
152
|
+
.p-column-filter,
|
|
153
|
+
.p-selectable-row,
|
|
154
|
+
.p-link,
|
|
155
|
+
.p-button,
|
|
156
|
+
.p-inputwrapper.p-dropdown,
|
|
157
|
+
.p-inputtext:not(.p-inputwrapper > .p-inputtext),
|
|
158
|
+
.p-checkbox,
|
|
159
|
+
.p-radiobutton {
|
|
160
|
+
@include post.focus-style {
|
|
161
|
+
box-shadow: none;
|
|
162
|
+
border-radius: post.$border-radius;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
@@ -1,44 +1,16 @@
|
|
|
1
1
|
@use '@swisspost/design-system-styles/core' as post;
|
|
2
2
|
|
|
3
3
|
@mixin custom-icon($icon) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
height:
|
|
7
|
-
width:
|
|
4
|
+
@include post.icon($icon);
|
|
5
|
+
display: inline-block;
|
|
6
|
+
height: 1rem;
|
|
7
|
+
width: 1rem;
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
content: '';
|
|
11
|
-
display: block;
|
|
12
|
-
height: calc(1.5 * var(--p-icon-size));
|
|
13
|
-
width: calc(1.5 * var(--p-icon-size));
|
|
14
|
-
position: absolute;
|
|
15
|
-
top: 50%;
|
|
16
|
-
left: 50%;
|
|
17
|
-
transform: translate(-50%, -50%);
|
|
18
|
-
@include post.icon($icon);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.p-icon {
|
|
9
|
+
> * {
|
|
22
10
|
display: none;
|
|
23
11
|
}
|
|
24
12
|
}
|
|
25
13
|
|
|
26
|
-
anglerighticon {
|
|
27
|
-
@include custom-icon(2111);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
angledoublerighticon {
|
|
31
|
-
@include custom-icon(2395);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
anglelefticon {
|
|
35
|
-
@include custom-icon(2110);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
angledoublelefticon {
|
|
39
|
-
@include custom-icon(2396);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
14
|
plusicon {
|
|
43
15
|
@include custom-icon(2040);
|
|
44
16
|
}
|
|
@@ -83,6 +55,6 @@ timesicon {
|
|
|
83
55
|
@include custom-icon(2043);
|
|
84
56
|
}
|
|
85
57
|
|
|
86
|
-
.p-datatable-
|
|
58
|
+
.p-datatable-reorderablerow-handle {
|
|
87
59
|
@include custom-icon(2070);
|
|
88
60
|
}
|
package/primeng-theme/index.scss
CHANGED
|
@@ -1,20 +1,2 @@
|
|
|
1
|
-
@
|
|
2
|
-
@
|
|
3
|
-
@forward './icons';
|
|
4
|
-
|
|
5
|
-
@forward './components/button';
|
|
6
|
-
@forward './components/checkbox';
|
|
7
|
-
@forward './components/datatable';
|
|
8
|
-
@forward './components/inputtext';
|
|
9
|
-
@forward './components/overlay';
|
|
10
|
-
@forward './components/paginator';
|
|
11
|
-
@forward './components/radiobutton';
|
|
12
|
-
@forward './components/select';
|
|
13
|
-
|
|
14
|
-
.p-button,
|
|
15
|
-
.p-inputtext,
|
|
16
|
-
.p-select,
|
|
17
|
-
.p-checkbox-box,
|
|
18
|
-
.p-radiobutton-box {
|
|
19
|
-
border-width: 2px !important;
|
|
20
|
-
}
|
|
1
|
+
@import './extensions';
|
|
2
|
+
@import './icons';
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
@use './mixins/mode';
|
|
2
|
-
|
|
3
|
-
p-table,
|
|
4
|
-
.p-datatable-filter-overlay {
|
|
5
|
-
--p-transition-duration: 250ms;
|
|
6
|
-
--p-focus-ring-width: 2px;
|
|
7
|
-
--p-focus-ring-style: solid;
|
|
8
|
-
--p-focus-ring-color: var(--post-focus-color);
|
|
9
|
-
--p-focus-ring-offset: 2px;
|
|
10
|
-
--p-focus-ring-shadow: none;
|
|
11
|
-
--p-disabled-opacity: 0.6;
|
|
12
|
-
--p-icon-size: 1rem;
|
|
13
|
-
--p-anchor-gutter: 0;
|
|
14
|
-
--p-form-field-padding-x: 1rem;
|
|
15
|
-
--p-form-field-padding-y: 0.5rem;
|
|
16
|
-
--p-form-field-sm-font-size: 0.875rem;
|
|
17
|
-
--p-form-field-sm-padding-x: 1rem;
|
|
18
|
-
--p-form-field-sm-padding-y: 0.25rem;
|
|
19
|
-
--p-form-field-lg-font-size: 1.125rem;
|
|
20
|
-
--p-form-field-lg-padding-x: 1rem;
|
|
21
|
-
--p-form-field-lg-padding-y: 0.75rem;
|
|
22
|
-
--p-form-field-border-radius: var(--p-border-radius-none);
|
|
23
|
-
--p-form-field-focus-ring-width: var(--p-focus-ring-width);
|
|
24
|
-
--p-form-field-focus-ring-style: var(--p-focus-ring-style);
|
|
25
|
-
--p-form-field-focus-ring-color: var(--p-focus-ring-color);
|
|
26
|
-
--p-form-field-focus-ring-offset: var(--p-focus-ring-offset);
|
|
27
|
-
--p-form-field-focus-ring-shadow: var(--p-focus-ring-shadow);
|
|
28
|
-
--p-form-field-transition-duration: var(--p-transition-duration);
|
|
29
|
-
--p-list-padding: 0.5rem 0;
|
|
30
|
-
--p-list-gap: 0;
|
|
31
|
-
--p-list-header-padding: 0.5rem 0.75rem 0.375rem 0.75rem;
|
|
32
|
-
--p-list-option-padding: 0.5rem 1rem;
|
|
33
|
-
--p-list-option-border-radius: var(--p-border-radius-none);
|
|
34
|
-
--p-list-option-group-padding: 0.5rem 1rem;
|
|
35
|
-
--p-list-option-group-font-weight: 400;
|
|
36
|
-
--p-content-border-radius: var(--p-border-radius-rounded);
|
|
37
|
-
--p-mask-transition-duration: 0.15s;
|
|
38
|
-
--p-navigation-list-padding: 0.125rem 0;
|
|
39
|
-
--p-navigation-list-gap: 0;
|
|
40
|
-
--p-navigation-item-padding: 0.5rem 0.75rem;
|
|
41
|
-
--p-navigation-item-border-radius: 0;
|
|
42
|
-
--p-navigation-item-gap: 0.5rem;
|
|
43
|
-
--p-navigation-submenu-label-padding: 0.5rem 0.75rem;
|
|
44
|
-
--p-navigation-submenu-label-font-weight: 700;
|
|
45
|
-
--p-navigation-submenu-icon-size: 0.875rem;
|
|
46
|
-
--p-primary-color: var(--post-gray-80);
|
|
47
|
-
--p-primary-contrast-color: var(--post-white);
|
|
48
|
-
--p-primary-hover-color: var(--post-gray-60);
|
|
49
|
-
--p-primary-active-color: var(--post-gray-60);
|
|
50
|
-
--p-highlight-background: var(--post-yellow);
|
|
51
|
-
--p-highlight-focus-background: var(--post-yellow);
|
|
52
|
-
--p-highlight-color: var(--post-black);
|
|
53
|
-
--p-highlight-focus-color: var(--post-black);
|
|
54
|
-
--p-mask-background: rgba(0, 0, 0, 0.4);
|
|
55
|
-
--p-mask-color: var(--post-gray-20);
|
|
56
|
-
--p-form-field-background: var(--post-white);
|
|
57
|
-
--p-form-field-disabled-background: var(--post-gray-20);
|
|
58
|
-
--p-form-field-filled-background: var(--post-gray-10);
|
|
59
|
-
--p-form-field-filled-hover-background: var(--post-gray-10);
|
|
60
|
-
--p-form-field-filled-focus-background: var(--post-gray-10);
|
|
61
|
-
--p-form-field-border-color: var(--post-gray-80);
|
|
62
|
-
--p-form-field-hover-border-color: var(--post-black);
|
|
63
|
-
--p-form-field-focus-border-color: var(--post-gray-80);
|
|
64
|
-
--p-form-field-invalid-border-color: var(--post-error);
|
|
65
|
-
--p-form-field-color: var(--post-black);
|
|
66
|
-
--p-form-field-disabled-color: var(--post-gray-60);
|
|
67
|
-
--p-form-field-placeholder-color: var(--post-gray-60);
|
|
68
|
-
--p-form-field-invalid-placeholder-color: var(--post-error);
|
|
69
|
-
--p-form-field-float-label-color: var(--post-gray-60);
|
|
70
|
-
--p-form-field-float-label-focus-color: var(--p-primary-color);
|
|
71
|
-
--p-form-field-float-label-active-color: var(--post-gray-60);
|
|
72
|
-
--p-form-field-float-label-invalid-color: var(--p-form-field-invalid-placeholder-color);
|
|
73
|
-
--p-form-field-icon-color: var(--post-black);
|
|
74
|
-
--p-form-field-shadow: none;
|
|
75
|
-
--p-text-color: var(--post-black);
|
|
76
|
-
--p-text-hover-color: var(--post-gray-80);
|
|
77
|
-
--p-text-muted-color: var(--p-text-color);
|
|
78
|
-
--p-text-hover-muted-color: var(--p-text-hover-color);
|
|
79
|
-
--p-content-background: var(--post-white);
|
|
80
|
-
--p-content-hover-background: var(--post-gray-20);
|
|
81
|
-
--p-content-border-color: var(--post-gray-20);
|
|
82
|
-
--p-content-color: var(--p-text-color);
|
|
83
|
-
--p-content-hover-color: var(--p-text-color);
|
|
84
|
-
--p-list-option-focus-background: var(--post-gray-10);
|
|
85
|
-
--p-list-option-selected-background: var(--p-highlight-background);
|
|
86
|
-
--p-list-option-selected-focus-background: var(--p-highlight-focus-background);
|
|
87
|
-
--p-list-option-color: var(--post-black);
|
|
88
|
-
--p-list-option-focus-color: var(--post-gray-80);
|
|
89
|
-
--p-list-option-selected-color: var(--p-highlight-color);
|
|
90
|
-
--p-list-option-selected-focus-color: var(--p-highlight-focus-color);
|
|
91
|
-
--p-list-option-icon-color: var(--post-gray-60);
|
|
92
|
-
--p-list-option-icon-focus-color: var(--post-gray-60);
|
|
93
|
-
--p-list-option-group-background: transparent;
|
|
94
|
-
--p-list-option-group-color: var(--p-black);
|
|
95
|
-
--p-navigation-item-focus-background: var(--p-primary-color);
|
|
96
|
-
--p-navigation-item-active-background: var(--post-gray-20);
|
|
97
|
-
--p-navigation-item-color: var(--p-text-color);
|
|
98
|
-
--p-navigation-item-focus-color: var(--p-primary-contrast-color);
|
|
99
|
-
--p-navigation-item-active-color: var(--p-text-hover-color);
|
|
100
|
-
--p-navigation-item-icon-color: var(--p-text-muted-color);
|
|
101
|
-
--p-navigation-item-icon-focus-color: var(--p-primary-contrast-color);
|
|
102
|
-
--p-navigation-item-icon-active-color: var(--p-text-hover-muted-color);
|
|
103
|
-
--p-navigation-submenu-label-background: transparent;
|
|
104
|
-
--p-navigation-submenu-label-color: var(--p-text-color);
|
|
105
|
-
--p-navigation-submenu-icon-color: var(--p-text-muted-color);
|
|
106
|
-
--p-navigation-submenu-icon-focus-color: var(--p-primary-contrast-color);
|
|
107
|
-
--p-navigation-submenu-icon-active-color: var(--p-text-hover-muted-color);
|
|
108
|
-
}
|
|
109
|
-
@include mode.dark {
|
|
110
|
-
p-table,
|
|
111
|
-
.p-datatable-filter-overlay {
|
|
112
|
-
--p-primary-color: var(--post-white);
|
|
113
|
-
--p-primary-contrast-color: var(--post-black);
|
|
114
|
-
--p-primary-hover-color: var(--post-yellow);
|
|
115
|
-
--p-primary-active-color: var(--post-yellow);
|
|
116
|
-
--p-mask-background: rgba(0, 0, 0, 0.6);
|
|
117
|
-
--p-mask-color: var(--post-gray-20);
|
|
118
|
-
--p-form-field-border-color: var(--post-gray-10);
|
|
119
|
-
--p-text-color: var(--post-white);
|
|
120
|
-
--p-text-hover-color: var(--post-white);
|
|
121
|
-
--p-content-background: var(--post-gray-10);
|
|
122
|
-
--p-content-hover-background: var(--p-highlight-background);
|
|
123
|
-
--p-content-hover-color: var(--p-highlight-color);
|
|
124
|
-
--p-content-border-color: var(--post-gray-20);
|
|
125
|
-
--p-list-option-focus-background: var(--post-gray-80);
|
|
126
|
-
--p-list-option-focus-color: var(--post-gray-10);
|
|
127
|
-
--p-list-option-icon-color: var(--post-gray-20);
|
|
128
|
-
--p-list-option-icon-focus-color: var(--post-gray-20);
|
|
129
|
-
--p-navigation-item-active-background: var(--post-gray-60);
|
|
130
|
-
--p-navigation-item-active-color: var(--p-text-color);
|
|
131
|
-
}
|
|
132
|
-
}
|
|
@@ -1,199 +0,0 @@
|
|
|
1
|
-
p-table,
|
|
2
|
-
.p-datatable-filter-overlay {
|
|
3
|
-
--p-button-border-radius: var(--p-border-radius-rounded);
|
|
4
|
-
--p-button-rounded-border-radius: var(--p-border-radius-rounded);
|
|
5
|
-
--p-button-gap: 0.5rem;
|
|
6
|
-
--p-button-padding-x: var(--p-form-field-padding-x);
|
|
7
|
-
--p-button-padding-y: var(--p-form-field-padding-y);
|
|
8
|
-
--p-button-icon-only-width: 2.5rem;
|
|
9
|
-
--p-button-sm-font-size: var(--p-form-field-sm-font-size);
|
|
10
|
-
--p-button-sm-padding-x: var(--p-form-field-sm-padding-x);
|
|
11
|
-
--p-button-sm-padding-y: var(--p-form-field-sm-padding-y);
|
|
12
|
-
--p-button-sm-icon-only-width: 2rem;
|
|
13
|
-
--p-button-lg-font-size: var(--p-form-field-lg-font-size);
|
|
14
|
-
--p-button-lg-padding-x: var(--p-form-field-lg-padding-x);
|
|
15
|
-
--p-button-lg-padding-y: var(--p-form-field-lg-padding-y);
|
|
16
|
-
--p-button-lg-icon-only-width: 3rem;
|
|
17
|
-
--p-button-label-font-weight: 700;
|
|
18
|
-
--p-button-raised-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
|
19
|
-
0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
20
|
-
--p-button-focus-ring-width: var(--p-focus-ring-width);
|
|
21
|
-
--p-button-focus-ring-style: var(--p-focus-ring-style);
|
|
22
|
-
--p-button-focus-ring-offset: var(--p-focus-ring-offset);
|
|
23
|
-
--p-button-badge-size: 1rem;
|
|
24
|
-
--p-button-transition-duration: var(--p-form-field-transition-duration);
|
|
25
|
-
--p-button-primary-background: var(--p-primary-color);
|
|
26
|
-
--p-button-primary-hover-background: var(--p-primary-hover-color);
|
|
27
|
-
--p-button-primary-active-background: var(--p-primary-active-color);
|
|
28
|
-
--p-button-primary-border-color: var(--p-primary-color);
|
|
29
|
-
--p-button-primary-hover-border-color: var(--p-primary-hover-color);
|
|
30
|
-
--p-button-primary-active-border-color: var(--p-primary-active-color);
|
|
31
|
-
--p-button-primary-color: var(--p-primary-contrast-color);
|
|
32
|
-
--p-button-primary-hover-color: var(--p-primary-contrast-color);
|
|
33
|
-
--p-button-primary-active-color: var(--p-primary-contrast-color);
|
|
34
|
-
--p-button-primary-focus-ring-color: var(--post-focus-color);
|
|
35
|
-
--p-button-primary-focus-ring-shadow: none;
|
|
36
|
-
--p-button-secondary-background: var(--p-button-primary-background);
|
|
37
|
-
--p-button-secondary-hover-background: var(--p-button-primary-hover-background);
|
|
38
|
-
--p-button-secondary-active-background: var(--p-button-primary-active-background);
|
|
39
|
-
--p-button-secondary-border-color: var(--p-button-primary-border-color);
|
|
40
|
-
--p-button-secondary-hover-border-color: var(--p-button-primary-hover-border-color);
|
|
41
|
-
--p-button-secondary-active-border-color: var(--p-button-primary-active-border-color);
|
|
42
|
-
--p-button-secondary-color: var(--p-button-primary-color);
|
|
43
|
-
--p-button-secondary-hover-color: var(--p-button-primary-hover-color);
|
|
44
|
-
--p-button-secondary-active-color: var(--p-button-primary-active-color);
|
|
45
|
-
--p-button-secondary-focus-ring-color: var(--p-button-primary-focus-ring-color);
|
|
46
|
-
--p-button-secondary-focus-ring-shadow: var(--p-button-primary-focus-ring-shadow);
|
|
47
|
-
--p-button-info-background: var(--p-button-primary-background);
|
|
48
|
-
--p-button-info-hover-background: var(--p-button-primary-hover-background);
|
|
49
|
-
--p-button-info-active-background: var(--p-button-primary-active-background);
|
|
50
|
-
--p-button-info-border-color: var(--p-button-primary-border-color);
|
|
51
|
-
--p-button-info-hover-border-color: var(--p-button-primary-hover-border-color);
|
|
52
|
-
--p-button-info-active-border-color: var(--p-button-primary-active-border-color);
|
|
53
|
-
--p-button-info-color: var(--p-button-primary-color);
|
|
54
|
-
--p-button-info-hover-color: var(--p-button-primary-hover-color);
|
|
55
|
-
--p-button-info-active-color: var(--p-button-primary-active-color);
|
|
56
|
-
--p-button-info-focus-ring-color: var(--p-button-primary-focus-ring-color);
|
|
57
|
-
--p-button-info-focus-ring-shadow: var(--p-button-primary-focus-ring-shadow);
|
|
58
|
-
--p-button-success-background: var(--p-button-primary-background);
|
|
59
|
-
--p-button-success-hover-background: var(--p-button-primary-hover-background);
|
|
60
|
-
--p-button-success-active-background: var(--p-button-primary-active-background);
|
|
61
|
-
--p-button-success-border-color: var(--p-button-primary-border-color);
|
|
62
|
-
--p-button-success-hover-border-color: var(--p-button-primary-hover-border-color);
|
|
63
|
-
--p-button-success-active-border-color: var(--p-button-primary-active-border-color);
|
|
64
|
-
--p-button-success-color: var(--p-button-primary-color);
|
|
65
|
-
--p-button-success-hover-color: var(--p-button-primary-hover-color);
|
|
66
|
-
--p-button-success-active-color: var(--p-button-primary-active-color);
|
|
67
|
-
--p-button-success-focus-ring-color: var(--p-button-primary-focus-ring-color);
|
|
68
|
-
--p-button-success-focus-ring-shadow: var(--p-button-primary-focus-ring-shadow);
|
|
69
|
-
--p-button-warn-background: var(--p-button-primary-background);
|
|
70
|
-
--p-button-warn-hover-background: var(--p-button-primary-hover-background);
|
|
71
|
-
--p-button-warn-active-background: var(--p-button-primary-active-background);
|
|
72
|
-
--p-button-warn-border-color: var(--p-button-primary-border-color);
|
|
73
|
-
--p-button-warn-hover-border-color: var(--p-button-primary-hover-border-color);
|
|
74
|
-
--p-button-warn-active-border-color: var(--p-button-primary-active-border-color);
|
|
75
|
-
--p-button-warn-color: var(--p-button-primary-color);
|
|
76
|
-
--p-button-warn-hover-color: var(--p-button-primary-hover-color);
|
|
77
|
-
--p-button-warn-active-color: var(--p-button-primary-active-color);
|
|
78
|
-
--p-button-warn-focus-ring-color: var(--p-button-primary-focus-ring-color);
|
|
79
|
-
--p-button-warn-focus-ring-shadow: var(--p-button-primary-focus-ring-shadow);
|
|
80
|
-
--p-button-help-background: var(--p-button-primary-background);
|
|
81
|
-
--p-button-help-hover-background: var(--p-button-primary-hover-background);
|
|
82
|
-
--p-button-help-active-background: var(--p-button-primary-active-background);
|
|
83
|
-
--p-button-help-border-color: var(--p-button-primary-border-color);
|
|
84
|
-
--p-button-help-hover-border-color: var(--p-button-primary-hover-border-color);
|
|
85
|
-
--p-button-help-active-border-color: var(--p-button-primary-active-border-color);
|
|
86
|
-
--p-button-help-color: var(--p-button-primary-color);
|
|
87
|
-
--p-button-help-hover-color: var(--p-button-primary-hover-color);
|
|
88
|
-
--p-button-help-active-color: var(--p-button-primary-active-color);
|
|
89
|
-
--p-button-help-focus-ring-color: var(--p-button-primary-focus-ring-color);
|
|
90
|
-
--p-button-help-focus-ring-shadow: var(--p-button-primary-focus-ring-shadow);
|
|
91
|
-
--p-button-danger-background: var(--p-button-primary-background);
|
|
92
|
-
--p-button-danger-hover-background: var(--p-button-primary-hover-background);
|
|
93
|
-
--p-button-danger-active-background: var(--p-button-primary-active-background);
|
|
94
|
-
--p-button-danger-border-color: var(--p-button-primary-border-color);
|
|
95
|
-
--p-button-danger-hover-border-color: var(--p-button-primary-hover-border-color);
|
|
96
|
-
--p-button-danger-active-border-color: var(--p-button-primary-active-border-color);
|
|
97
|
-
--p-button-danger-color: var(--p-button-primary-color);
|
|
98
|
-
--p-button-danger-hover-color: var(--p-button-primary-hover-color);
|
|
99
|
-
--p-button-danger-active-color: var(--p-button-primary-active-color);
|
|
100
|
-
--p-button-danger-focus-ring-color: var(--p-button-primary-focus-ring-color);
|
|
101
|
-
--p-button-danger-focus-ring-shadow: var(--p-button-primary-focus-ring-shadow);
|
|
102
|
-
--p-button-contrast-background: var(--p-button-primary-background);
|
|
103
|
-
--p-button-contrast-hover-background: var(--p-button-primary-hover-background);
|
|
104
|
-
--p-button-contrast-active-background: var(--p-button-primary-active-background);
|
|
105
|
-
--p-button-contrast-border-color: var(--p-button-primary-border-color);
|
|
106
|
-
--p-button-contrast-hover-border-color: var(--p-button-primary-hover-border-color);
|
|
107
|
-
--p-button-contrast-active-border-color: var(--p-button-primary-active-border-color);
|
|
108
|
-
--p-button-contrast-color: var(--p-button-primary-color);
|
|
109
|
-
--p-button-contrast-hover-color: var(--p-button-primary-hover-color);
|
|
110
|
-
--p-button-contrast-active-color: var(--p-button-primary-active-color);
|
|
111
|
-
--p-button-contrast-focus-ring-color: var(--p-button-primary-focus-ring-color);
|
|
112
|
-
--p-button-contrast-focus-ring-shadow: var(--p-button-primary-focus-ring-shadow);
|
|
113
|
-
--p-button-outlined-primary-hover-background: var(--p-primary-hover-color);
|
|
114
|
-
--p-button-outlined-primary-hover-border-color: var(--p-primary-hover-color);
|
|
115
|
-
--p-button-outlined-primary-hover-color: var(--p-primary-contrast-color);
|
|
116
|
-
--p-button-outlined-primary-active-background: var(--p-primary-active-color);
|
|
117
|
-
--p-button-outlined-primary-border-color: var(--p-primary-color);
|
|
118
|
-
--p-button-outlined-primary-color: var(--p-primary-color);
|
|
119
|
-
--p-button-outlined-secondary-hover-background: var(--p-button-outlined-primary-hover-background);
|
|
120
|
-
--p-button-outlined-secondary-active-background: var(
|
|
121
|
-
--p-button-outlined-primary-active-background
|
|
122
|
-
);
|
|
123
|
-
--p-button-outlined-secondary-border-color: var(--p-button-outlined-primary-border-color);
|
|
124
|
-
--p-button-outlined-secondary-color: var(--p-button-outlined-primary-color);
|
|
125
|
-
--p-button-outlined-success-hover-background: var(--p-button-outlined-primary-hover-background);
|
|
126
|
-
--p-button-outlined-success-active-background: var(--p-button-outlined-primary-active-background);
|
|
127
|
-
--p-button-outlined-success-border-color: var(--p-button-outlined-primary-border-color);
|
|
128
|
-
--p-button-outlined-success-color: var(--p-button-outlined-primary-color);
|
|
129
|
-
--p-button-outlined-info-hover-background: var(--p-button-outlined-primary-hover-background);
|
|
130
|
-
--p-button-outlined-info-active-background: var(--p-button-outlined-primary-active-background);
|
|
131
|
-
--p-button-outlined-info-border-color: var(--p-button-outlined-primary-border-color);
|
|
132
|
-
--p-button-outlined-info-color: var(--p-button-outlined-primary-color);
|
|
133
|
-
--p-button-outlined-warn-hover-background: var(--p-button-outlined-primary-hover-background);
|
|
134
|
-
--p-button-outlined-warn-active-background: var(--p-button-outlined-primary-active-background);
|
|
135
|
-
--p-button-outlined-warn-border-color: var(--p-button-outlined-primary-border-color);
|
|
136
|
-
--p-button-outlined-warn-color: var(--p-button-outlined-primary-color);
|
|
137
|
-
--p-button-outlined-help-hover-background: var(--p-button-outlined-primary-hover-background);
|
|
138
|
-
--p-button-outlined-help-active-background: var(--p-button-outlined-primary-active-background);
|
|
139
|
-
--p-button-outlined-help-border-color: var(--p-button-outlined-primary-border-color);
|
|
140
|
-
--p-button-outlined-help-color: var(--p-button-outlined-primary-color);
|
|
141
|
-
--p-button-outlined-danger-hover-background: var(--p-button-outlined-primary-hover-background);
|
|
142
|
-
--p-button-outlined-danger-active-background: var(--p-button-outlined-primary-active-background);
|
|
143
|
-
--p-button-outlined-danger-border-color: var(--p-button-outlined-primary-border-color);
|
|
144
|
-
--p-button-outlined-danger-color: var(--p-button-outlined-primary-color);
|
|
145
|
-
--p-button-outlined-contrast-hover-background: var(--p-button-outlined-primary-hover-background);
|
|
146
|
-
--p-button-outlined-contrast-active-background: var(
|
|
147
|
-
--p-button-outlined-primary-active-background
|
|
148
|
-
);
|
|
149
|
-
--p-button-outlined-contrast-border-color: var(--p-button-outlined-primary-border-color);
|
|
150
|
-
--p-button-outlined-contrast-color: var(--p-button-outlined-primary-color);
|
|
151
|
-
--p-button-outlined-plain-hover-background: var(--p-button-outlined-primary-hover-background);
|
|
152
|
-
--p-button-outlined-plain-active-background: var(--p-button-outlined-primary-active-background);
|
|
153
|
-
--p-button-outlined-plain-border-color: var(--p-button-outlined-primary-border-color);
|
|
154
|
-
--p-button-outlined-plain-color: var(--p-button-outlined-primary-color);
|
|
155
|
-
--p-button-text-primary-hover-background: var(--p-primary-hover-color);
|
|
156
|
-
--p-button-text-primary-active-background: var(--p-primary-active-color);
|
|
157
|
-
--p-button-text-primary-color: var(--p-primary-color);
|
|
158
|
-
--p-button-text-primary-hover-color: var(--p-primary-contrast-color);
|
|
159
|
-
--p-button-text-secondary-hover-background: var(--p-button-text-primary-hover-background);
|
|
160
|
-
--p-button-text-secondary-active-background: var(--p-button-text-primary-active-background);
|
|
161
|
-
--p-button-text-secondary-color: var(--p-button-text-primary-color);
|
|
162
|
-
--p-button-text-success-hover-background: var(--p-button-text-primary-hover-background);
|
|
163
|
-
--p-button-text-success-active-background: var(--p-button-text-primary-active-background);
|
|
164
|
-
--p-button-text-success-color: var(--p-button-text-primary-color);
|
|
165
|
-
--p-button-text-info-hover-background: var(--p-button-text-primary-hover-background);
|
|
166
|
-
--p-button-text-info-active-background: var(--p-button-text-primary-active-background);
|
|
167
|
-
--p-button-text-info-color: var(--p-button-text-primary-color);
|
|
168
|
-
--p-button-text-warn-hover-background: var(--p-button-text-primary-hover-background);
|
|
169
|
-
--p-button-text-warn-active-background: var(--p-button-text-primary-active-background);
|
|
170
|
-
--p-button-text-warn-color: var(--p-button-text-primary-color);
|
|
171
|
-
--p-button-text-help-hover-background: var(--p-button-text-primary-hover-background);
|
|
172
|
-
--p-button-text-help-active-background: var(--p-button-text-primary-active-background);
|
|
173
|
-
--p-button-text-help-color: var(--p-button-text-primary-color);
|
|
174
|
-
--p-button-text-danger-hover-background: var(--p-button-text-primary-hover-background);
|
|
175
|
-
--p-button-text-danger-active-background: var(--p-button-text-primary-active-background);
|
|
176
|
-
--p-button-text-danger-color: var(--p-button-text-primary-color);
|
|
177
|
-
--p-button-text-contrast-hover-background: var(--p-button-text-primary-hover-background);
|
|
178
|
-
--p-button-text-contrast-active-background: var(--p-button-text-primary-active-background);
|
|
179
|
-
--p-button-text-contrast-color: var(--p-button-text-primary-color);
|
|
180
|
-
--p-button-text-plain-hover-background: var(--p-button-text-primary-hover-background);
|
|
181
|
-
--p-button-text-plain-active-background: var(--p-button-text-primary-active-background);
|
|
182
|
-
--p-button-text-plain-color: var(--p-button-text-primary-color);
|
|
183
|
-
--p-button-link-color: var(--p-primary-color);
|
|
184
|
-
--p-button-link-hover-color: var(--p-primary-hover-color);
|
|
185
|
-
--p-button-link-active-color: var(--p-primary-active-color);
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.p-button-text:not(:disabled):hover {
|
|
189
|
-
color: var(--p-button-text-primary-hover-color) !important;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
.p-button-outlined:not(:disabled):hover {
|
|
193
|
-
border-color: var(--p-button-outlined-primary-hover-border-color) !important;
|
|
194
|
-
color: var(--p-button-outlined-primary-hover-color) !important;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
.p-button-icon-only.p-button-rounded {
|
|
198
|
-
border-radius: var(--p-button-rounded-border-radius) !important;
|
|
199
|
-
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
@use '../mixins/mode';
|
|
2
|
-
|
|
3
|
-
p-table,
|
|
4
|
-
.p-datatable-filter-overlay {
|
|
5
|
-
--p-checkbox-border-radius: var(--p-border-radius-none);
|
|
6
|
-
--p-checkbox-width: 1.375rem;
|
|
7
|
-
--p-checkbox-height: 1.375rem;
|
|
8
|
-
--p-checkbox-background: var(--p-form-field-background);
|
|
9
|
-
--p-checkbox-checked-background: var(--p-form-field-background);
|
|
10
|
-
--p-checkbox-checked-hover-background: var(--p-form-field-background);
|
|
11
|
-
--p-checkbox-disabled-background: var(--p-form-field-background);
|
|
12
|
-
--p-checkbox-filled-background: var(--p-form-field-background);
|
|
13
|
-
--p-checkbox-border-color: var(--p-form-field-border-color);
|
|
14
|
-
--p-checkbox-hover-border-color: var(--p-form-field-hover-border-color);
|
|
15
|
-
--p-checkbox-focus-border-color: var(--p-form-field-border-color);
|
|
16
|
-
--p-checkbox-checked-border-color: var(--p-form-field-border-color);
|
|
17
|
-
--p-checkbox-checked-hover-border-color: var(--p-form-field-hover-border-color);
|
|
18
|
-
--p-checkbox-checked-focus-border-color: var(--p-form-field-border-color);
|
|
19
|
-
--p-checkbox-checked-disabled-border-color: var(--p-form-field-disabled-color);
|
|
20
|
-
--p-checkbox-invalid-border-color: var(--p-form-field-invalid-border-color);
|
|
21
|
-
--p-checkbox-shadow: var(--p-form-field-shadow);
|
|
22
|
-
--p-checkbox-focus-ring-width: var(--p-focus-ring-width);
|
|
23
|
-
--p-checkbox-focus-ring-style: var(--p-focus-ring-style);
|
|
24
|
-
--p-checkbox-focus-ring-color: var(--p-focus-ring-color);
|
|
25
|
-
--p-checkbox-focus-ring-offset: var(--p-focus-ring-offset);
|
|
26
|
-
--p-checkbox-focus-ring-shadow: var(--p-focus-ring-shadow);
|
|
27
|
-
--p-checkbox-transition-duration: var(--p-form-field-transition-duration);
|
|
28
|
-
--p-checkbox-sm-width: 1rem;
|
|
29
|
-
--p-checkbox-sm-height: 1rem;
|
|
30
|
-
--p-checkbox-lg-width: 1.5rem;
|
|
31
|
-
--p-checkbox-lg-height: 1.5rem;
|
|
32
|
-
--p-checkbox-icon-size: 0.875rem;
|
|
33
|
-
--p-checkbox-icon-color: var(--p-form-field-border-color);
|
|
34
|
-
--p-checkbox-icon-checked-color: var(--p-form-field-border-color);
|
|
35
|
-
--p-checkbox-icon-checked-hover-color: var(--p-form-field-hover-border-color);
|
|
36
|
-
--p-checkbox-icon-disabled-color: var(--p-form-field-disabled-color);
|
|
37
|
-
--p-checkbox-icon-sm-size: 0.75rem;
|
|
38
|
-
--p-checkbox-icon-lg-size: 1rem;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@include mode.dark {
|
|
42
|
-
p-table,
|
|
43
|
-
.p-datatable-filter-overlay {
|
|
44
|
-
--p-checkbox-background: transparent;
|
|
45
|
-
--p-checkbox-hover-background: var(--p-checkbox-background);
|
|
46
|
-
--p-checkbox-checked-background: var(--p-checkbox-background);
|
|
47
|
-
--p-checkbox-checked-hover-background: var(--p-checkbox-background);
|
|
48
|
-
|
|
49
|
-
--p-checkbox-border-color: var(--post-gray-80);
|
|
50
|
-
--p-checkbox-hover-border-color: var(--p-checkbox-border-color);
|
|
51
|
-
--p-checkbox-checked-border-color: var(--p-checkbox-border-color);
|
|
52
|
-
--p-checkbox-icon-checked-color: var(--p-checkbox-border-color);
|
|
53
|
-
|
|
54
|
-
--p-checkbox-icon-checked-hover-color: var(--post-white);
|
|
55
|
-
--p-checkbox-checked-hover-border-color: var(--post-white);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
@use '../mixins/mode';
|
|
2
|
-
|
|
3
|
-
p-table,
|
|
4
|
-
.p-datatable-filter-overlay {
|
|
5
|
-
--p-datatable-transition-duration: var(--p-transition-duration);
|
|
6
|
-
--p-datatable-header-background: var(--p-content-background);
|
|
7
|
-
--p-datatable-header-border-color: var(--p-datatable-border-color);
|
|
8
|
-
--p-datatable-header-color: var(--p-content-color);
|
|
9
|
-
--p-datatable-header-border-width: 1px 0 1px 0;
|
|
10
|
-
--p-datatable-header-padding: 0.75rem 0.5rem;
|
|
11
|
-
--p-datatable-header-sm-padding: 0.5rem 0.5rem;
|
|
12
|
-
--p-datatable-header-lg-padding: 1rem 0.5rem;
|
|
13
|
-
--p-datatable-header-cell-background: var(--p-content-background);
|
|
14
|
-
--p-datatable-header-cell-background: var(--p-content-background);
|
|
15
|
-
--p-datatable-header-cell-hover-background: var(--p-content-hover-background);
|
|
16
|
-
--p-datatable-header-cell-selected-background: var(--p-highlight-background);
|
|
17
|
-
--p-datatable-header-cell-border-color: var(--p-datatable-border-color);
|
|
18
|
-
--p-datatable-header-cell-color: var(--p-content-color);
|
|
19
|
-
--p-datatable-header-cell-hover-color: var(--p-content-hover-color);
|
|
20
|
-
--p-datatable-header-cell-selected-color: var(--p-highlight-color);
|
|
21
|
-
--p-datatable-header-cell-gap: 0.5rem;
|
|
22
|
-
--p-datatable-header-cell-padding: 0.75rem 0.5rem;
|
|
23
|
-
--p-datatable-header-cell-focus-ring-width: var(--p-focus-ring-width);
|
|
24
|
-
--p-datatable-header-cell-focus-ring-style: var(--p-focus-ring-style);
|
|
25
|
-
--p-datatable-header-cell-focus-ring-color: var(--p-focus-ring-color);
|
|
26
|
-
--p-datatable-header-cell-focus-ring-offset: -1px;
|
|
27
|
-
--p-datatable-header-cell-focus-ring-shadow: var(--p-focus-ring-shadow);
|
|
28
|
-
--p-datatable-header-cell-sm-padding: 0.5rem 0.5rem;
|
|
29
|
-
--p-datatable-header-cell-lg-padding: 1rem 0.55rem;
|
|
30
|
-
--p-datatable-column-title-font-weight: 700;
|
|
31
|
-
--p-datatable-row-background: var(--p-content-background);
|
|
32
|
-
--p-datatable-row-hover-background: var(--p-content-hover-background);
|
|
33
|
-
--p-datatable-row-selected-background: var(--p-highlight-background);
|
|
34
|
-
--p-datatable-row-color: var(--p-content-color);
|
|
35
|
-
--p-datatable-row-hover-color: var(--p-content-hover-color);
|
|
36
|
-
--p-datatable-row-selected-color: var(--p-highlight-color);
|
|
37
|
-
--p-datatable-row-focus-ring-width: var(--p-focus-ring-width);
|
|
38
|
-
--p-datatable-row-focus-ring-style: var(--p-focus-ring-style);
|
|
39
|
-
--p-datatable-row-focus-ring-color: var(--p-focus-ring-color);
|
|
40
|
-
--p-datatable-row-focus-ring-offset: -1px;
|
|
41
|
-
--p-datatable-row-focus-ring-shadow: var(--p-focus-ring-shadow);
|
|
42
|
-
--p-datatable-body-cell-border-color: var(--p-datatable-border-color);
|
|
43
|
-
--p-datatable-body-cell-padding: 0.75rem 0.5rem;
|
|
44
|
-
--p-datatable-body-cell-sm-padding: 0.5rem 0.5rem;
|
|
45
|
-
--p-datatable-body-cell-lg-padding: 1rem 0.5rem;
|
|
46
|
-
--p-datatable-footer-cell-background: var(--p-content-background);
|
|
47
|
-
--p-datatable-footer-cell-border-color: var(--p-datatable-border-color);
|
|
48
|
-
--p-datatable-footer-cell-color: var(--p-content-color);
|
|
49
|
-
--p-datatable-footer-cell-padding: 0.75rem 0.5rem;
|
|
50
|
-
--p-datatable-footer-cell-sm-padding: 0.5rem 0.5rem;
|
|
51
|
-
--p-datatable-footer-cell-lg-padding: 1rem 0.5rem;
|
|
52
|
-
--p-datatable-column-footer-font-weight: 700;
|
|
53
|
-
--p-datatable-footer-background: var(--p-content-background);
|
|
54
|
-
--p-datatable-footer-border-color: var(--p-datatable-border-color);
|
|
55
|
-
--p-datatable-footer-color: var(--p-content-color);
|
|
56
|
-
--p-datatable-footer-border-width: 0 0 1px 0;
|
|
57
|
-
--p-datatable-footer-padding: 0.75rem 0.5rem;
|
|
58
|
-
--p-datatable-footer-sm-padding: 0.5rem 0.5rem;
|
|
59
|
-
--p-datatable-footer-lg-padding: 1rem 0.5rem;
|
|
60
|
-
--p-datatable-drop-point-color: var(--p-primary-color);
|
|
61
|
-
--p-datatable-column-resizer-width: 0.5rem;
|
|
62
|
-
--p-datatable-resize-indicator-width: 1px;
|
|
63
|
-
--p-datatable-resize-indicator-color: var(--p-primary-color);
|
|
64
|
-
--p-datatable-sort-icon-color: var(--p-text-muted-color);
|
|
65
|
-
--p-datatable-sort-icon-hover-color: var(--p-text-hover-muted-color);
|
|
66
|
-
--p-datatable-sort-icon-size: 0.875rem;
|
|
67
|
-
--p-datatable-loading-icon-size: 2rem;
|
|
68
|
-
--p-datatable-row-toggle-button-hover-background: var(--p-content-hover-background);
|
|
69
|
-
--p-datatable-row-toggle-button-selected-hover-background: var(--p-content-background);
|
|
70
|
-
--p-datatable-row-toggle-button-color: var(--p-text-muted-color);
|
|
71
|
-
--p-datatable-row-toggle-button-hover-color: var(--p-text-color);
|
|
72
|
-
--p-datatable-row-toggle-button-selected-hover-color: var(--p-primary-color);
|
|
73
|
-
--p-datatable-row-toggle-button-size: 1.75rem;
|
|
74
|
-
--p-datatable-row-toggle-button-border-radius: 50%;
|
|
75
|
-
--p-datatable-row-toggle-button-focus-ring-width: var(--p-focus-ring-width);
|
|
76
|
-
--p-datatable-row-toggle-button-focus-ring-style: var(--p-focus-ring-style);
|
|
77
|
-
--p-datatable-row-toggle-button-focus-ring-color: var(--p-focus-ring-color);
|
|
78
|
-
--p-datatable-row-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
|
|
79
|
-
--p-datatable-row-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
|
|
80
|
-
--p-datatable-filter-inline-gap: 0.5rem;
|
|
81
|
-
--p-datatable-filter-rule-border-color: var(--p-content-border-color);
|
|
82
|
-
--p-datatable-filter-constraint-list-padding: var(--p-list-padding);
|
|
83
|
-
--p-datatable-filter-constraint-list-gap: var(--p-list-gap);
|
|
84
|
-
--p-datatable-filter-constraint-focus-background: var(--p-list-option-focus-background);
|
|
85
|
-
--p-datatable-filter-constraint-selected-background: var(--p-list-option-selected-background);
|
|
86
|
-
--p-datatable-filter-constraint-selected-focus-background: var(
|
|
87
|
-
--p-list-option-selected-focus-background
|
|
88
|
-
);
|
|
89
|
-
--p-datatable-filter-constraint-color: var(--p-list-option-color);
|
|
90
|
-
--p-datatable-filter-constraint-focus-color: var(--p-list-option-focus-color);
|
|
91
|
-
--p-datatable-filter-constraint-selected-color: var(--p-list-option-selected-color);
|
|
92
|
-
--p-datatable-filter-constraint-selected-focus-color: var(--p-list-option-selected-focus-color);
|
|
93
|
-
--p-datatable-filter-constraint-separator-border-color: var(--p-content-border-color);
|
|
94
|
-
--p-datatable-filter-constraint-padding: var(--p-list-option-padding);
|
|
95
|
-
--p-datatable-filter-constraint-border-radius: var(--p-list-option-border-radius);
|
|
96
|
-
--p-datatable-paginator-top-border-color: var(--p-datatable-border-color);
|
|
97
|
-
--p-datatable-paginator-top-border-width: 0 0 1px 0;
|
|
98
|
-
--p-datatable-paginator-bottom-border-color: var(--p-datatable-border-color);
|
|
99
|
-
--p-datatable-paginator-bottom-border-width: 0 0 1px 0;
|
|
100
|
-
--p-datatable-border-color: var(--post-gray-10);
|
|
101
|
-
--p-datatable-row-striped-background: var(--post-light);
|
|
102
|
-
--p-datatable-body-cell-selected-border-color: var(--p-highlight-background);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
@include mode.dark {
|
|
106
|
-
p-table,
|
|
107
|
-
.p-datatable-filter-overlay {
|
|
108
|
-
--p-datatable-border-color: var(--post-gray-20);
|
|
109
|
-
--p-datatable-row-striped-background: var(--post-gray-20);
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
p-columnfilter,
|
|
114
|
-
p-sorticon {
|
|
115
|
-
margin-inline-start: 4px;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.p-datatable.p-datatable-striped .p-datatable-tbody > tr > td {
|
|
119
|
-
--p-datatable-body-cell-border-color: var(--p-datatable-row-striped-background);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.p-datatable:not(.p-datatable-gridlines) .p-datatable-tbody > tr:last-of-type > td {
|
|
123
|
-
border-bottom: 0;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.p-datatable-tfoot {
|
|
127
|
-
background: var(--p-datatable-footer-background);
|
|
128
|
-
color: var(--p-datatable-footer-color);
|
|
129
|
-
border-color: var(--p-datatable-footer-border-color);
|
|
130
|
-
border-style: solid;
|
|
131
|
-
border-width: 1px 0 0;
|
|
132
|
-
padding: var(--p-datatable-footer-padding);
|
|
133
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
p-table,
|
|
2
|
-
.p-datatable-filter-overlay {
|
|
3
|
-
--p-inputtext-background: var(--p-form-field-background);
|
|
4
|
-
--p-inputtext-disabled-background: var(--p-form-field-disabled-background);
|
|
5
|
-
--p-inputtext-filled-background: var(--p-form-field-filled-background);
|
|
6
|
-
--p-inputtext-filled-hover-background: var(--p-form-field-filled-hover-background);
|
|
7
|
-
--p-inputtext-filled-focus-background: var(--p-form-field-filled-focus-background);
|
|
8
|
-
--p-inputtext-border-color: var(--p-form-field-border-color);
|
|
9
|
-
--p-inputtext-hover-border-color: var(--p-form-field-hover-border-color);
|
|
10
|
-
--p-inputtext-focus-border-color: var(--p-form-field-focus-border-color);
|
|
11
|
-
--p-inputtext-invalid-border-color: var(--p-form-field-invalid-border-color);
|
|
12
|
-
--p-inputtext-color: var(--p-form-field-color);
|
|
13
|
-
--p-inputtext-disabled-color: var(--p-form-field-disabled-color);
|
|
14
|
-
--p-inputtext-placeholder-color: var(--p-form-field-placeholder-color);
|
|
15
|
-
--p-inputtext-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
|
|
16
|
-
--p-inputtext-shadow: var(--p-form-field-shadow);
|
|
17
|
-
--p-inputtext-padding-x: var(--p-form-field-padding-x);
|
|
18
|
-
--p-inputtext-padding-y: var(--p-form-field-padding-y);
|
|
19
|
-
--p-inputtext-border-radius: var(--p-form-field-border-radius);
|
|
20
|
-
--p-inputtext-focus-ring-width: var(--p-form-field-focus-ring-width);
|
|
21
|
-
--p-inputtext-focus-ring-style: var(--p-form-field-focus-ring-style);
|
|
22
|
-
--p-inputtext-focus-ring-color: var(--p-form-field-focus-ring-color);
|
|
23
|
-
--p-inputtext-focus-ring-offset: var(--p-form-field-focus-ring-offset);
|
|
24
|
-
--p-inputtext-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
|
|
25
|
-
--p-inputtext-transition-duration: var(--p-form-field-transition-duration);
|
|
26
|
-
--p-inputtext-sm-font-size: var(--p-form-field-sm-font-size);
|
|
27
|
-
--p-inputtext-sm-padding-x: var(--p-form-field-sm-padding-x);
|
|
28
|
-
--p-inputtext-sm-padding-y: var(--p-form-field-sm-padding-y);
|
|
29
|
-
--p-inputtext-lg-font-size: var(--p-form-field-lg-font-size);
|
|
30
|
-
--p-inputtext-lg-padding-x: var(--p-form-field-lg-padding-x);
|
|
31
|
-
--p-inputtext-lg-padding-y: var(--p-form-field-lg-padding-y);
|
|
32
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--p-overlay-select-background: var(--post-white);
|
|
3
|
-
--p-overlay-select-border-color: transparent;
|
|
4
|
-
--p-overlay-select-color: var(--p-text-color);
|
|
5
|
-
--p-overlay-popover-background: var(--post-white);
|
|
6
|
-
--p-overlay-popover-border-color: transparent;
|
|
7
|
-
--p-overlay-popover-color: var(--p-text-color);
|
|
8
|
-
--p-overlay-modal-background: var(--post-white);
|
|
9
|
-
--p-overlay-modal-border-color: transparent;
|
|
10
|
-
--p-overlay-modal-color: var(--p-text-color);
|
|
11
|
-
--p-overlay-select-border-radius: var(--p-border-radius-none);
|
|
12
|
-
--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);
|
|
13
|
-
--p-overlay-popover-border-radius: var(--p-border-radius-none);
|
|
14
|
-
--p-overlay-popover-padding: 0.75rem;
|
|
15
|
-
--p-overlay-popover-shadow: 0.5px 3px 4px 0 rgba(0, 0, 0, 0.1),
|
|
16
|
-
2px 4px 10px 4px rgba(0, 0, 0, 0.1);
|
|
17
|
-
--p-overlay-modal-border-radius: var(--p-border-radius-rounded);
|
|
18
|
-
--p-overlay-modal-padding: 1.25rem;
|
|
19
|
-
--p-overlay-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
|
|
20
|
-
--p-overlay-navigation-shadow: 0.5px 3px 4px 0 rgba(0, 0, 0, 0.1),
|
|
21
|
-
2px 4px 10px 4px rgba(0, 0, 0, 0.1);
|
|
22
|
-
--p-datatable-filter-overlay-select-background: var(--p-overlay-select-background);
|
|
23
|
-
--p-datatable-filter-overlay-select-border-color: var(--p-overlay-select-border-color);
|
|
24
|
-
--p-datatable-filter-overlay-select-border-radius: var(--p-overlay-select-border-radius);
|
|
25
|
-
--p-datatable-filter-overlay-select-color: var(--p-overlay-select-color);
|
|
26
|
-
--p-datatable-filter-overlay-select-shadow: var(--p-overlay-select-shadow);
|
|
27
|
-
--p-datatable-filter-overlay-popover-background: var(--p-overlay-popover-background);
|
|
28
|
-
--p-datatable-filter-overlay-popover-border-color: var(--p-overlay-popover-border-color);
|
|
29
|
-
--p-datatable-filter-overlay-popover-border-radius: var(--p-overlay-popover-border-radius);
|
|
30
|
-
--p-datatable-filter-overlay-popover-color: var(--p-overlay-popover-color);
|
|
31
|
-
--p-datatable-filter-overlay-popover-shadow: var(--p-overlay-popover-shadow);
|
|
32
|
-
--p-datatable-filter-overlay-popover-padding: var(--p-overlay-popover-padding);
|
|
33
|
-
--p-datatable-filter-overlay-popover-gap: 0.5rem;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.p-select-overlay {
|
|
37
|
-
border: 0 !important;
|
|
38
|
-
}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
p-table,
|
|
2
|
-
.p-datatable-filter-overlay {
|
|
3
|
-
--p-paginator-padding: 0.5rem 1rem;
|
|
4
|
-
--p-paginator-gap: 0;
|
|
5
|
-
--p-paginator-border-radius: var(--p-content-border-radius);
|
|
6
|
-
--p-paginator-background: var(--p-content-background);
|
|
7
|
-
--p-paginator-color: var(--p-content-color);
|
|
8
|
-
--p-paginator-transition-duration: var(--p-transition-duration);
|
|
9
|
-
--p-paginator-nav-button-background: transparent;
|
|
10
|
-
--p-paginator-nav-button-hover-background: var(--p-content-hover-background);
|
|
11
|
-
--p-paginator-nav-button-selected-background: var(--p-highlight-background);
|
|
12
|
-
--p-paginator-nav-button-color: var(--p-text-muted-color);
|
|
13
|
-
--p-paginator-nav-button-hover-color: var(--p-content-hover-color);
|
|
14
|
-
--p-paginator-nav-button-selected-color: var(--p-highlight-color);
|
|
15
|
-
--p-paginator-nav-button-width: 2.5rem;
|
|
16
|
-
--p-paginator-nav-button-height: 2.5rem;
|
|
17
|
-
--p-paginator-nav-button-border-radius: 0;
|
|
18
|
-
--p-paginator-nav-button-focus-ring-width: var(--p-focus-ring-width);
|
|
19
|
-
--p-paginator-nav-button-focus-ring-style: var(--p-focus-ring-style);
|
|
20
|
-
--p-paginator-nav-button-focus-ring-color: var(--p-focus-ring-color);
|
|
21
|
-
--p-paginator-nav-button-focus-ring-offset: var(--p-focus-ring-offset);
|
|
22
|
-
--p-paginator-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
|
|
23
|
-
--p-paginator-current-page-report-color: var(--p-text-muted-color);
|
|
24
|
-
--p-paginator-jump-to-page-input-max-width: 2.5rem;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.p-paginator {
|
|
28
|
-
justify-content: flex-end !important;
|
|
29
|
-
|
|
30
|
-
.p-disabled,
|
|
31
|
-
.p-paginator-page:only-child {
|
|
32
|
-
display: none !important;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.p-paginator-current {
|
|
37
|
-
margin-right: 8px !important;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.p-paginator-rpp-dropdown {
|
|
41
|
-
margin-left: 8px !important;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.p-paginator-page,
|
|
45
|
-
.p-paginator-next,
|
|
46
|
-
.p-paginator-last,
|
|
47
|
-
.p-paginator-first,
|
|
48
|
-
.p-paginator-prev {
|
|
49
|
-
border: 2px solid hsl(0, 0%, 80%) !important;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.p-paginator-first,
|
|
53
|
-
.p-paginator-first.p-disabled + .p-paginator-prev,
|
|
54
|
-
.p-paginator-first.p-disabled + .p-paginator-prev.p-disabled + .p-paginator-pages :first-child {
|
|
55
|
-
border-top-left-radius: 4px !important;
|
|
56
|
-
border-bottom-left-radius: 4px !important;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.p-paginator-last,
|
|
60
|
-
.p-paginator-next:has(+ .p-paginator-last.p-disabled),
|
|
61
|
-
.p-paginator-pages:has(+ .p-paginator-next.p-disabled + .p-paginator-last.p-disabled) :last-child {
|
|
62
|
-
border-top-right-radius: 4px !important;
|
|
63
|
-
border-bottom-right-radius: 4px !important;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
:not(.p-disabled) + .p-paginator-prev,
|
|
67
|
-
:not(.p-disabled) + :not(.p-disabled) + .p-paginator-pages :first-child,
|
|
68
|
-
.p-paginator-page:not(:first-child),
|
|
69
|
-
.p-paginator-next,
|
|
70
|
-
.p-paginator-last {
|
|
71
|
-
border-left: 0 !important;
|
|
72
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
@use '../mixins/mode';
|
|
2
|
-
|
|
3
|
-
p-table,
|
|
4
|
-
.p-datatable-filter-overlay {
|
|
5
|
-
--p-radiobutton-width: 1.25rem;
|
|
6
|
-
--p-radiobutton-height: 1.25rem;
|
|
7
|
-
--p-radiobutton-background: var(--p-form-field-background);
|
|
8
|
-
--p-radiobutton-checked-background: var(--p-form-field-background);
|
|
9
|
-
--p-radiobutton-checked-hover-background: var(--p-form-field-background);
|
|
10
|
-
--p-radiobutton-disabled-background: var(--p-form-field-disabled-background);
|
|
11
|
-
--p-radiobutton-filled-background: var(--p-form-field-filled-background);
|
|
12
|
-
--p-radiobutton-border-color: var(--p-form-field-border-color);
|
|
13
|
-
--p-radiobutton-hover-border-color: var(--p-form-field-hover-border-color);
|
|
14
|
-
--p-radiobutton-focus-border-color: var(--p-form-field-focus-border-color);
|
|
15
|
-
--p-radiobutton-checked-border-color: var(--p-form-field-border-color);
|
|
16
|
-
--p-radiobutton-checked-hover-border-color: var(--p-form-field-hover-border-color);
|
|
17
|
-
--p-radiobutton-checked-focus-border-color: var(--p-form-field-focus-border-color);
|
|
18
|
-
--p-radiobutton-checked-disabled-border-color: var(--p-form-field-border-color);
|
|
19
|
-
--p-radiobutton-invalid-border-color: var(--p-form-field-invalid-border-color);
|
|
20
|
-
--p-radiobutton-shadow: var(--p-form-field-shadow);
|
|
21
|
-
--p-radiobutton-focus-ring-width: var(--p-focus-ring-width);
|
|
22
|
-
--p-radiobutton-focus-ring-style: var(--p-focus-ring-style);
|
|
23
|
-
--p-radiobutton-focus-ring-color: var(--p-focus-ring-color);
|
|
24
|
-
--p-radiobutton-focus-ring-offset: var(--p-focus-ring-offset);
|
|
25
|
-
--p-radiobutton-focus-ring-shadow: var(--p-focus-ring-shadow);
|
|
26
|
-
--p-radiobutton-transition-duration: var(--p-form-field-transition-duration);
|
|
27
|
-
--p-radiobutton-sm-width: 1rem;
|
|
28
|
-
--p-radiobutton-sm-height: 1rem;
|
|
29
|
-
--p-radiobutton-lg-width: 1.5rem;
|
|
30
|
-
--p-radiobutton-lg-height: 1.5rem;
|
|
31
|
-
--p-radiobutton-icon-size: 0.75rem;
|
|
32
|
-
--p-radiobutton-icon-checked-color: var(--p-form-field-border-color);
|
|
33
|
-
--p-radiobutton-icon-checked-hover-color: var(--p-form-field-hover-border-color);
|
|
34
|
-
--p-radiobutton-icon-disabled-color: var(--p-form-field-disabled-color);
|
|
35
|
-
--p-radiobutton-icon-sm-size: 0.5rem;
|
|
36
|
-
--p-radiobutton-icon-lg-size: 1rem;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
@include mode.dark {
|
|
40
|
-
p-table,
|
|
41
|
-
.p-datatable-filter-overlay {
|
|
42
|
-
--p-radiobutton-background: transparent;
|
|
43
|
-
--p-radiobutton-hover-background: var(--p-radiobutton-background);
|
|
44
|
-
--p-radiobutton-checked-background: var(--p-radiobutton-background);
|
|
45
|
-
--p-radiobutton-checked-hover-background: var(--p-radiobutton-background);
|
|
46
|
-
|
|
47
|
-
--p-radiobutton-border-color: var(--post-gray-80);
|
|
48
|
-
--p-radiobutton-hover-border-color: var(--p-radiobutton-border-color);
|
|
49
|
-
--p-radiobutton-checked-border-color: var(--p-radiobutton-border-color);
|
|
50
|
-
--p-radiobutton-icon-checked-color: var(--p-radiobutton-border-color);
|
|
51
|
-
|
|
52
|
-
--p-radiobutton-icon-checked-hover-color: var(--post-white);
|
|
53
|
-
--p-radiobutton-checked-hover-border-color: var(--post-white);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
p-table,
|
|
2
|
-
.p-datatable-filter-overlay {
|
|
3
|
-
--p-select-background: var(--p-form-field-background);
|
|
4
|
-
--p-select-disabled-background: var(--p-form-field-disabled-background);
|
|
5
|
-
--p-select-filled-background: var(--p-form-field-filled-background);
|
|
6
|
-
--p-select-filled-hover-background: var(--p-form-field-filled-hover-background);
|
|
7
|
-
--p-select-filled-focus-background: var(--p-form-field-filled-focus-background);
|
|
8
|
-
--p-select-border-color: var(--p-form-field-border-color);
|
|
9
|
-
--p-select-hover-border-color: var(--p-form-field-hover-border-color);
|
|
10
|
-
--p-select-focus-border-color: var(--p-form-field-focus-border-color);
|
|
11
|
-
--p-select-invalid-border-color: var(--p-form-field-invalid-border-color);
|
|
12
|
-
--p-select-color: var(--p-form-field-color);
|
|
13
|
-
--p-select-disabled-color: var(--p-form-field-disabled-color);
|
|
14
|
-
--p-select-placeholder-color: var(--p-form-field-placeholder-color);
|
|
15
|
-
--p-select-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
|
|
16
|
-
--p-select-shadow: var(--p-form-field-shadow);
|
|
17
|
-
--p-select-padding-x: var(--p-form-field-padding-x);
|
|
18
|
-
--p-select-padding-y: var(--p-form-field-padding-y);
|
|
19
|
-
--p-select-border-radius: var(--p-form-field-border-radius);
|
|
20
|
-
--p-select-focus-ring-width: var(--p-form-field-focus-ring-width);
|
|
21
|
-
--p-select-focus-ring-style: var(--p-form-field-focus-ring-style);
|
|
22
|
-
--p-select-focus-ring-color: var(--p-form-field-focus-ring-color);
|
|
23
|
-
--p-select-focus-ring-offset: var(--p-form-field-focus-ring-offset);
|
|
24
|
-
--p-select-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
|
|
25
|
-
--p-select-transition-duration: var(--p-form-field-transition-duration);
|
|
26
|
-
--p-select-sm-font-size: var(--p-form-field-sm-font-size);
|
|
27
|
-
--p-select-sm-padding-x: var(--p-form-field-sm-padding-x);
|
|
28
|
-
--p-select-sm-padding-y: var(--p-form-field-sm-padding-y);
|
|
29
|
-
--p-select-lg-font-size: var(--p-form-field-lg-font-size);
|
|
30
|
-
--p-select-lg-padding-x: var(--p-form-field-lg-padding-x);
|
|
31
|
-
--p-select-lg-padding-y: var(--p-form-field-lg-padding-y);
|
|
32
|
-
--p-select-dropdown-width: 2.5rem;
|
|
33
|
-
--p-select-dropdown-color: var(--p-form-field-icon-color);
|
|
34
|
-
--p-select-overlay-background: var(--p-overlay-select-background);
|
|
35
|
-
--p-select-overlay-border-color: var(--p-overlay-select-border-color);
|
|
36
|
-
--p-select-overlay-border-radius: var(--p-overlay-select-border-radius);
|
|
37
|
-
--p-select-overlay-color: var(--p-overlay-select-color);
|
|
38
|
-
--p-select-overlay-shadow: var(--p-overlay-select-shadow);
|
|
39
|
-
--p-select-list-padding: var(--p-list-padding);
|
|
40
|
-
--p-select-list-gap: var(--p-list-gap);
|
|
41
|
-
--p-select-list-header-padding: var(--p-list-header-padding);
|
|
42
|
-
--p-select-option-focus-background: var(--p-list-option-focus-background);
|
|
43
|
-
--p-select-option-selected-background: var(--p-list-option-selected-background);
|
|
44
|
-
--p-select-option-selected-focus-background: var(--p-list-option-selected-focus-background);
|
|
45
|
-
--p-select-option-color: var(--p-list-option-color);
|
|
46
|
-
--p-select-option-focus-color: var(--p-list-option-focus-color);
|
|
47
|
-
--p-select-option-selected-color: var(--p-list-option-selected-color);
|
|
48
|
-
--p-select-option-selected-focus-color: var(--p-list-option-selected-focus-color);
|
|
49
|
-
--p-select-option-padding: var(--p-list-option-padding);
|
|
50
|
-
--p-select-option-border-radius: var(--p-list-option-border-radius);
|
|
51
|
-
--p-select-option-group-background: var(--p-list-option-group-background);
|
|
52
|
-
--p-select-option-group-color: var(--p-list-option-group-color);
|
|
53
|
-
--p-select-option-group-font-weight: var(--p-list-option-group-font-weight);
|
|
54
|
-
--p-select-option-group-padding: var(--p-list-option-group-padding);
|
|
55
|
-
--p-select-clear-icon-color: var(--p-form-field-icon-color);
|
|
56
|
-
--p-select-checkmark-color: var(--p-list-option-color);
|
|
57
|
-
--p-select-checkmark-gutter-start: -0.375rem;
|
|
58
|
-
--p-select-checkmark-gutter-end: 0.375rem;
|
|
59
|
-
--p-select-empty-message-padding: var(--p-list-option-padding);
|
|
60
|
-
}
|