@fundamental-styles/cx 0.39.0-rc.8 → 0.39.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 +272 -4
- 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,274 @@
|
|
|
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
|
+
# [0.39.0](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.74...v0.39.0) (2025-03-07)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
9
|
+
|
|
10
|
+
# [0.39.0-rc.74](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.73...v0.39.0-rc.74) (2025-03-06)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
13
|
+
|
|
14
|
+
# [0.39.0-rc.73](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.72...v0.39.0-rc.73) (2025-03-06)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
17
|
+
|
|
18
|
+
# [0.39.0-rc.72](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.71...v0.39.0-rc.72) (2025-03-06)
|
|
19
|
+
|
|
20
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
21
|
+
|
|
22
|
+
# [0.39.0-rc.71](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.70...v0.39.0-rc.71) (2025-03-06)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
25
|
+
|
|
26
|
+
# [0.39.0-rc.70](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.69...v0.39.0-rc.70) (2025-03-01)
|
|
27
|
+
|
|
28
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
29
|
+
|
|
30
|
+
# [0.39.0-rc.69](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.68...v0.39.0-rc.69) (2025-02-27)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
33
|
+
|
|
34
|
+
# [0.39.0-rc.68](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.67...v0.39.0-rc.68) (2025-02-26)
|
|
35
|
+
|
|
36
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
37
|
+
|
|
38
|
+
# [0.39.0-rc.67](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.66...v0.39.0-rc.67) (2025-02-26)
|
|
39
|
+
|
|
40
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
41
|
+
|
|
42
|
+
# [0.39.0-rc.66](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.65...v0.39.0-rc.66) (2025-02-21)
|
|
43
|
+
|
|
44
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
45
|
+
|
|
46
|
+
# [0.39.0-rc.65](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.64...v0.39.0-rc.65) (2025-02-18)
|
|
47
|
+
|
|
48
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
49
|
+
|
|
50
|
+
# [0.39.0-rc.64](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.63...v0.39.0-rc.64) (2025-02-17)
|
|
51
|
+
|
|
52
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
53
|
+
|
|
54
|
+
# [0.39.0-rc.63](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.62...v0.39.0-rc.63) (2025-02-17)
|
|
55
|
+
|
|
56
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
57
|
+
|
|
58
|
+
# [0.39.0-rc.62](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.61...v0.39.0-rc.62) (2025-02-17)
|
|
59
|
+
|
|
60
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
61
|
+
|
|
62
|
+
# [0.39.0-rc.61](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.60...v0.39.0-rc.61) (2025-02-14)
|
|
63
|
+
|
|
64
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
65
|
+
|
|
66
|
+
# [0.39.0-rc.60](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.59...v0.39.0-rc.60) (2025-02-14)
|
|
67
|
+
|
|
68
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
69
|
+
|
|
70
|
+
# [0.39.0-rc.59](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.58...v0.39.0-rc.59) (2025-02-13)
|
|
71
|
+
|
|
72
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
73
|
+
|
|
74
|
+
# [0.39.0-rc.58](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.57...v0.39.0-rc.58) (2025-02-10)
|
|
75
|
+
|
|
76
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
77
|
+
|
|
78
|
+
# [0.39.0-rc.57](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.56...v0.39.0-rc.57) (2025-02-05)
|
|
79
|
+
|
|
80
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
81
|
+
|
|
82
|
+
# [0.39.0-rc.56](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.55...v0.39.0-rc.56) (2025-02-02)
|
|
83
|
+
|
|
84
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
85
|
+
|
|
86
|
+
# [0.39.0-rc.55](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.54...v0.39.0-rc.55) (2025-02-02)
|
|
87
|
+
|
|
88
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
89
|
+
|
|
90
|
+
# [0.39.0-rc.54](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.53...v0.39.0-rc.54) (2025-02-02)
|
|
91
|
+
|
|
92
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
93
|
+
|
|
94
|
+
# [0.39.0-rc.53](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.52...v0.39.0-rc.53) (2025-02-02)
|
|
95
|
+
|
|
96
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
97
|
+
|
|
98
|
+
# [0.39.0-rc.52](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.51...v0.39.0-rc.52) (2025-02-01)
|
|
99
|
+
|
|
100
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
101
|
+
|
|
102
|
+
# [0.39.0-rc.51](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.50...v0.39.0-rc.51) (2025-02-01)
|
|
103
|
+
|
|
104
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
105
|
+
|
|
106
|
+
# [0.39.0-rc.50](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.49...v0.39.0-rc.50) (2025-02-01)
|
|
107
|
+
|
|
108
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
109
|
+
|
|
110
|
+
# [0.39.0-rc.49](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.48...v0.39.0-rc.49) (2025-02-01)
|
|
111
|
+
|
|
112
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
113
|
+
|
|
114
|
+
# [0.39.0-rc.48](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.47...v0.39.0-rc.48) (2025-01-16)
|
|
115
|
+
|
|
116
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
117
|
+
|
|
118
|
+
# [0.39.0-rc.47](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.46...v0.39.0-rc.47) (2025-01-16)
|
|
119
|
+
|
|
120
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
121
|
+
|
|
122
|
+
# [0.39.0-rc.46](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.45...v0.39.0-rc.46) (2024-12-23)
|
|
123
|
+
|
|
124
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
125
|
+
|
|
126
|
+
# [0.39.0-rc.45](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.44...v0.39.0-rc.45) (2024-12-23)
|
|
127
|
+
|
|
128
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
129
|
+
|
|
130
|
+
# [0.39.0-rc.44](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.43...v0.39.0-rc.44) (2024-12-17)
|
|
131
|
+
|
|
132
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
133
|
+
|
|
134
|
+
# [0.39.0-rc.43](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.42...v0.39.0-rc.43) (2024-12-17)
|
|
135
|
+
|
|
136
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
137
|
+
|
|
138
|
+
# [0.39.0-rc.42](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.41...v0.39.0-rc.42) (2024-12-17)
|
|
139
|
+
|
|
140
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
141
|
+
|
|
142
|
+
# [0.39.0-rc.41](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.40...v0.39.0-rc.41) (2024-12-17)
|
|
143
|
+
|
|
144
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
145
|
+
|
|
146
|
+
# [0.39.0-rc.40](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.39...v0.39.0-rc.40) (2024-12-17)
|
|
147
|
+
|
|
148
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
149
|
+
|
|
150
|
+
# [0.39.0-rc.39](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.38...v0.39.0-rc.39) (2024-12-17)
|
|
151
|
+
|
|
152
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
153
|
+
|
|
154
|
+
# [0.39.0-rc.38](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.37...v0.39.0-rc.38) (2024-12-17)
|
|
155
|
+
|
|
156
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
157
|
+
|
|
158
|
+
# [0.39.0-rc.37](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.36...v0.39.0-rc.37) (2024-12-14)
|
|
159
|
+
|
|
160
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
161
|
+
|
|
162
|
+
# [0.39.0-rc.36](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.35...v0.39.0-rc.36) (2024-12-14)
|
|
163
|
+
|
|
164
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
165
|
+
|
|
166
|
+
# [0.39.0-rc.35](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.34...v0.39.0-rc.35) (2024-12-03)
|
|
167
|
+
|
|
168
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
169
|
+
|
|
170
|
+
# [0.39.0-rc.34](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.33...v0.39.0-rc.34) (2024-12-02)
|
|
171
|
+
|
|
172
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
173
|
+
|
|
174
|
+
# [0.39.0-rc.33](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.32...v0.39.0-rc.33) (2024-11-29)
|
|
175
|
+
|
|
176
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
177
|
+
|
|
178
|
+
# [0.39.0-rc.32](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.31...v0.39.0-rc.32) (2024-11-28)
|
|
179
|
+
|
|
180
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
181
|
+
|
|
182
|
+
# [0.39.0-rc.31](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.30...v0.39.0-rc.31) (2024-11-28)
|
|
183
|
+
|
|
184
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
185
|
+
|
|
186
|
+
# [0.39.0-rc.30](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.29...v0.39.0-rc.30) (2024-11-26)
|
|
187
|
+
|
|
188
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
189
|
+
|
|
190
|
+
# [0.39.0-rc.29](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.28...v0.39.0-rc.29) (2024-11-26)
|
|
191
|
+
|
|
192
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
193
|
+
|
|
194
|
+
# [0.39.0-rc.28](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.27...v0.39.0-rc.28) (2024-11-26)
|
|
195
|
+
|
|
196
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
197
|
+
|
|
198
|
+
# [0.39.0-rc.27](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.26...v0.39.0-rc.27) (2024-11-26)
|
|
199
|
+
|
|
200
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
201
|
+
|
|
202
|
+
# [0.39.0-rc.26](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.25...v0.39.0-rc.26) (2024-11-25)
|
|
203
|
+
|
|
204
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
205
|
+
|
|
206
|
+
# [0.39.0-rc.25](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.24...v0.39.0-rc.25) (2024-11-20)
|
|
207
|
+
|
|
208
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
209
|
+
|
|
210
|
+
# [0.39.0-rc.24](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.23...v0.39.0-rc.24) (2024-11-20)
|
|
211
|
+
|
|
212
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
213
|
+
|
|
214
|
+
# [0.39.0-rc.23](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.22...v0.39.0-rc.23) (2024-11-18)
|
|
215
|
+
|
|
216
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
217
|
+
|
|
218
|
+
# [0.39.0-rc.22](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.21...v0.39.0-rc.22) (2024-11-15)
|
|
219
|
+
|
|
220
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
221
|
+
|
|
222
|
+
# [0.39.0-rc.21](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.20...v0.39.0-rc.21) (2024-11-12)
|
|
223
|
+
|
|
224
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
225
|
+
|
|
226
|
+
# [0.39.0-rc.20](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.19...v0.39.0-rc.20) (2024-11-11)
|
|
227
|
+
|
|
228
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
229
|
+
|
|
230
|
+
# [0.39.0-rc.19](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.18...v0.39.0-rc.19) (2024-11-08)
|
|
231
|
+
|
|
232
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
233
|
+
|
|
234
|
+
# [0.39.0-rc.18](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.17...v0.39.0-rc.18) (2024-11-08)
|
|
235
|
+
|
|
236
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
237
|
+
|
|
238
|
+
# [0.39.0-rc.17](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.16...v0.39.0-rc.17) (2024-11-08)
|
|
239
|
+
|
|
240
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
241
|
+
|
|
242
|
+
# [0.39.0-rc.16](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.15...v0.39.0-rc.16) (2024-11-03)
|
|
243
|
+
|
|
244
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
245
|
+
|
|
246
|
+
# [0.39.0-rc.15](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.14...v0.39.0-rc.15) (2024-11-01)
|
|
247
|
+
|
|
248
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
249
|
+
|
|
250
|
+
# [0.39.0-rc.14](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.13...v0.39.0-rc.14) (2024-11-01)
|
|
251
|
+
|
|
252
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
253
|
+
|
|
254
|
+
# [0.39.0-rc.13](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.12...v0.39.0-rc.13) (2024-10-31)
|
|
255
|
+
|
|
256
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
257
|
+
|
|
258
|
+
# [0.39.0-rc.12](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.11...v0.39.0-rc.12) (2024-10-31)
|
|
259
|
+
|
|
260
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
261
|
+
|
|
262
|
+
# [0.39.0-rc.11](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.10...v0.39.0-rc.11) (2024-10-31)
|
|
263
|
+
|
|
264
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
265
|
+
|
|
266
|
+
# [0.39.0-rc.10](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.9...v0.39.0-rc.10) (2024-10-28)
|
|
267
|
+
|
|
268
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
269
|
+
|
|
270
|
+
# [0.39.0-rc.9](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.8...v0.39.0-rc.9) (2024-10-28)
|
|
271
|
+
|
|
272
|
+
**Note:** Version bump only for package @fundamental-styles/cx
|
|
273
|
+
|
|
6
274
|
# [0.39.0-rc.8](https://github.com/SAP/fundamental-styles/compare/v0.39.0-rc.7...v0.39.0-rc.8) (2024-10-28)
|
|
7
275
|
|
|
8
276
|
**Note:** Version bump only for package @fundamental-styles/cx
|
|
@@ -123,7 +391,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
123
391
|
|
|
124
392
|
### Bug Fixes
|
|
125
393
|
|
|
126
|
-
-
|
|
394
|
+
- **styles:** paddings and margins specificity [ci visual] ([#5594](https://github.com/SAP/fundamental-styles/issues/5594)) ([d65536d](https://github.com/SAP/fundamental-styles/commit/d65536daa95d3d416f37fb85eb025aba1cf55106))
|
|
127
395
|
|
|
128
396
|
## [0.37.7-rc.0](https://github.com/SAP/fundamental-styles/compare/v0.37.6...v0.37.7-rc.0) (2024-08-26)
|
|
129
397
|
|
|
@@ -221,7 +489,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
221
489
|
|
|
222
490
|
### Bug Fixes
|
|
223
491
|
|
|
224
|
-
-
|
|
492
|
+
- **styles:** add margin and padding code optimization [ci visual] ([#5491](https://github.com/SAP/fundamental-styles/issues/5491)) ([5c80286](https://github.com/SAP/fundamental-styles/commit/5c802866779ce481263c76bc1133c60dc680f776))
|
|
225
493
|
|
|
226
494
|
## [0.37.5-rc.1](https://github.com/SAP/fundamental-styles/compare/v0.37.5-rc.0...v0.37.5-rc.1) (2024-07-20)
|
|
227
495
|
|
|
@@ -435,7 +703,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
435
703
|
|
|
436
704
|
### Bug Fixes
|
|
437
705
|
|
|
438
|
-
-
|
|
706
|
+
- **styles:** change the font-size of Side Nav icon [ci visual] ([#5309](https://github.com/SAP/fundamental-styles/issues/5309)) ([73e3c19](https://github.com/SAP/fundamental-styles/commit/73e3c19d5b28b7157ae961374fff6281c61d0fc5))
|
|
439
707
|
|
|
440
708
|
# [0.35.0-rc.10](https://github.com/SAP/fundamental-styles/compare/v0.35.0-rc.9...v0.35.0-rc.10) (2024-04-17)
|
|
441
709
|
|
|
@@ -557,7 +825,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
557
825
|
|
|
558
826
|
### Features
|
|
559
827
|
|
|
560
|
-
-
|
|
828
|
+
- **styles:** cx nav update [ci visual] ([#5206](https://github.com/SAP/fundamental-styles/issues/5206)) ([0a36eb6](https://github.com/SAP/fundamental-styles/commit/0a36eb63a899fb5db713a8df3a95e93664e91415))
|
|
561
829
|
|
|
562
830
|
## [0.33.3-rc.18](https://github.com/SAP/fundamental-styles/compare/v0.33.3-rc.17...v0.33.3-rc.18) (2024-02-26)
|
|
563
831
|
|
package/dist/fundamental-cx.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.39.0
|
|
3
|
-
* Copyright (c)
|
|
2
|
+
* Fundamental Library Styles v0.39.0
|
|
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
5
|
*/.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.5rem;--fdNestedList_Item_Header_Margin_Top:0.25rem;--fdNestedList_Focus_Offset:0.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:0.5rem;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;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-inline:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{-webkit-margin-before:var(--fdNestedList_Item_Spacing);margin-block-start:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{-webkit-margin-after:var(--fdNestedList_Item_Spacing);margin-block-end:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-inline:0 1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-inline:3rem 1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-inline:5rem 1rem}.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-block:var(--fdNestedList_Item_Margin);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{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.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{-webkit-padding-start:1rem;border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-inline-start:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-inline:1rem}.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:.5rem;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.5rem;overflow:hidden;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__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor;font-size:var(--sapContent_IconHeight);height:100%;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-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-block:.75rem;padding-inline:0;text-align:left;-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__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-block:0}.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;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem;-webkit-margin-end:1rem;line-height:1;margin-inline-end:1rem}.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:var(--fdNestedList_Button_Margin_Left);background:transparent;border-radius:.5rem;cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:var(--fdNestedList_Button_Margin_Left)}.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 [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--text-only .fdx-nested-list__title:first-child{-webkit-padding-start:1rem;padding-inline-start:1rem}.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_Item_Header_Margin_Top:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:0.25rem}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;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 1rem 1rem 0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;padding-block:var(--fdSideNav_Padding_Block);padding-inline:var(--fdSideNav_Padding_Inline);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.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}.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 .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.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}.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{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:" ";display:block;margin-block:.25rem var(--fdSideNav_Utility_Margin_Bottom);margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding-block:.25rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-inline:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-inline:3rem 1rem}.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__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.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__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.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;font-size:var(--sapFontSmallSize);padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.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;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}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default { cssSource: `/*!
|
|
2
|
-
* Fundamental Library Styles v0.39.0
|
|
3
|
-
* Copyright (c)
|
|
2
|
+
* Fundamental Library Styles v0.39.0
|
|
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
5
|
*/.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.5rem;--fdNestedList_Item_Header_Margin_Top:0.25rem;--fdNestedList_Focus_Offset:0.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:0.5rem;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;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-inline:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{-webkit-margin-before:var(--fdNestedList_Item_Spacing);margin-block-start:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{-webkit-margin-after:var(--fdNestedList_Item_Spacing);margin-block-end:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-inline:0 1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-inline:3rem 1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-inline:5rem 1rem}.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-block:var(--fdNestedList_Item_Margin);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{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.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{-webkit-padding-start:1rem;border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-inline-start:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-inline:1rem}.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:.5rem;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.5rem;overflow:hidden;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__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor;font-size:var(--sapContent_IconHeight);height:100%;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-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-block:.75rem;padding-inline:0;text-align:left;-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__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-block:0}.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;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem;-webkit-margin-end:1rem;line-height:1;margin-inline-end:1rem}.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:var(--fdNestedList_Button_Margin_Left);background:transparent;border-radius:.5rem;cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:var(--fdNestedList_Button_Margin_Left)}.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 [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--text-only .fdx-nested-list__title:first-child{-webkit-padding-start:1rem;padding-inline-start:1rem}.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_Item_Header_Margin_Top:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:0.25rem}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;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 1rem 1rem 0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;padding-block:var(--fdSideNav_Padding_Block);padding-inline:var(--fdSideNav_Padding_Inline);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.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}.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 .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.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}.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{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:" ";display:block;margin-block:.25rem var(--fdSideNav_Utility_Margin_Bottom);margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding-block:.25rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-inline:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-inline:3rem 1rem}.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__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.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__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.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;font-size:var(--sapFontSmallSize);padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.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;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}` };
|
package/dist/js/side-nav.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default { cssSource: `/*!
|
|
2
|
-
* Fundamental Library Styles v0.39.0
|
|
3
|
-
* Copyright (c)
|
|
2
|
+
* Fundamental Library Styles v0.39.0
|
|
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
5
|
*/.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.5rem;--fdNestedList_Item_Header_Margin_Top:0.25rem;--fdNestedList_Focus_Offset:0.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:0.5rem;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;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-inline:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{-webkit-margin-before:var(--fdNestedList_Item_Spacing);margin-block-start:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{-webkit-margin-after:var(--fdNestedList_Item_Spacing);margin-block-end:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-inline:0 1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-inline:3rem 1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-inline:5rem 1rem}.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-block:var(--fdNestedList_Item_Margin);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{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.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{-webkit-padding-start:1rem;border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-inline-start:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-inline:1rem}.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:.5rem;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.5rem;overflow:hidden;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__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor;font-size:var(--sapContent_IconHeight);height:100%;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-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-block:.75rem;padding-inline:0;text-align:left;-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__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-block:0}.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;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem;-webkit-margin-end:1rem;line-height:1;margin-inline-end:1rem}.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:var(--fdNestedList_Button_Margin_Left);background:transparent;border-radius:.5rem;cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:var(--fdNestedList_Button_Margin_Left)}.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 [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--text-only .fdx-nested-list__title:first-child{-webkit-padding-start:1rem;padding-inline-start:1rem}.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_Item_Header_Margin_Top:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:0.25rem}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;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 1rem 1rem 0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;padding-block:var(--fdSideNav_Padding_Block);padding-inline:var(--fdSideNav_Padding_Inline);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.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}.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 .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.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}.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{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:" ";display:block;margin-block:.25rem var(--fdSideNav_Utility_Margin_Bottom);margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding-block:.25rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-inline:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-inline:3rem 1rem}.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__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.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__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.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;font-size:var(--sapFontSmallSize);padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.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;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}` };
|
package/dist/side-nav.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Fundamental Library Styles v0.39.0
|
|
3
|
-
* Copyright (c)
|
|
2
|
+
* Fundamental Library Styles v0.39.0
|
|
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
5
|
*/.fdx-nested-list{--fdNestedList_Item_Height:2.75rem;--fdNestedList_Item_Spacing:0.25rem;--fdNestedList_Item_Spacing_Compact:0.125rem;--fdNestedList_Item_Margin:0.5rem;--fdNestedList_Item_Header_Margin_Top:0.25rem;--fdNestedList_Focus_Offset:0.125rem;--fdNestedList_Focus_Offset_Width:var(--sapContent_FocusWidth);--fdNestedList_Button_Margin_Left:0.5rem;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;list-style:none;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:100%}.fdx-nested-list:after,.fdx-nested-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-nested-list.level-1>.fdx-nested-list__item{margin-inline:.5rem}.fdx-nested-list.level-1>.fdx-nested-list__item:first-child{-webkit-margin-before:var(--fdNestedList_Item_Spacing);margin-block-start:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1>.fdx-nested-list__item:last-child{-webkit-margin-after:var(--fdNestedList_Item_Spacing);margin-block-end:var(--fdNestedList_Item_Spacing)}.fdx-nested-list.level-1 .fdx-nested-list__title{padding-inline:0 1rem}.fdx-nested-list .fdx-nested-list.level-2 .fdx-nested-list__title{padding-inline:3rem 1rem}.fdx-nested-list .fdx-nested-list.level-3 .fdx-nested-list__title{padding-inline:5rem 1rem}.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-block:var(--fdNestedList_Item_Margin);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{margin-top:var(--fdNestedList_Item_Header_Margin_Top)}.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{-webkit-padding-start:1rem;border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);padding-inline-start:1rem}.fdx-nested-list__item--group .fdx-nested-list__title{color:var(--sapList_GroupHeaderTextColor);font-size:.875rem;font-weight:700;padding-inline:1rem}.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:.5rem;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.5rem;overflow:hidden;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__icon [class*=sap-icon],.fdx-nested-list__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor;font-size:var(--sapContent_IconHeight);height:100%;max-height:100%;max-width:3rem;min-height:100%;min-width:3rem;width:3rem}.fdx-nested-list__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:currentColor;display:inline-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-block:.75rem;padding-inline:0;text-align:left;-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__title[dir=rtl],[dir=rtl] .fdx-nested-list__title{text-align:right}.fdx-nested-list__title[class*=-compact],[class*=-compact] .fdx-nested-list__title:not([class*=-cozy],[class*=-condensed]){padding-block:0}.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;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem;-webkit-margin-end:1rem;line-height:1;margin-inline-end:1rem}.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:var(--fdNestedList_Button_Margin_Left);background:transparent;border-radius:.5rem;cursor:pointer;height:var(--fdNestedList_Item_Height);margin-inline-start:var(--fdNestedList_Button_Margin_Left)}.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 [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--text-only .fdx-nested-list__title:first-child{-webkit-padding-start:1rem;padding-inline-start:1rem}.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_Item_Header_Margin_Top:0.125rem;--fdNestedList_Focus_Offset:0.0625rem;--fdNestedList_Focus_Offset_Width:0.0625rem;--fdNestedList_Item_Height:1.5rem;--fdNestedList_Button_Margin_Left:0.25rem}.fdx-side-nav{--fdSideNav_Padding_Block:0.25rem;--fdSideNav_Padding_Inline:0;--fdSideNav_First_Item_Margin_Top:0.25rem;--fdSideNav_Utility_Margin_Bottom:1rem;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 1rem 1rem 0;-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%;justify-content:space-between;padding-block:var(--fdSideNav_Padding_Block);padding-inline:var(--fdSideNav_Padding_Inline);width:15rem}.fdx-side-nav:after,.fdx-side-nav:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fdx-side-nav[dir=rtl],[dir=rtl] .fdx-side-nav{border-radius:1rem 0 0 1rem}.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}.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 .fdx-nested-list.level-1>.fdx-nested-list__item:first-child .fdx-nested-list__link{margin-top:var(--fdSideNav_First_Item_Margin_Top)}.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}.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{border-top:.0625rem solid var(--sapList_HeaderBorderColor);content:" ";display:block;margin-block:.25rem var(--fdSideNav_Utility_Margin_Bottom);margin-inline:.5rem}.fdx-side-nav__popover-body{border-radius:1rem!important;max-width:16rem!important;min-width:16rem!important;padding-block:.25rem!important;padding-inline:0!important;width:16rem!important}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item{margin-inline:.5rem}.fdx-side-nav__popover-body .fdx-nested-list.level-2>.fdx-nested-list__item .fdx-nested-list__title{padding-inline:1rem}.fdx-side-nav__popover-body .fdx-nested-list.level-3>.fdx-nested-list__item .fdx-nested-list__title{padding-inline:3rem 1rem}.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__title{height:var(--fdNestedList_Item_Height);opacity:0;overflow:hidden;visibility:hidden}.fdx-side-nav--narrow{width:4rem}.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__title{display:none;height:var(--fdNestedList_Item_Height)}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link{position:relative}.fdx-side-nav--narrow .fdx-nested-list button.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;font-size:var(--sapFontSmallSize);padding-inline-end:.25rem}.fdx-side-nav--narrow .fdx-nested-list button.fdx-nested-list__link[dir=rtl]:before,[dir=rtl] .fdx-side-nav--narrow .fdx-nested-list button.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;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}
|