@fundamental-styles/cx 0.41.0-rc.9 → 1.0.0-rc.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/CHANGELOG.md +306 -0
- package/dist/fundamental-cx.css +2 -2
- package/dist/js/fundamental-cx.mjs +2 -2
- package/dist/js/side-nav.mjs +2 -2
- package/dist/side-nav.css +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,312 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.0.0-rc.0](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.85...v1.0.0-rc.0) (2025-12-03)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
9
|
+
|
|
10
|
+
# [0.41.0-rc.85](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.84...v0.41.0-rc.85) (2025-12-03)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
13
|
+
|
|
14
|
+
# [0.41.0-rc.84](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.83...v0.41.0-rc.84) (2025-12-01)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
17
|
+
|
|
18
|
+
# [0.41.0-rc.83](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.82...v0.41.0-rc.83) (2025-11-29)
|
|
19
|
+
|
|
20
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
21
|
+
|
|
22
|
+
# [0.41.0-rc.82](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.81...v0.41.0-rc.82) (2025-11-17)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
25
|
+
|
|
26
|
+
# [0.41.0-rc.81](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.79...v0.41.0-rc.81) (2025-11-17)
|
|
27
|
+
|
|
28
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
29
|
+
|
|
30
|
+
# [0.41.0-rc.79](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.78...v0.41.0-rc.79) (2025-11-17)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
33
|
+
|
|
34
|
+
# [0.41.0-rc.78](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.77...v0.41.0-rc.78) (2025-11-06)
|
|
35
|
+
|
|
36
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
37
|
+
|
|
38
|
+
# [0.41.0-rc.77](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.76...v0.41.0-rc.77) (2025-11-06)
|
|
39
|
+
|
|
40
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
41
|
+
|
|
42
|
+
# [0.41.0-rc.76](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.75...v0.41.0-rc.76) (2025-11-05)
|
|
43
|
+
|
|
44
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
45
|
+
|
|
46
|
+
# [0.41.0-rc.75](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.74...v0.41.0-rc.75) (2025-11-05)
|
|
47
|
+
|
|
48
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
49
|
+
|
|
50
|
+
# [0.41.0-rc.74](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.73...v0.41.0-rc.74) (2025-11-05)
|
|
51
|
+
|
|
52
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
53
|
+
|
|
54
|
+
# [0.41.0-rc.73](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.72...v0.41.0-rc.73) (2025-11-05)
|
|
55
|
+
|
|
56
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
57
|
+
|
|
58
|
+
# [0.41.0-rc.72](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.71...v0.41.0-rc.72) (2025-11-05)
|
|
59
|
+
|
|
60
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
61
|
+
|
|
62
|
+
# [0.41.0-rc.71](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.70...v0.41.0-rc.71) (2025-11-05)
|
|
63
|
+
|
|
64
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
65
|
+
|
|
66
|
+
# [0.41.0-rc.70](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.69...v0.41.0-rc.70) (2025-11-05)
|
|
67
|
+
|
|
68
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
69
|
+
|
|
70
|
+
# [0.41.0-rc.69](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.68...v0.41.0-rc.69) (2025-11-05)
|
|
71
|
+
|
|
72
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
73
|
+
|
|
74
|
+
# [0.41.0-rc.68](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.67...v0.41.0-rc.68) (2025-11-04)
|
|
75
|
+
|
|
76
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
77
|
+
|
|
78
|
+
# [0.41.0-rc.67](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.66...v0.41.0-rc.67) (2025-10-27)
|
|
79
|
+
|
|
80
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
81
|
+
|
|
82
|
+
# [0.41.0-rc.66](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.65...v0.41.0-rc.66) (2025-10-20)
|
|
83
|
+
|
|
84
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
85
|
+
|
|
86
|
+
# [0.41.0-rc.65](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.64...v0.41.0-rc.65) (2025-10-08)
|
|
87
|
+
|
|
88
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
89
|
+
|
|
90
|
+
# [0.41.0-rc.64](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.63...v0.41.0-rc.64) (2025-10-08)
|
|
91
|
+
|
|
92
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
93
|
+
|
|
94
|
+
# [0.41.0-rc.63](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.62...v0.41.0-rc.63) (2025-10-03)
|
|
95
|
+
|
|
96
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
97
|
+
|
|
98
|
+
# [0.41.0-rc.62](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.61...v0.41.0-rc.62) (2025-10-02)
|
|
99
|
+
|
|
100
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
101
|
+
|
|
102
|
+
# [0.41.0-rc.61](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.60...v0.41.0-rc.61) (2025-09-27)
|
|
103
|
+
|
|
104
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
105
|
+
|
|
106
|
+
# [0.41.0-rc.60](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.59...v0.41.0-rc.60) (2025-09-10)
|
|
107
|
+
|
|
108
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
109
|
+
|
|
110
|
+
# [0.41.0-rc.59](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.58...v0.41.0-rc.59) (2025-09-10)
|
|
111
|
+
|
|
112
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
113
|
+
|
|
114
|
+
# [0.41.0-rc.58](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.57...v0.41.0-rc.58) (2025-09-03)
|
|
115
|
+
|
|
116
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
117
|
+
|
|
118
|
+
# [0.41.0-rc.57](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.56...v0.41.0-rc.57) (2025-09-02)
|
|
119
|
+
|
|
120
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
121
|
+
|
|
122
|
+
# [0.41.0-rc.56](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.55...v0.41.0-rc.56) (2025-08-29)
|
|
123
|
+
|
|
124
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
125
|
+
|
|
126
|
+
# [0.41.0-rc.55](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.54...v0.41.0-rc.55) (2025-08-28)
|
|
127
|
+
|
|
128
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
129
|
+
|
|
130
|
+
# [0.41.0-rc.54](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.53...v0.41.0-rc.54) (2025-08-28)
|
|
131
|
+
|
|
132
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
133
|
+
|
|
134
|
+
# [0.41.0-rc.53](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.52...v0.41.0-rc.53) (2025-08-28)
|
|
135
|
+
|
|
136
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
137
|
+
|
|
138
|
+
# [0.41.0-rc.52](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.51...v0.41.0-rc.52) (2025-08-21)
|
|
139
|
+
|
|
140
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
141
|
+
|
|
142
|
+
# [0.41.0-rc.51](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.50...v0.41.0-rc.51) (2025-08-18)
|
|
143
|
+
|
|
144
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
145
|
+
|
|
146
|
+
# [0.41.0-rc.50](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.49...v0.41.0-rc.50) (2025-08-14)
|
|
147
|
+
|
|
148
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
149
|
+
|
|
150
|
+
# [0.41.0-rc.49](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.48...v0.41.0-rc.49) (2025-08-13)
|
|
151
|
+
|
|
152
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
153
|
+
|
|
154
|
+
# [0.41.0-rc.48](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.47...v0.41.0-rc.48) (2025-08-13)
|
|
155
|
+
|
|
156
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
157
|
+
|
|
158
|
+
# [0.41.0-rc.47](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.46...v0.41.0-rc.47) (2025-08-12)
|
|
159
|
+
|
|
160
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
161
|
+
|
|
162
|
+
# [0.41.0-rc.46](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.45...v0.41.0-rc.46) (2025-08-08)
|
|
163
|
+
|
|
164
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
165
|
+
|
|
166
|
+
# [0.41.0-rc.45](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.44...v0.41.0-rc.45) (2025-08-06)
|
|
167
|
+
|
|
168
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
169
|
+
|
|
170
|
+
# [0.41.0-rc.44](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.43...v0.41.0-rc.44) (2025-08-06)
|
|
171
|
+
|
|
172
|
+
### Bug Fixes
|
|
173
|
+
|
|
174
|
+
- **styles:** update Side Navigation examples [ci visual] ([#6142](https://github.com/SAP/fundamental-styles/issues/6142)) ([8cdd00f](https://github.com/SAP/fundamental-styles/commit/8cdd00f791a9ac92335cbfccde7880f35fccda3d))
|
|
175
|
+
|
|
176
|
+
# [0.41.0-rc.43](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.42...v0.41.0-rc.43) (2025-08-05)
|
|
177
|
+
|
|
178
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
179
|
+
|
|
180
|
+
# [0.41.0-rc.42](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.41...v0.41.0-rc.42) (2025-08-04)
|
|
181
|
+
|
|
182
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
183
|
+
|
|
184
|
+
# [0.41.0-rc.41](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.40...v0.41.0-rc.41) (2025-08-04)
|
|
185
|
+
|
|
186
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
187
|
+
|
|
188
|
+
# [0.41.0-rc.40](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.39...v0.41.0-rc.40) (2025-08-04)
|
|
189
|
+
|
|
190
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
191
|
+
|
|
192
|
+
# [0.41.0-rc.39](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.38...v0.41.0-rc.39) (2025-08-04)
|
|
193
|
+
|
|
194
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
195
|
+
|
|
196
|
+
# [0.41.0-rc.38](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.37...v0.41.0-rc.38) (2025-07-31)
|
|
197
|
+
|
|
198
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
199
|
+
|
|
200
|
+
# [0.41.0-rc.37](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.36...v0.41.0-rc.37) (2025-07-31)
|
|
201
|
+
|
|
202
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
203
|
+
|
|
204
|
+
# [0.41.0-rc.36](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.35...v0.41.0-rc.36) (2025-07-31)
|
|
205
|
+
|
|
206
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
207
|
+
|
|
208
|
+
# [0.41.0-rc.35](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.34...v0.41.0-rc.35) (2025-07-31)
|
|
209
|
+
|
|
210
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
211
|
+
|
|
212
|
+
# [0.41.0-rc.34](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.33...v0.41.0-rc.34) (2025-07-31)
|
|
213
|
+
|
|
214
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
215
|
+
|
|
216
|
+
# [0.41.0-rc.33](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.32...v0.41.0-rc.33) (2025-07-29)
|
|
217
|
+
|
|
218
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
219
|
+
|
|
220
|
+
# [0.41.0-rc.32](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.31...v0.41.0-rc.32) (2025-07-29)
|
|
221
|
+
|
|
222
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
223
|
+
|
|
224
|
+
# [0.41.0-rc.31](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.30...v0.41.0-rc.31) (2025-07-20)
|
|
225
|
+
|
|
226
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
227
|
+
|
|
228
|
+
# [0.41.0-rc.30](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.29...v0.41.0-rc.30) (2025-07-19)
|
|
229
|
+
|
|
230
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
231
|
+
|
|
232
|
+
# [0.41.0-rc.29](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.28...v0.41.0-rc.29) (2025-07-19)
|
|
233
|
+
|
|
234
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
235
|
+
|
|
236
|
+
# [0.41.0-rc.28](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.27...v0.41.0-rc.28) (2025-07-19)
|
|
237
|
+
|
|
238
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
239
|
+
|
|
240
|
+
# [0.41.0-rc.27](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.26...v0.41.0-rc.27) (2025-07-04)
|
|
241
|
+
|
|
242
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
243
|
+
|
|
244
|
+
# [0.41.0-rc.26](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.25...v0.41.0-rc.26) (2025-07-04)
|
|
245
|
+
|
|
246
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
247
|
+
|
|
248
|
+
# [0.41.0-rc.25](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.24...v0.41.0-rc.25) (2025-07-04)
|
|
249
|
+
|
|
250
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
251
|
+
|
|
252
|
+
# [0.41.0-rc.24](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.23...v0.41.0-rc.24) (2025-06-25)
|
|
253
|
+
|
|
254
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
255
|
+
|
|
256
|
+
# [0.41.0-rc.23](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.22...v0.41.0-rc.23) (2025-06-20)
|
|
257
|
+
|
|
258
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
259
|
+
|
|
260
|
+
# [0.41.0-rc.22](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.21...v0.41.0-rc.22) (2025-06-19)
|
|
261
|
+
|
|
262
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
263
|
+
|
|
264
|
+
# [0.41.0-rc.21](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.20...v0.41.0-rc.21) (2025-06-19)
|
|
265
|
+
|
|
266
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
267
|
+
|
|
268
|
+
# [0.41.0-rc.20](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.19...v0.41.0-rc.20) (2025-06-19)
|
|
269
|
+
|
|
270
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
271
|
+
|
|
272
|
+
# [0.41.0-rc.19](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.18...v0.41.0-rc.19) (2025-06-19)
|
|
273
|
+
|
|
274
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
275
|
+
|
|
276
|
+
# [0.41.0-rc.18](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.17...v0.41.0-rc.18) (2025-06-18)
|
|
277
|
+
|
|
278
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
279
|
+
|
|
280
|
+
# [0.41.0-rc.17](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.16...v0.41.0-rc.17) (2025-06-18)
|
|
281
|
+
|
|
282
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
283
|
+
|
|
284
|
+
# [0.41.0-rc.16](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.15...v0.41.0-rc.16) (2025-06-17)
|
|
285
|
+
|
|
286
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
287
|
+
|
|
288
|
+
# [0.41.0-rc.15](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.14...v0.41.0-rc.15) (2025-06-17)
|
|
289
|
+
|
|
290
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
291
|
+
|
|
292
|
+
# [0.41.0-rc.14](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.13...v0.41.0-rc.14) (2025-06-10)
|
|
293
|
+
|
|
294
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
295
|
+
|
|
296
|
+
# [0.41.0-rc.13](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.12...v0.41.0-rc.13) (2025-06-06)
|
|
297
|
+
|
|
298
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
299
|
+
|
|
300
|
+
# [0.41.0-rc.12](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.11...v0.41.0-rc.12) (2025-06-06)
|
|
301
|
+
|
|
302
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
303
|
+
|
|
304
|
+
# [0.41.0-rc.11](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.10...v0.41.0-rc.11) (2025-06-06)
|
|
305
|
+
|
|
306
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
307
|
+
|
|
308
|
+
# [0.41.0-rc.10](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.9...v0.41.0-rc.10) (2025-06-06)
|
|
309
|
+
|
|
310
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
311
|
+
|
|
6
312
|
# [0.41.0-rc.9](https://github.com/SAP/fundamental-styles/compare/v0.41.0-rc.8...v0.41.0-rc.9) (2025-06-04)
|
|
7
313
|
|
|
8
314
|
**Note:** Version bump only for package @fundamental-styles/cx
|
package/dist/fundamental-cx.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles
|
|
2
|
+
* Fundamental Library Styles v1.0.0-rc.0
|
|
3
3
|
* Copyright (c) 2025 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
|
-
*/.fdx-nested-list{--fdNestedList_Item_Height:var(--sapElement_LineHeight);--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Focus_Offset:0;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;list-style:none;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdNestedList_Item_Height);padding-inline:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.fdx-nested-list__item--group:not(:first-child){-webkit-margin-before:.625rem;margin-block-start:.625rem}.fdx-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:var(--sapList_Background);border-radius:var(--sapButton_BorderCornerRadius);color:var(--sapList_TextColor);cursor:pointer;min-height:var(--fdNestedList_Item_Height);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:"";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--sapButton_BorderCornerRadius);overflow:hidden;padding-block:.5rem;padding-inline:var(--fdNestedList_Start_Offset,1rem) var(--fdNestedList_End_Offset,1rem);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link-container:has(.fdx-nested-list__arrow){--fdNestedList_End_Offset:0.375rem}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:1rem;line-height:1;max-width:1rem;min-width:1rem;width:1rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-block;font-family:var(--sapFontFamily);font-family:var(--fdNestedList_Title_Font_Family,var(--sapFontBoldFamily));font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:start;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;transition:opacity .1s ease-out,visibility .1s ease-out;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon]{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:2.25rem;min-height:1rem;min-width:2.25rem;width:2.25rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list__button{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:2.75rem;min-width:2.75rem;width:2.75rem;-webkit-margin-start:1.3125rem;background:transparent;border-radius:var(--sapButton_BorderCornerRadius);cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:1.3125rem;position:relative}.fdx-nested-list__button:after,.fdx-nested-list__button:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__button:before{background:var(--sapTextColor);content:"";height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fdx-nested-list__button[dir=rtl]:before,[dir=rtl] .fdx-nested-list__button:before{left:auto;right:-.25rem}.fdx-nested-list__button [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list .fdx-nested-list.level-2{--fdNestedList_Start_Offset:2.5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list--text-only .fdx-nested-list.level-2{--fdNestedList_Start_Offset:3rem}.fdx-nested-list--text-only .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Item_Spacing:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;--fdNestedList_Item_Height:var(--sapElement_LineHeigh);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-transition:width .2s ease-out;transition:width .2s ease-out;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapGroup_ContentBackground);border-radius:0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden scroll;padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation.fd-scrollbar{padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__utility{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{background:var(--sapToolbar_SeparatorColor);content:"";display:block;height:.0625rem;width:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem;margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;margin-block:.25rem!important;max-width:16rem!important;min-width:16rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2{padding-block:.5rem;padding-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2 .fdx-nested-list__title{font-family:var(--sapFontFamily)}.fdx-side-nav__popover-body .fdx-nested-list.level-3 .fdx-nested-list__link-container{--fdNestedList_Start_Offset:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin-block:.25rem!important;margin-inline:0!important}.fdx-side-nav__input-group{margin-block:.75rem!important;margin-inline:.5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding_Block:0.125rem;--fdSideNav_First_Item_Margin_Top:0.125rem;--fdSideNav_Utility_Margin_Bottom:0.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__button,.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__link{height:var(--fdNestedList_Item_Height);max-height:var(--fdNestedList_Item_Height);min-height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__button,.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"\e066";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-padding-end:.25rem;font-family:SAP-icons;padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;padding-inline:.25rem 0;right:auto;-webkit-transform:rotateY(180deg) translateY(-50%);transform:rotateY(180deg) translateY(-50%)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}
|
|
5
|
+
*/.fdx-nested-list{--fdNestedList_Item_Height:var(--sapElement_LineHeight);--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Focus_Offset:0;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;list-style:none;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdNestedList_Item_Height);padding-inline:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.fdx-nested-list__item--group:not(:first-child){-webkit-margin-before:.625rem;margin-block-start:.625rem}.fdx-nested-list__item--quick-create{--fdNestedList_Icon_Color:var(--sapButton_TextColor);--fdNestedList_Title_Color:var(--sapButton_TextColor);--fdNestedList_Title_Font_Family:var(--sapFontSemiboldDuplexFamily)}.fdx-nested-list__item--quick-create .fdx-nested-list__link{background:var(--fdNestedList_QuickAction_Background,var(--sapButton_Background));-webkit-box-shadow:var(--fdNestedList_QuickAction_BoxShadow,0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor));box-shadow:var(--fdNestedList_QuickAction_BoxShadow,0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor))}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:hover{--fdNestedList_QuickAction_Background:var(--sapButton_Hover_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Hover_BorderColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active{--fdNestedList_QuickAction_Background:var(--sapButton_Active_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Active_BorderColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapButton_TextColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active:hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active:hover{--fdNestedList_QuickAction_Background:var(--sapButton_Active_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Active_BorderColor)}.fdx-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:var(--sapList_Background);border-radius:var(--sapButton_BorderCornerRadius);color:var(--sapList_TextColor);cursor:pointer;min-height:var(--fdNestedList_Item_Height);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:"";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--sapButton_BorderCornerRadius);overflow:hidden;padding-block:.5rem;padding-inline:var(--fdNestedList_Start_Offset,1rem) var(--fdNestedList_End_Offset,1rem);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link-container:has(.fdx-nested-list__arrow){--fdNestedList_End_Offset:0.375rem}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--fdNestedList_Icon_Color,var(--sapList_TextColor));font-size:inherit;font-size:1rem;line-height:1;max-width:1rem;min-width:1rem;width:1rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNestedList_Title_Color,var(--sapList_TextColor));display:inline-block;font-family:var(--sapFontFamily);font-family:var(--fdNestedList_Title_Font_Family,var(--sapFontBoldFamily));font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:start;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;transition:opacity .1s ease-out,visibility .1s ease-out;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon]{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:2.25rem;min-height:1rem;min-width:2.25rem;width:2.25rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list__button{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:2.75rem;min-width:2.75rem;width:2.75rem;-webkit-margin-start:1.3125rem;background:transparent;border-radius:var(--sapButton_BorderCornerRadius);cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:1.3125rem;position:relative}.fdx-nested-list__button:after,.fdx-nested-list__button:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__button:before{background:var(--sapTextColor);content:"";height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fdx-nested-list__button[dir=rtl]:before,[dir=rtl] .fdx-nested-list__button:before{left:auto;right:-.25rem}.fdx-nested-list__button [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list .fdx-nested-list.level-2{--fdNestedList_Start_Offset:2.5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list--text-only .fdx-nested-list.level-2{--fdNestedList_Start_Offset:3rem}.fdx-nested-list--text-only .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Item_Spacing:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;--fdNestedList_Item_Height:var(--sapElement_LineHeigh);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-transition:width .2s ease-out;transition:width .2s ease-out;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapGroup_ContentBackground);border-radius:0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden scroll;padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation.fd-scrollbar{padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__utility{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{background:var(--sapToolbar_SeparatorColor);content:"";display:block;height:.0625rem;width:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem;margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;margin-block:.25rem!important;max-width:16rem!important;min-width:16rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2{padding-block:.5rem;padding-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2 .fdx-nested-list__title{font-family:var(--sapFontFamily)}.fdx-side-nav__popover-body .fdx-nested-list.level-3 .fdx-nested-list__link-container{--fdNestedList_Start_Offset:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin-block:.25rem!important;margin-inline:0!important}.fdx-side-nav__input-group{margin-block:.75rem!important;margin-inline:.5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding_Block:0.125rem;--fdSideNav_First_Item_Margin_Top:0.125rem;--fdSideNav_Utility_Margin_Bottom:0.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__button,.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__link{height:var(--fdNestedList_Item_Height);max-height:var(--fdNestedList_Item_Height);min-height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__button,.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"\e066";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-padding-end:.25rem;font-family:SAP-icons;padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;padding-inline:.25rem 0;right:auto;-webkit-transform:rotateY(180deg) translateY(-50%);transform:rotateY(180deg) translateY(-50%)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default { cssSource: `/*!
|
|
2
|
-
* Fundamental Library Styles
|
|
2
|
+
* Fundamental Library Styles v1.0.0-rc.0
|
|
3
3
|
* Copyright (c) 2025 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
|
-
*/.fdx-nested-list{--fdNestedList_Item_Height:var(--sapElement_LineHeight);--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Focus_Offset:0;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;list-style:none;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdNestedList_Item_Height);padding-inline:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.fdx-nested-list__item--group:not(:first-child){-webkit-margin-before:.625rem;margin-block-start:.625rem}.fdx-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:var(--sapList_Background);border-radius:var(--sapButton_BorderCornerRadius);color:var(--sapList_TextColor);cursor:pointer;min-height:var(--fdNestedList_Item_Height);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:"";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--sapButton_BorderCornerRadius);overflow:hidden;padding-block:.5rem;padding-inline:var(--fdNestedList_Start_Offset,1rem) var(--fdNestedList_End_Offset,1rem);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link-container:has(.fdx-nested-list__arrow){--fdNestedList_End_Offset:0.375rem}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:1rem;line-height:1;max-width:1rem;min-width:1rem;width:1rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-block;font-family:var(--sapFontFamily);font-family:var(--fdNestedList_Title_Font_Family,var(--sapFontBoldFamily));font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:start;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;transition:opacity .1s ease-out,visibility .1s ease-out;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon]{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:2.25rem;min-height:1rem;min-width:2.25rem;width:2.25rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list__button{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:2.75rem;min-width:2.75rem;width:2.75rem;-webkit-margin-start:1.3125rem;background:transparent;border-radius:var(--sapButton_BorderCornerRadius);cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:1.3125rem;position:relative}.fdx-nested-list__button:after,.fdx-nested-list__button:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__button:before{background:var(--sapTextColor);content:"";height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fdx-nested-list__button[dir=rtl]:before,[dir=rtl] .fdx-nested-list__button:before{left:auto;right:-.25rem}.fdx-nested-list__button [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list .fdx-nested-list.level-2{--fdNestedList_Start_Offset:2.5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list--text-only .fdx-nested-list.level-2{--fdNestedList_Start_Offset:3rem}.fdx-nested-list--text-only .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Item_Spacing:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;--fdNestedList_Item_Height:var(--sapElement_LineHeigh);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-transition:width .2s ease-out;transition:width .2s ease-out;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapGroup_ContentBackground);border-radius:0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden scroll;padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation.fd-scrollbar{padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__utility{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{background:var(--sapToolbar_SeparatorColor);content:"";display:block;height:.0625rem;width:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem;margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;margin-block:.25rem!important;max-width:16rem!important;min-width:16rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2{padding-block:.5rem;padding-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2 .fdx-nested-list__title{font-family:var(--sapFontFamily)}.fdx-side-nav__popover-body .fdx-nested-list.level-3 .fdx-nested-list__link-container{--fdNestedList_Start_Offset:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin-block:.25rem!important;margin-inline:0!important}.fdx-side-nav__input-group{margin-block:.75rem!important;margin-inline:.5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding_Block:0.125rem;--fdSideNav_First_Item_Margin_Top:0.125rem;--fdSideNav_Utility_Margin_Bottom:0.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__button,.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__link{height:var(--fdNestedList_Item_Height);max-height:var(--fdNestedList_Item_Height);min-height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__button,.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"\e066";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-padding-end:.25rem;font-family:SAP-icons;padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;padding-inline:.25rem 0;right:auto;-webkit-transform:rotateY(180deg) translateY(-50%);transform:rotateY(180deg) translateY(-50%)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}` };
|
|
5
|
+
*/.fdx-nested-list{--fdNestedList_Item_Height:var(--sapElement_LineHeight);--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Focus_Offset:0;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;list-style:none;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdNestedList_Item_Height);padding-inline:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.fdx-nested-list__item--group:not(:first-child){-webkit-margin-before:.625rem;margin-block-start:.625rem}.fdx-nested-list__item--quick-create{--fdNestedList_Icon_Color:var(--sapButton_TextColor);--fdNestedList_Title_Color:var(--sapButton_TextColor);--fdNestedList_Title_Font_Family:var(--sapFontSemiboldDuplexFamily)}.fdx-nested-list__item--quick-create .fdx-nested-list__link{background:var(--fdNestedList_QuickAction_Background,var(--sapButton_Background));-webkit-box-shadow:var(--fdNestedList_QuickAction_BoxShadow,0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor));box-shadow:var(--fdNestedList_QuickAction_BoxShadow,0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor))}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:hover{--fdNestedList_QuickAction_Background:var(--sapButton_Hover_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Hover_BorderColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active{--fdNestedList_QuickAction_Background:var(--sapButton_Active_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Active_BorderColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapButton_TextColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active:hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active:hover{--fdNestedList_QuickAction_Background:var(--sapButton_Active_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Active_BorderColor)}.fdx-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:var(--sapList_Background);border-radius:var(--sapButton_BorderCornerRadius);color:var(--sapList_TextColor);cursor:pointer;min-height:var(--fdNestedList_Item_Height);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:"";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--sapButton_BorderCornerRadius);overflow:hidden;padding-block:.5rem;padding-inline:var(--fdNestedList_Start_Offset,1rem) var(--fdNestedList_End_Offset,1rem);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link-container:has(.fdx-nested-list__arrow){--fdNestedList_End_Offset:0.375rem}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--fdNestedList_Icon_Color,var(--sapList_TextColor));font-size:inherit;font-size:1rem;line-height:1;max-width:1rem;min-width:1rem;width:1rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNestedList_Title_Color,var(--sapList_TextColor));display:inline-block;font-family:var(--sapFontFamily);font-family:var(--fdNestedList_Title_Font_Family,var(--sapFontBoldFamily));font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:start;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;transition:opacity .1s ease-out,visibility .1s ease-out;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon]{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:2.25rem;min-height:1rem;min-width:2.25rem;width:2.25rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list__button{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:2.75rem;min-width:2.75rem;width:2.75rem;-webkit-margin-start:1.3125rem;background:transparent;border-radius:var(--sapButton_BorderCornerRadius);cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:1.3125rem;position:relative}.fdx-nested-list__button:after,.fdx-nested-list__button:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__button:before{background:var(--sapTextColor);content:"";height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fdx-nested-list__button[dir=rtl]:before,[dir=rtl] .fdx-nested-list__button:before{left:auto;right:-.25rem}.fdx-nested-list__button [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list .fdx-nested-list.level-2{--fdNestedList_Start_Offset:2.5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list--text-only .fdx-nested-list.level-2{--fdNestedList_Start_Offset:3rem}.fdx-nested-list--text-only .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Item_Spacing:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;--fdNestedList_Item_Height:var(--sapElement_LineHeigh);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-transition:width .2s ease-out;transition:width .2s ease-out;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapGroup_ContentBackground);border-radius:0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden scroll;padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation.fd-scrollbar{padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__utility{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{background:var(--sapToolbar_SeparatorColor);content:"";display:block;height:.0625rem;width:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem;margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;margin-block:.25rem!important;max-width:16rem!important;min-width:16rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2{padding-block:.5rem;padding-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2 .fdx-nested-list__title{font-family:var(--sapFontFamily)}.fdx-side-nav__popover-body .fdx-nested-list.level-3 .fdx-nested-list__link-container{--fdNestedList_Start_Offset:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin-block:.25rem!important;margin-inline:0!important}.fdx-side-nav__input-group{margin-block:.75rem!important;margin-inline:.5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding_Block:0.125rem;--fdSideNav_First_Item_Margin_Top:0.125rem;--fdSideNav_Utility_Margin_Bottom:0.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__button,.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__link{height:var(--fdNestedList_Item_Height);max-height:var(--fdNestedList_Item_Height);min-height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__button,.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"\e066";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-padding-end:.25rem;font-family:SAP-icons;padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;padding-inline:.25rem 0;right:auto;-webkit-transform:rotateY(180deg) translateY(-50%);transform:rotateY(180deg) translateY(-50%)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}` };
|
package/dist/js/side-nav.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default { cssSource: `/*!
|
|
2
|
-
* Fundamental Library Styles
|
|
2
|
+
* Fundamental Library Styles v1.0.0-rc.0
|
|
3
3
|
* Copyright (c) 2025 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
|
-
*/.fdx-nested-list{--fdNestedList_Item_Height:var(--sapElement_LineHeight);--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Focus_Offset:0;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;list-style:none;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdNestedList_Item_Height);padding-inline:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.fdx-nested-list__item--group:not(:first-child){-webkit-margin-before:.625rem;margin-block-start:.625rem}.fdx-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:var(--sapList_Background);border-radius:var(--sapButton_BorderCornerRadius);color:var(--sapList_TextColor);cursor:pointer;min-height:var(--fdNestedList_Item_Height);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:"";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--sapButton_BorderCornerRadius);overflow:hidden;padding-block:.5rem;padding-inline:var(--fdNestedList_Start_Offset,1rem) var(--fdNestedList_End_Offset,1rem);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link-container:has(.fdx-nested-list__arrow){--fdNestedList_End_Offset:0.375rem}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:1rem;line-height:1;max-width:1rem;min-width:1rem;width:1rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-block;font-family:var(--sapFontFamily);font-family:var(--fdNestedList_Title_Font_Family,var(--sapFontBoldFamily));font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:start;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;transition:opacity .1s ease-out,visibility .1s ease-out;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon]{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:2.25rem;min-height:1rem;min-width:2.25rem;width:2.25rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list__button{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:2.75rem;min-width:2.75rem;width:2.75rem;-webkit-margin-start:1.3125rem;background:transparent;border-radius:var(--sapButton_BorderCornerRadius);cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:1.3125rem;position:relative}.fdx-nested-list__button:after,.fdx-nested-list__button:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__button:before{background:var(--sapTextColor);content:"";height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fdx-nested-list__button[dir=rtl]:before,[dir=rtl] .fdx-nested-list__button:before{left:auto;right:-.25rem}.fdx-nested-list__button [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list .fdx-nested-list.level-2{--fdNestedList_Start_Offset:2.5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list--text-only .fdx-nested-list.level-2{--fdNestedList_Start_Offset:3rem}.fdx-nested-list--text-only .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Item_Spacing:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;--fdNestedList_Item_Height:var(--sapElement_LineHeigh);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-transition:width .2s ease-out;transition:width .2s ease-out;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapGroup_ContentBackground);border-radius:0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden scroll;padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation.fd-scrollbar{padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__utility{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{background:var(--sapToolbar_SeparatorColor);content:"";display:block;height:.0625rem;width:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem;margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;margin-block:.25rem!important;max-width:16rem!important;min-width:16rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2{padding-block:.5rem;padding-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2 .fdx-nested-list__title{font-family:var(--sapFontFamily)}.fdx-side-nav__popover-body .fdx-nested-list.level-3 .fdx-nested-list__link-container{--fdNestedList_Start_Offset:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin-block:.25rem!important;margin-inline:0!important}.fdx-side-nav__input-group{margin-block:.75rem!important;margin-inline:.5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding_Block:0.125rem;--fdSideNav_First_Item_Margin_Top:0.125rem;--fdSideNav_Utility_Margin_Bottom:0.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__button,.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__link{height:var(--fdNestedList_Item_Height);max-height:var(--fdNestedList_Item_Height);min-height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__button,.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"\e066";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-padding-end:.25rem;font-family:SAP-icons;padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;padding-inline:.25rem 0;right:auto;-webkit-transform:rotateY(180deg) translateY(-50%);transform:rotateY(180deg) translateY(-50%)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}` };
|
|
5
|
+
*/.fdx-nested-list{--fdNestedList_Item_Height:var(--sapElement_LineHeight);--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Focus_Offset:0;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;list-style:none;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdNestedList_Item_Height);padding-inline:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.fdx-nested-list__item--group:not(:first-child){-webkit-margin-before:.625rem;margin-block-start:.625rem}.fdx-nested-list__item--quick-create{--fdNestedList_Icon_Color:var(--sapButton_TextColor);--fdNestedList_Title_Color:var(--sapButton_TextColor);--fdNestedList_Title_Font_Family:var(--sapFontSemiboldDuplexFamily)}.fdx-nested-list__item--quick-create .fdx-nested-list__link{background:var(--fdNestedList_QuickAction_Background,var(--sapButton_Background));-webkit-box-shadow:var(--fdNestedList_QuickAction_BoxShadow,0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor));box-shadow:var(--fdNestedList_QuickAction_BoxShadow,0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor))}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:hover{--fdNestedList_QuickAction_Background:var(--sapButton_Hover_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Hover_BorderColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active{--fdNestedList_QuickAction_Background:var(--sapButton_Active_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Active_BorderColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapButton_TextColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active:hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active:hover{--fdNestedList_QuickAction_Background:var(--sapButton_Active_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Active_BorderColor)}.fdx-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:var(--sapList_Background);border-radius:var(--sapButton_BorderCornerRadius);color:var(--sapList_TextColor);cursor:pointer;min-height:var(--fdNestedList_Item_Height);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:"";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--sapButton_BorderCornerRadius);overflow:hidden;padding-block:.5rem;padding-inline:var(--fdNestedList_Start_Offset,1rem) var(--fdNestedList_End_Offset,1rem);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link-container:has(.fdx-nested-list__arrow){--fdNestedList_End_Offset:0.375rem}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--fdNestedList_Icon_Color,var(--sapList_TextColor));font-size:inherit;font-size:1rem;line-height:1;max-width:1rem;min-width:1rem;width:1rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNestedList_Title_Color,var(--sapList_TextColor));display:inline-block;font-family:var(--sapFontFamily);font-family:var(--fdNestedList_Title_Font_Family,var(--sapFontBoldFamily));font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:start;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;transition:opacity .1s ease-out,visibility .1s ease-out;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon]{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:2.25rem;min-height:1rem;min-width:2.25rem;width:2.25rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list__button{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:2.75rem;min-width:2.75rem;width:2.75rem;-webkit-margin-start:1.3125rem;background:transparent;border-radius:var(--sapButton_BorderCornerRadius);cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:1.3125rem;position:relative}.fdx-nested-list__button:after,.fdx-nested-list__button:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__button:before{background:var(--sapTextColor);content:"";height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fdx-nested-list__button[dir=rtl]:before,[dir=rtl] .fdx-nested-list__button:before{left:auto;right:-.25rem}.fdx-nested-list__button [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list .fdx-nested-list.level-2{--fdNestedList_Start_Offset:2.5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list--text-only .fdx-nested-list.level-2{--fdNestedList_Start_Offset:3rem}.fdx-nested-list--text-only .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Item_Spacing:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;--fdNestedList_Item_Height:var(--sapElement_LineHeigh);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-transition:width .2s ease-out;transition:width .2s ease-out;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapGroup_ContentBackground);border-radius:0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden scroll;padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation.fd-scrollbar{padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__utility{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{background:var(--sapToolbar_SeparatorColor);content:"";display:block;height:.0625rem;width:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem;margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;margin-block:.25rem!important;max-width:16rem!important;min-width:16rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2{padding-block:.5rem;padding-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2 .fdx-nested-list__title{font-family:var(--sapFontFamily)}.fdx-side-nav__popover-body .fdx-nested-list.level-3 .fdx-nested-list__link-container{--fdNestedList_Start_Offset:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin-block:.25rem!important;margin-inline:0!important}.fdx-side-nav__input-group{margin-block:.75rem!important;margin-inline:.5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding_Block:0.125rem;--fdSideNav_First_Item_Margin_Top:0.125rem;--fdSideNav_Utility_Margin_Bottom:0.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__button,.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__link{height:var(--fdNestedList_Item_Height);max-height:var(--fdNestedList_Item_Height);min-height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__button,.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"\e066";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-padding-end:.25rem;font-family:SAP-icons;padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;padding-inline:.25rem 0;right:auto;-webkit-transform:rotateY(180deg) translateY(-50%);transform:rotateY(180deg) translateY(-50%)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}` };
|
package/dist/side-nav.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles
|
|
2
|
+
* Fundamental Library Styles v1.0.0-rc.0
|
|
3
3
|
* Copyright (c) 2025 SAP SE or an SAP affiliate company.
|
|
4
4
|
* Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
|
|
5
|
-
*/.fdx-nested-list{--fdNestedList_Item_Height:var(--sapElement_LineHeight);--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Focus_Offset:0;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;list-style:none;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdNestedList_Item_Height);padding-inline:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.fdx-nested-list__item--group:not(:first-child){-webkit-margin-before:.625rem;margin-block-start:.625rem}.fdx-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:var(--sapList_Background);border-radius:var(--sapButton_BorderCornerRadius);color:var(--sapList_TextColor);cursor:pointer;min-height:var(--fdNestedList_Item_Height);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:"";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--sapButton_BorderCornerRadius);overflow:hidden;padding-block:.5rem;padding-inline:var(--fdNestedList_Start_Offset,1rem) var(--fdNestedList_End_Offset,1rem);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link-container:has(.fdx-nested-list__arrow){--fdNestedList_End_Offset:0.375rem}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapList_TextColor);font-size:inherit;font-size:1rem;line-height:1;max-width:1rem;min-width:1rem;width:1rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-block;font-family:var(--sapFontFamily);font-family:var(--fdNestedList_Title_Font_Family,var(--sapFontBoldFamily));font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:start;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;transition:opacity .1s ease-out,visibility .1s ease-out;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon]{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:2.25rem;min-height:1rem;min-width:2.25rem;width:2.25rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list__button{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:2.75rem;min-width:2.75rem;width:2.75rem;-webkit-margin-start:1.3125rem;background:transparent;border-radius:var(--sapButton_BorderCornerRadius);cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:1.3125rem;position:relative}.fdx-nested-list__button:after,.fdx-nested-list__button:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__button:before{background:var(--sapTextColor);content:"";height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fdx-nested-list__button[dir=rtl]:before,[dir=rtl] .fdx-nested-list__button:before{left:auto;right:-.25rem}.fdx-nested-list__button [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list .fdx-nested-list.level-2{--fdNestedList_Start_Offset:2.5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list--text-only .fdx-nested-list.level-2{--fdNestedList_Start_Offset:3rem}.fdx-nested-list--text-only .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Item_Spacing:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;--fdNestedList_Item_Height:var(--sapElement_LineHeigh);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-transition:width .2s ease-out;transition:width .2s ease-out;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapGroup_ContentBackground);border-radius:0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden scroll;padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation.fd-scrollbar{padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__utility{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{background:var(--sapToolbar_SeparatorColor);content:"";display:block;height:.0625rem;width:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem;margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;margin-block:.25rem!important;max-width:16rem!important;min-width:16rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2{padding-block:.5rem;padding-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2 .fdx-nested-list__title{font-family:var(--sapFontFamily)}.fdx-side-nav__popover-body .fdx-nested-list.level-3 .fdx-nested-list__link-container{--fdNestedList_Start_Offset:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin-block:.25rem!important;margin-inline:0!important}.fdx-side-nav__input-group{margin-block:.75rem!important;margin-inline:.5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding_Block:0.125rem;--fdSideNav_First_Item_Margin_Top:0.125rem;--fdSideNav_Utility_Margin_Bottom:0.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__button,.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__link{height:var(--fdNestedList_Item_Height);max-height:var(--fdNestedList_Item_Height);min-height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__button,.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"\e066";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-padding-end:.25rem;font-family:SAP-icons;padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;padding-inline:.25rem 0;right:auto;-webkit-transform:rotateY(180deg) translateY(-50%);transform:rotateY(180deg) translateY(-50%)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}
|
|
5
|
+
*/.fdx-nested-list{--fdNestedList_Item_Height:var(--sapElement_LineHeight);--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Focus_Offset:0;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;list-style:none;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list[aria-hidden=true]{display:none}.fdx-nested-list__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fdx-nested-list__item:after,.fdx-nested-list__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__item--header h1.fdx-nested-list__link,.fdx-nested-list__item--header h2.fdx-nested-list__link,.fdx-nested-list__item--header h3.fdx-nested-list__link,.fdx-nested-list__item--header h4.fdx-nested-list__link,.fdx-nested-list__item--header h5.fdx-nested-list__link,.fdx-nested-list__item--header h6.fdx-nested-list__link{cursor:auto}.fdx-nested-list__item--header h1.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h1.fdx-nested-list__link:hover,.fdx-nested-list__item--header h2.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h2.fdx-nested-list__link:hover,.fdx-nested-list__item--header h3.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h3.fdx-nested-list__link:hover,.fdx-nested-list__item--header h4.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h4.fdx-nested-list__link:hover,.fdx-nested-list__item--header h5.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h5.fdx-nested-list__link:hover,.fdx-nested-list__item--header h6.fdx-nested-list__link.is-hover,.fdx-nested-list__item--header h6.fdx-nested-list__link:hover{background:var(--sapList_Background);color:var(--sapList_TextColor)}.fdx-nested-list__item--header h1.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h2.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h3.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h4.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h5.fdx-nested-list__link .fdx-nested-list__title,.fdx-nested-list__item--header h6.fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--header .fdx-nested-list__link{cursor:pointer}.fdx-nested-list__item--header .fdx-nested-list__link .fdx-nested-list__title{font-weight:700}.fdx-nested-list__item--group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdNestedList_Item_Height);padding-inline:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.fdx-nested-list__item--group:not(:first-child){-webkit-margin-before:.625rem;margin-block-start:.625rem}.fdx-nested-list__item--quick-create{--fdNestedList_Icon_Color:var(--sapButton_TextColor);--fdNestedList_Title_Color:var(--sapButton_TextColor);--fdNestedList_Title_Font_Family:var(--sapFontSemiboldDuplexFamily)}.fdx-nested-list__item--quick-create .fdx-nested-list__link{background:var(--fdNestedList_QuickAction_Background,var(--sapButton_Background));-webkit-box-shadow:var(--fdNestedList_QuickAction_BoxShadow,0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor));box-shadow:var(--fdNestedList_QuickAction_BoxShadow,0 0 0 var(--sapButton_BorderWidth) var(--sapButton_BorderColor))}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:hover{--fdNestedList_QuickAction_Background:var(--sapButton_Hover_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Hover_BorderColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active{--fdNestedList_QuickAction_Background:var(--sapButton_Active_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Active_BorderColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapButton_TextColor)}.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link.is-active:hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active.is-hover,.fdx-nested-list__item--quick-create .fdx-nested-list__link:active:hover{--fdNestedList_QuickAction_Background:var(--sapButton_Active_Background);--fdNestedList_QuickAction_BoxShadow:0 0 0 var(--sapButton_BorderWidth) var(--sapButton_Active_BorderColor)}.fdx-nested-list__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:var(--sapList_Background);border-radius:var(--sapButton_BorderCornerRadius);color:var(--sapList_TextColor);cursor:pointer;min-height:var(--fdNestedList_Item_Height);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link:after,.fdx-nested-list__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link.is-hover,.fdx-nested-list__link:hover{background:var(--sapList_Hover_Background);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-focus,.fdx-nested-list__link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link.is-selected,.fdx-nested-list__link[aria-selected=true]{background:var(--sapList_SelectionBackgroundColor);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected.is-hover,.fdx-nested-list__link.is-selected:hover,.fdx-nested-list__link[aria-selected=true].is-hover,.fdx-nested-list__link[aria-selected=true]:hover{background:var(--sapList_Hover_SelectionBackground);color:var(--sapList_TextColor)}.fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{background:var(--sapList_SelectionBorderColor);content:"";height:100%;left:0;position:absolute;top:0;width:.1875rem}.fdx-nested-list__link.is-selected[dir=rtl] .fdx-nested-list__link-container:after,.fdx-nested-list__link[aria-selected=true][dir=rtl] .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link.is-selected .fdx-nested-list__link-container:after,[dir=rtl] .fdx-nested-list__link[aria-selected=true] .fdx-nested-list__link-container:after{left:auto;right:0}.fdx-nested-list__link.is-active,.fdx-nested-list__link.is-active.is-selected,.fdx-nested-list__link.is-active[aria-selected=true],.fdx-nested-list__link:active,.fdx-nested-list__link:active.is-selected,.fdx-nested-list__link:active[aria-selected=true]{background:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fdx-nested-list__link.is-active .fdx-nested-list__arrow,.fdx-nested-list__link.is-active .fdx-nested-list__icon,.fdx-nested-list__link.is-active .fdx-nested-list__title,.fdx-nested-list__link:active .fdx-nested-list__arrow,.fdx-nested-list__link:active .fdx-nested-list__icon,.fdx-nested-list__link:active .fdx-nested-list__title{color:var(--sapList_Active_TextColor)}.fdx-nested-list__link-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--sapButton_BorderCornerRadius);overflow:hidden;padding-block:.5rem;padding-inline:var(--fdNestedList_Start_Offset,1rem) var(--fdNestedList_End_Offset,1rem);position:relative;text-decoration:none;width:100%}.fdx-nested-list__link-container:after,.fdx-nested-list__link-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__link-container.is-focus,.fdx-nested-list__link-container:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__link-container:has(.fdx-nested-list__arrow){--fdNestedList_End_Offset:0.375rem}.fdx-nested-list__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--fdNestedList_Icon_Color,var(--sapList_TextColor));font-size:inherit;font-size:1rem;line-height:1;max-width:1rem;min-width:1rem;width:1rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdNestedList_Title_Color,var(--sapList_TextColor));display:inline-block;font-family:var(--sapFontFamily);font-family:var(--fdNestedList_Title_Font_Family,var(--sapFontBoldFamily));font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:start;-webkit-transition:opacity .1s ease-out,visibility .1s ease-out;transition:opacity .1s ease-out,visibility .1s ease-out;width:100%}.fdx-nested-list__title:after,.fdx-nested-list__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon]{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:2.25rem;min-height:1rem;min-width:2.25rem;width:2.25rem}.fdx-nested-list__arrow[class*=sap-icon]:after,.fdx-nested-list__arrow[class*=sap-icon]:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__arrow[class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__arrow[class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list__button{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:2.75rem;min-width:2.75rem;width:2.75rem;-webkit-margin-start:1.3125rem;background:transparent;border-radius:var(--sapButton_BorderCornerRadius);cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:1.3125rem;position:relative}.fdx-nested-list__button:after,.fdx-nested-list__button:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list__button.is-focus,.fdx-nested-list__button:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--fdNestedList_Focus_Offset_Width);outline-offset:var(--fdNestedList_Focus_Offset)}.fdx-nested-list__button:before{background:var(--sapTextColor);content:"";height:var(--sapElement_Condensed_Height);left:-.25rem;position:absolute;width:.0625rem}.fdx-nested-list__button[dir=rtl]:before,[dir=rtl] .fdx-nested-list__button:before{left:auto;right:-.25rem}.fdx-nested-list__button [class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;line-height:1;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem}.fdx-nested-list__button [class*=sap-icon][dir=rtl],[dir=rtl] .fdx-nested-list__button [class*=sap-icon]{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fdx-nested-list .fdx-nested-list.level-2{--fdNestedList_Start_Offset:2.5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem;--fdNestedList_Title_Font_Family:var(--sapFontFamily);-webkit-margin-before:.25rem;margin-block-start:.25rem}.fdx-nested-list--text-only .fdx-nested-list.level-2{--fdNestedList_Start_Offset:3rem}.fdx-nested-list--text-only .fdx-nested-list.level-3{--fdNestedList_Start_Offset:5rem}.fdx-nested-list[class*=-compact],.fdx-nested-list[class*=-condensed],[class*=-compact] .fdx-nested-list:not([class*=-cozy]),[class*=-condensed] .fdx-nested-list:not([class*=-cozy]){--fdNestedList_Item_Margin:0.25rem;--fdNestedList_Item_Spacing:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;--fdNestedList_Item_Height:var(--sapElement_LineHeigh);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-transition:width .2s ease-out;transition:width .2s ease-out;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--sapGroup_ContentBackground);border-radius:0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden scroll;padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__main-navigation:after,.fdx-side-nav__main-navigation:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__main-navigation.fd-scrollbar{padding-block:.5rem .25rem;padding-inline:.5rem}.fdx-side-nav__utility{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem;-webkit-padding-after:.5rem;padding-block-end:.5rem}.fdx-side-nav__utility:after,.fdx-side-nav__utility:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav__utility:before{background:var(--sapToolbar_SeparatorColor);content:"";display:block;height:.0625rem;width:auto;-webkit-margin-after:.25rem;margin-block-end:.25rem;margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;margin-block:.25rem!important;max-width:16rem!important;min-width:16rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2{padding-block:.5rem;padding-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2 .fdx-nested-list__title{font-family:var(--sapFontFamily)}.fdx-side-nav__popover-body .fdx-nested-list.level-3 .fdx-nested-list__link-container{--fdNestedList_Start_Offset:3rem}.fdx-side-nav__popover-body--dynamic-width{max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important;min-width:16rem!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.fdx-side-nav__button{margin-block:.25rem!important;margin-inline:0!important}.fdx-side-nav__input-group{margin-block:.75rem!important;margin-inline:.5rem!important;max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);width:calc(100% - 1rem)}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdSideNav_Padding_Block:0.125rem;--fdSideNav_First_Item_Margin_Top:0.125rem;--fdSideNav_Utility_Margin_Bottom:0.75rem}.fdx-side-nav--mobile{border-radius:0;width:100%}.fdx-side-nav--narrow-animated-items .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow-animated-items .fdx-nested-list__button,.fdx-side-nav--narrow-animated-items .fdx-nested-list__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.fdx-side-nav--narrow .fdx-nested-list__link{height:var(--fdNestedList_Item_Height);max-height:var(--fdNestedList_Item_Height);min-height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__arrow[class*=sap-icon],.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__button,.fdx-side-nav--narrow:not(.fdx-side-nav--narrow-animated-items) .fdx-nested-list__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"\e066";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-padding-end:.25rem;font-family:SAP-icons;padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,.fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list div.fdx-nested-list__link:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;padding-inline:.25rem 0;right:auto;-webkit-transform:rotateY(180deg) translateY(-50%);transform:rotateY(180deg) translateY(-50%)}.fdx-side-nav--dynamic-width{max-width:100%;min-width:15rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fdx-side-nav--dynamic-width.fdx--narrow{width:4rem}.fdx-side-nav--shellbar{border-top-right-radius:0}.fdx-side-nav--shellbar[dir=rtl],[dir=rtl] .fdx-side-nav--shellbar{border-top-left-radius:0}.fdx-side-nav--single-line .fdx-nested-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fdx-side-nav[class*=-compact],.fdx-side-nav[class*=-condensed],[class*=-compact] .fdx-side-nav:not([class*=-cozy]),[class*=-condensed] .fdx-side-nav:not([class*=-cozy]){--fdNestedList_Item_Height:var(--sapElement_Compact_LineHeight)}
|