@fundamental-styles/mcp 0.41.7-rc.14 → 0.41.7-rc.16
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 +15 -3
- package/data/component-catalog.json +6 -2
- package/data/examples/Components/dialog/device-specifications.example.html +39 -30
- package/data/examples/Components/shellbar/optional-items.example.html +210 -157
- package/data/examples/Components/shellbar/overflow-toolbar.example.html +202 -177
- package/data/examples/Components/shellbar/responsive-paddings.example.html +217 -146
- package/data/examples/Components/shellbar/responsiveness.example.html +825 -613
- package/data/schemas/user-menu.schema.json +10 -0
- package/package.json +1 -1
package/data/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
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.16](https://github.com/SAP/fundamental-styles/compare/v0.41.7-rc.15...v0.41.7-rc.16) (2026-06-08)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **styles:** prevent overflow content from pushing siblings outside container [ci visual] ([#6323](https://github.com/SAP/fundamental-styles/issues/6323)) ([f279bbc](https://github.com/SAP/fundamental-styles/commit/f279bbcd6c9aa11dedff5590e0c4f590977e56c1))
|
|
11
|
+
|
|
12
|
+
## [0.41.7-rc.15](https://github.com/SAP/fundamental-styles/compare/v0.41.7-rc.14...v0.41.7-rc.15) (2026-06-08)
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
- **styles:** address ShellBar review comments [ci visual] ([#6324](https://github.com/SAP/fundamental-styles/issues/6324)) ([e2c01dd](https://github.com/SAP/fundamental-styles/commit/e2c01dd8eda3210dfd2e6b63be529dd8d77befef))
|
|
17
|
+
|
|
6
18
|
## [0.41.7-rc.14](https://github.com/SAP/fundamental-styles/compare/v0.41.7-rc.13...v0.41.7-rc.14) (2026-06-05)
|
|
7
19
|
|
|
8
20
|
**Note:** Version bump only for package fundamental-styles
|
|
@@ -6931,9 +6943,9 @@ Co-authored-by: droshev <mladen.droshev@sap.com>
|
|
|
6931
6943
|
|
|
6932
6944
|
- added a new modifier class to fd-row to achieve even alignment of its elements:fd-row--top in a form.
|
|
6933
6945
|
Before:
|
|
6934
|
-
|
|
6935
|
-
|
|
6936
|
-
|
|
6946
|
+
<div class="fd-row">
|
|
6947
|
+
After:
|
|
6948
|
+
<div class="fd-row fd-row--top">
|
|
6937
6949
|
|
|
6938
6950
|
### Bug Fixes
|
|
6939
6951
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json-schema.org/draft/2020-12/schema",
|
|
3
|
-
"version": "0.41.7-rc.
|
|
3
|
+
"version": "0.41.7-rc.15",
|
|
4
4
|
"description": "Machine-readable catalog of Fundamental Library Styles components",
|
|
5
5
|
"generatedBy": "scripts/generate-ai-metadata.js",
|
|
6
6
|
"relatedFiles": {
|
|
@@ -2284,7 +2284,6 @@
|
|
|
2284
2284
|
"--fdCard_Footer_Border_Top",
|
|
2285
2285
|
"--fdCard_Footer_Actions_Item_Spacing",
|
|
2286
2286
|
"--fdCard_Title_Font_Size",
|
|
2287
|
-
"--fdCard_Title_Font_Weight",
|
|
2288
2287
|
"--fdCard_Counter_Margin",
|
|
2289
2288
|
"--fdObjectStatus_Inverted_Border_Radius",
|
|
2290
2289
|
"--fdObjectStatus_Inverted_Padding_Block",
|
|
@@ -13239,6 +13238,11 @@
|
|
|
13239
13238
|
"description": "subheader element",
|
|
13240
13239
|
"modifiers": []
|
|
13241
13240
|
},
|
|
13241
|
+
{
|
|
13242
|
+
"class": "fd-user-menu__header-content-area",
|
|
13243
|
+
"description": "header-content-area element",
|
|
13244
|
+
"modifiers": []
|
|
13245
|
+
},
|
|
13242
13246
|
{
|
|
13243
13247
|
"class": "fd-user-menu__user-name",
|
|
13244
13248
|
"description": "user-name element",
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
|
|
2
1
|
<h3>Tablet without mouse attached</h3>
|
|
3
2
|
<div>Full Screen Button: visible (<code>sap-icon--full-screen</code>)</div>
|
|
4
3
|
<div>Resize Handle: not visible</div>
|
|
5
|
-
<br
|
|
4
|
+
<br />
|
|
6
5
|
<div class="fd-dialog-docs-static fd-dialog fd-dialog--active">
|
|
7
|
-
<div
|
|
8
|
-
class="fd-dialog__content fd-dialog__content--s"
|
|
9
|
-
role="dialog"
|
|
10
|
-
aria-modal="true"
|
|
6
|
+
<div
|
|
7
|
+
class="fd-dialog__content fd-dialog__content--s"
|
|
8
|
+
role="dialog"
|
|
9
|
+
aria-modal="true"
|
|
11
10
|
aria-labelledby="dialog-title-12"
|
|
12
11
|
aria-describedby="dialog-description-12"
|
|
13
12
|
>
|
|
14
|
-
|
|
15
13
|
<header class="fd-dialog__header fd-bar fd-bar--header">
|
|
16
14
|
<div class="fd-bar__left">
|
|
17
15
|
<div class="fd-bar__element">
|
|
18
16
|
<h2 class="fd-title fd-title--h5" id="dialog-title-12">
|
|
19
|
-
Lorem ipsum
|
|
17
|
+
Lorem ipsum lorem ipsum lorem ipsum ipsum lorem ipsum lorem ipsumipsum lorem ipsum lorem ipsum
|
|
18
|
+
ipsum lorem ipsum lorem ipsum ipsum lorem ipsum lorem ipsum ipsum lorem ipsum lorem ipsum ipsum
|
|
19
|
+
lorem ipsum lorem ipsum
|
|
20
20
|
</h2>
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
|
@@ -44,22 +44,25 @@
|
|
|
44
44
|
</div>
|
|
45
45
|
</footer>
|
|
46
46
|
</div>
|
|
47
|
-
</div>
|
|
47
|
+
</div>
|
|
48
48
|
|
|
49
|
-
<br
|
|
49
|
+
<br /><br />
|
|
50
50
|
<h3>Tablet with mouse attached</h3>
|
|
51
51
|
<div>Full Screen Button: visible (<code>sap-icon--full-screen</code>)</div>
|
|
52
52
|
<div>Resize Handle: visible</div>
|
|
53
|
-
<br
|
|
53
|
+
<br />
|
|
54
54
|
<section class="fd-dialog-docs-static fd-dialog fd-dialog--active">
|
|
55
|
-
<div
|
|
55
|
+
<div
|
|
56
|
+
class="fd-dialog__content fd-dialog__content--s"
|
|
57
|
+
role="dialog"
|
|
58
|
+
aria-modal="true"
|
|
59
|
+
aria-labelledby="dialog-title-6"
|
|
60
|
+
>
|
|
56
61
|
<span class="fd-dialog__resize-handle"></span>
|
|
57
62
|
<header class="fd-dialog__header fd-bar fd-bar--header">
|
|
58
63
|
<div class="fd-bar__left">
|
|
59
64
|
<div class="fd-bar__element">
|
|
60
|
-
<h2 class="fd-title fd-title--h5" id="dialog-title-6">
|
|
61
|
-
Lorem ipsum
|
|
62
|
-
</h2>
|
|
65
|
+
<h2 class="fd-title fd-title--h5" id="dialog-title-6">Lorem ipsum</h2>
|
|
63
66
|
</div>
|
|
64
67
|
</div>
|
|
65
68
|
<div class="fd-bar__right">
|
|
@@ -84,22 +87,25 @@
|
|
|
84
87
|
</div>
|
|
85
88
|
</footer>
|
|
86
89
|
</div>
|
|
87
|
-
</section>
|
|
90
|
+
</section>
|
|
88
91
|
|
|
89
|
-
<br
|
|
92
|
+
<br /><br />
|
|
90
93
|
<h3>Hybrid device</h3>
|
|
91
94
|
<div>Full Screen Button: visible (<code>sap-icon--full-screen</code>)</div>
|
|
92
95
|
<div>Resize Handle: visible</div>
|
|
93
|
-
<br
|
|
96
|
+
<br />
|
|
94
97
|
<section class="fd-dialog-docs-static fd-dialog fd-dialog--active">
|
|
95
|
-
<div
|
|
98
|
+
<div
|
|
99
|
+
class="fd-dialog__content fd-dialog__content--s"
|
|
100
|
+
role="dialog"
|
|
101
|
+
aria-modal="true"
|
|
102
|
+
aria-labelledby="dialog-title-6"
|
|
103
|
+
>
|
|
96
104
|
<span class="fd-dialog__resize-handle"></span>
|
|
97
105
|
<header class="fd-dialog__header fd-bar fd-bar--header fd-bar--compact">
|
|
98
106
|
<div class="fd-bar__left">
|
|
99
107
|
<div class="fd-bar__element">
|
|
100
|
-
<h2 class="fd-title fd-title--h5" id="dialog-title-6">
|
|
101
|
-
Lorem ipsum
|
|
102
|
-
</h2>
|
|
108
|
+
<h2 class="fd-title fd-title--h5" id="dialog-title-6">Lorem ipsum</h2>
|
|
103
109
|
</div>
|
|
104
110
|
</div>
|
|
105
111
|
<div class="fd-bar__right">
|
|
@@ -124,21 +130,24 @@
|
|
|
124
130
|
</div>
|
|
125
131
|
</footer>
|
|
126
132
|
</div>
|
|
127
|
-
</section>
|
|
133
|
+
</section>
|
|
128
134
|
|
|
129
|
-
<br
|
|
135
|
+
<br /><br />
|
|
130
136
|
<h3>Full screen</h3>
|
|
131
137
|
<div>Full Screen Button: visible (<code>sap-icon--exitfullscreen</code>)</div>
|
|
132
138
|
<div>Resize Handle: not visible</div>
|
|
133
|
-
<br
|
|
139
|
+
<br />
|
|
134
140
|
<section class="fd-dialog-docs-static fd-dialog fd-dialog--active">
|
|
135
|
-
<div
|
|
141
|
+
<div
|
|
142
|
+
class="fd-dialog__content fd-dialog__content--s fd-dialog__content--mobile"
|
|
143
|
+
role="dialog"
|
|
144
|
+
aria-modal="true"
|
|
145
|
+
aria-labelledby="dialog-title-6"
|
|
146
|
+
>
|
|
136
147
|
<header class="fd-dialog__header fd-bar fd-bar--header">
|
|
137
148
|
<div class="fd-bar__left">
|
|
138
149
|
<div class="fd-bar__element">
|
|
139
|
-
<h2 class="fd-title fd-title--h5" id="dialog-title-6">
|
|
140
|
-
Lorem ipsum
|
|
141
|
-
</h2>
|
|
150
|
+
<h2 class="fd-title fd-title--h5" id="dialog-title-6">Lorem ipsum</h2>
|
|
142
151
|
</div>
|
|
143
152
|
</div>
|
|
144
153
|
<div class="fd-bar__right">
|
|
@@ -163,4 +172,4 @@
|
|
|
163
172
|
</div>
|
|
164
173
|
</footer>
|
|
165
174
|
</div>
|
|
166
|
-
</section>
|
|
175
|
+
</section>
|