@fundamental-styles/mcp 0.41.7-rc.4 → 0.41.7-rc.5
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/data/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
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.41.7-rc.5](https://github.com/SAP/fundamental-styles/compare/v0.41.7-rc.4...v0.41.7-rc.5) (2026-05-22)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package fundamental-styles
|
|
9
|
+
|
|
6
10
|
## [0.41.7-rc.4](https://github.com/SAP/fundamental-styles/compare/v0.41.7-rc.3...v0.41.7-rc.4) (2026-05-21)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package fundamental-styles
|
|
@@ -6885,9 +6889,9 @@ Co-authored-by: droshev <mladen.droshev@sap.com>
|
|
|
6885
6889
|
|
|
6886
6890
|
- added a new modifier class to fd-row to achieve even alignment of its elements:fd-row--top in a form.
|
|
6887
6891
|
Before:
|
|
6888
|
-
|
|
6889
|
-
|
|
6890
|
-
|
|
6892
|
+
<div class="fd-row">
|
|
6893
|
+
After:
|
|
6894
|
+
<div class="fd-row fd-row--top">
|
|
6891
6895
|
|
|
6892
6896
|
### Bug Fixes
|
|
6893
6897
|
|
|
@@ -1,36 +1,40 @@
|
|
|
1
|
-
<div
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
<div
|
|
2
|
+
style="width: 20rem; margin: 3rem; display: inline-block"
|
|
3
|
+
class="fd-dialog fd-dialog-docs-static fd-select-docs-max-height fd-dialog--active"
|
|
4
|
+
id="select-dialog-example"
|
|
5
|
+
>
|
|
6
|
+
<section aria-labelledby="exampleSubMenuHeader" class="fd-dialog__content fd-dialog__content--mobile" role="dialog">
|
|
6
7
|
<header aria-label="bar-header" class="fd-dialog__header fd-bar fd-bar--header">
|
|
7
8
|
<div class="fd-bar__left">
|
|
8
9
|
<div class="fd-bar__element">
|
|
9
|
-
<h3
|
|
10
|
-
id="exampleSubMenuHeader"
|
|
11
|
-
class="fd-title fd-title--h5">
|
|
12
|
-
Example Submenu
|
|
13
|
-
</h3>
|
|
10
|
+
<h3 id="exampleSubMenuHeader" class="fd-title fd-title--h5">Example Submenu</h3>
|
|
14
11
|
</div>
|
|
15
12
|
</div>
|
|
16
13
|
</header>
|
|
17
14
|
<div class="fd-dialog__body fd-dialog__body--no-vertical-padding">
|
|
18
|
-
|
|
15
|
+
<nav
|
|
19
16
|
aria-label="example sub-menu options"
|
|
20
17
|
class="fd-menu fd-menu--mobile fd-menu--icons"
|
|
21
18
|
id="parent-menu"
|
|
22
|
-
tabindex="-1"
|
|
19
|
+
tabindex="-1"
|
|
20
|
+
>
|
|
23
21
|
<ul class="fd-menu__list" role="menu">
|
|
24
22
|
<li class="fd-menu__item" role="presentation">
|
|
25
23
|
<a class="fd-menu__link" href="#" role="menuitem">
|
|
26
|
-
<span class="fd-menu__addon-before"
|
|
24
|
+
<span class="fd-menu__addon-before"
|
|
25
|
+
><i class="sap-icon--grid" role="presentation"></i
|
|
26
|
+
></span>
|
|
27
27
|
<span class="fd-menu__title">Option 1</span>
|
|
28
|
-
<span class="fd-menu__addon-after"
|
|
28
|
+
<span class="fd-menu__addon-after"
|
|
29
|
+
><i class="sap-icon--wrench" role="presentation"></i
|
|
30
|
+
></span>
|
|
29
31
|
</a>
|
|
30
32
|
</li>
|
|
31
33
|
<li class="fd-menu__item" role="presentation">
|
|
32
34
|
<a class="fd-menu__link is-active" href="#" role="menuitem">
|
|
33
|
-
<span class="fd-menu__addon-before"
|
|
35
|
+
<span class="fd-menu__addon-before"
|
|
36
|
+
><i class="sap-icon--accept" role="presentation"></i
|
|
37
|
+
></span>
|
|
34
38
|
<span class="fd-menu__title">Option 2</span>
|
|
35
39
|
<span class="fd-menu__addon-after fd-menu__addon-after--submenu"></span>
|
|
36
40
|
</a>
|
|
@@ -38,19 +42,27 @@
|
|
|
38
42
|
<li class="fd-menu__item" role="presentation">
|
|
39
43
|
<a class="fd-menu__link" href="#" role="menuitem">
|
|
40
44
|
<span class="fd-menu__title">Option 3</span>
|
|
41
|
-
<span class="fd-menu__addon-after"
|
|
45
|
+
<span class="fd-menu__addon-after"
|
|
46
|
+
><i class="sap-icon--lightbulb" role="presentation"></i
|
|
47
|
+
></span>
|
|
42
48
|
</a>
|
|
43
49
|
</li>
|
|
44
50
|
<li class="fd-menu__item" role="presentation">
|
|
45
51
|
<a class="fd-menu__link" href="#" role="menuitem">
|
|
46
|
-
<span class="fd-menu__addon-before"
|
|
52
|
+
<span class="fd-menu__addon-before"
|
|
53
|
+
><i class="sap-icon--grid" role="presentation"></i
|
|
54
|
+
></span>
|
|
47
55
|
<span class="fd-menu__title">Option 4</span>
|
|
48
|
-
<span class="fd-menu__addon-after"
|
|
56
|
+
<span class="fd-menu__addon-after"
|
|
57
|
+
><i class="sap-icon--history" role="presentation"></i
|
|
58
|
+
></span>
|
|
49
59
|
</a>
|
|
50
60
|
</li>
|
|
51
61
|
<li class="fd-menu__item" role="presentation">
|
|
52
62
|
<a class="fd-menu__link" href="#" role="menuitem">
|
|
53
|
-
<span class="fd-menu__addon-before"
|
|
63
|
+
<span class="fd-menu__addon-before"
|
|
64
|
+
><i class="sap-icon--grid" role="presentation"></i
|
|
65
|
+
></span>
|
|
54
66
|
<span class="fd-menu__title">Option 4</span>
|
|
55
67
|
<span class="fd-menu__shortcut">Ctrl+Alt+L</span>
|
|
56
68
|
</a>
|
|
@@ -58,12 +70,13 @@
|
|
|
58
70
|
</ul>
|
|
59
71
|
</nav>
|
|
60
72
|
</div>
|
|
61
|
-
|
|
73
|
+
<footer class="fd-dialog__footer fd-bar fd-bar--footer">
|
|
62
74
|
<div class="fd-bar__right">
|
|
63
75
|
<div class="fd-bar__element">
|
|
64
76
|
<button
|
|
65
77
|
aria-label="close options dialog"
|
|
66
|
-
class="fd-button fd-button--light fd-dialog__decisive-button"
|
|
78
|
+
class="fd-button fd-button--light fd-dialog__decisive-button"
|
|
79
|
+
>
|
|
67
80
|
Cancel
|
|
68
81
|
</button>
|
|
69
82
|
</div>
|
|
@@ -72,33 +85,26 @@
|
|
|
72
85
|
</section>
|
|
73
86
|
</div>
|
|
74
87
|
|
|
75
|
-
<div
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
88
|
+
<div
|
|
89
|
+
style="display: inline-block; width: auto"
|
|
90
|
+
class="fd-dialog fd-dialog-docs-static fd-select-docs-max-height fd-dialog--active"
|
|
91
|
+
id="select-dialog-example-inner"
|
|
92
|
+
>
|
|
93
|
+
<section aria-labelledby="subOptionHeader" class="fd-dialog__content fd-dialog__content--mobile" role="dialog">
|
|
80
94
|
<header class="fd-dialog__header fd-bar fd-bar--header">
|
|
81
95
|
<div class="fd-bar__left">
|
|
82
96
|
<div class="fd-bar__element">
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
<div class="fd-bar__element">
|
|
90
|
-
<h3
|
|
91
|
-
class="fd-title fd-title--h5"
|
|
92
|
-
id="subOptionHeader">
|
|
93
|
-
Option 2
|
|
94
|
-
</h3>
|
|
97
|
+
<button aria-label="Show main menu options" class="fd-button fd-button--transparent">
|
|
98
|
+
<i class="sap-icon--navigation-left-arrow" role="presentation"></i>
|
|
99
|
+
</button>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="fd-bar__element">
|
|
102
|
+
<h3 class="fd-title fd-title--h5" id="subOptionHeader">Option 2</h3>
|
|
95
103
|
</div>
|
|
96
104
|
</div>
|
|
97
105
|
</header>
|
|
98
106
|
<div class="fd-dialog__body fd-dialog__body--no-vertical-padding">
|
|
99
|
-
|
|
100
|
-
aria-label="option 2 sub-options"
|
|
101
|
-
class="fd-menu fd-menu--mobile">
|
|
107
|
+
<nav aria-label="option 2 sub-options" class="fd-menu fd-menu--mobile">
|
|
102
108
|
<ul class="fd-menu__sublist" role="menu">
|
|
103
109
|
<li class="fd-menu__item" role="presentation">
|
|
104
110
|
<a class="fd-menu__link" href="#" role="menuitem">
|
|
@@ -122,18 +128,22 @@
|
|
|
122
128
|
</li>
|
|
123
129
|
<li class="fd-menu__item" role="presentation">
|
|
124
130
|
<a class="fd-menu__link" href="#" role="menuitem">
|
|
125
|
-
<span class="fd-menu__title"
|
|
131
|
+
<span class="fd-menu__title"
|
|
132
|
+
>Sub-option 5 with very very very very very very very very very very very very long
|
|
133
|
+
text</span
|
|
134
|
+
>
|
|
126
135
|
</a>
|
|
127
136
|
</li>
|
|
128
137
|
</ul>
|
|
129
138
|
</nav>
|
|
130
139
|
</div>
|
|
131
|
-
|
|
140
|
+
<footer class="fd-dialog__footer fd-bar fd-bar--footer">
|
|
132
141
|
<div class="fd-bar__right">
|
|
133
142
|
<div class="fd-bar__element">
|
|
134
143
|
<button
|
|
135
144
|
aria-label="close options dialog"
|
|
136
|
-
class="fd-button fd-button--light fd-dialog__decisive-button"
|
|
145
|
+
class="fd-button fd-button--light fd-dialog__decisive-button"
|
|
146
|
+
>
|
|
137
147
|
Cancel
|
|
138
148
|
</button>
|
|
139
149
|
</div>
|
package/package.json
CHANGED