@fundamental-styles/mcp 0.41.9-rc.5 → 0.41.9-rc.7
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 +13 -3
- package/data/component-guidance.json +2 -2
- package/data/components/avatar-product-switch.md +8 -8
- package/data/components/shellbar.md +16 -16
- package/data/examples/Components/shellbar/optional-items.example.html +2 -2
- package/data/examples/Components/shellbar/overflow-toolbar.example.html +2 -2
- package/data/examples/Components/shellbar/responsive-paddings.example.html +4 -4
- package/data/examples/Components/shellbar/responsiveness.example.html +8 -8
- package/package.json +1 -1
package/data/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
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.9-rc.7](https://github.com/SAP/fundamental-styles/compare/v0.41.9-rc.6...v0.41.9-rc.7) (2026-07-28)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **styles:** update Product Switch name to App Launcher [ci visual] ([#6361](https://github.com/SAP/fundamental-styles/issues/6361)) ([10da034](https://github.com/SAP/fundamental-styles/commit/10da034f1f1b38009375b7e44d75236179c525c8))
|
|
11
|
+
|
|
12
|
+
## [0.41.9-rc.6](https://github.com/SAP/fundamental-styles/compare/v0.41.9-rc.5...v0.41.9-rc.6) (2026-07-25)
|
|
13
|
+
|
|
14
|
+
**Note:** Version bump only for package fundamental-styles
|
|
15
|
+
|
|
6
16
|
## [0.41.9-rc.5](https://github.com/SAP/fundamental-styles/compare/v0.41.9-rc.4...v0.41.9-rc.5) (2026-07-25)
|
|
7
17
|
|
|
8
18
|
**Note:** Version bump only for package fundamental-styles
|
|
@@ -7039,9 +7049,9 @@ Co-authored-by: droshev <mladen.droshev@sap.com>
|
|
|
7039
7049
|
|
|
7040
7050
|
- added a new modifier class to fd-row to achieve even alignment of its elements:fd-row--top in a form.
|
|
7041
7051
|
Before:
|
|
7042
|
-
|
|
7043
|
-
|
|
7044
|
-
|
|
7052
|
+
<div class="fd-row">
|
|
7053
|
+
After:
|
|
7054
|
+
<div class="fd-row fd-row--top">
|
|
7045
7055
|
|
|
7046
7056
|
### Bug Fixes
|
|
7047
7057
|
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
},
|
|
45
45
|
"product-switch": {
|
|
46
46
|
"id": "product-switch",
|
|
47
|
-
"name": "Product Switch",
|
|
47
|
+
"name": "Product Switch (App Launcher)",
|
|
48
48
|
"category": "Actions & Controls",
|
|
49
|
-
"description": "Product Switch provides role-based access to multiple products or lines of business (LoBs). Displays an icon button that triggers a Popover with products/LoBs. Single-level navigation only. Typically placed in Shellbar on far-right side.",
|
|
49
|
+
"description": "Product Switch (App Launcher) provides role-based access to multiple products or lines of business (LoBs). Displays an icon button that triggers a Popover with products/LoBs. Single-level navigation only. Typically placed in Shellbar on far-right side.",
|
|
50
50
|
"whenToUse": [
|
|
51
51
|
"Give users access to several different products or LoBs within same UI",
|
|
52
52
|
"Switch between applications or product lines",
|
|
@@ -13,27 +13,27 @@ stability: stable
|
|
|
13
13
|
|
|
14
14
|
# Components/Product Switch
|
|
15
15
|
|
|
16
|
-
The
|
|
16
|
+
The Product Switch, also known as App Launcher, provides users with role-based access to several products or lines of businesses (LoBs). The product switch displays an icon button that triggers a **Popover** with the products or LoBs. Because it is designed to be as simple as possible, the product switch only has one level of navigation.
|
|
17
17
|
|
|
18
18
|
##Usage
|
|
19
|
-
**Use the
|
|
19
|
+
**Use the Product Switch (App Launcher) if:**
|
|
20
20
|
|
|
21
|
-
- You want give your users access to several different products or LoBs within the same UI.
|
|
21
|
+
- You want to give your users access to several different products or LoBs within the same UI.
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
**Do not use the
|
|
24
|
+
**Do not use the Product Switch (App Launcher) if:**
|
|
25
25
|
|
|
26
|
-
- You want your users to navigate within the current product. In this case, use a
|
|
26
|
+
- You want your users to navigate within the current product. In this case, use a Product Menu (see **Shellbar**).
|
|
27
27
|
|
|
28
28
|
## Usage Guidelines
|
|
29
29
|
|
|
30
|
-
**Use the
|
|
30
|
+
**Use the Product Switch (App Launcher) if:**
|
|
31
31
|
|
|
32
|
-
- You want give your users access to several different products or LoBs within the same UI.
|
|
32
|
+
- You want to give your users access to several different products or LoBs within the same UI.
|
|
33
33
|
|
|
34
34
|
## When Not To Use
|
|
35
35
|
|
|
36
|
-
- You want your users to navigate within the current product. In this case, use a
|
|
36
|
+
- You want your users to navigate within the current product. In this case, use a Product Menu (see **Shellbar**).
|
|
37
37
|
|
|
38
38
|
## Dependencies
|
|
39
39
|
|
|
@@ -603,8 +603,8 @@ The following elements of the Shell Bar are optional:
|
|
|
603
603
|
<div class="fd-popover fd-popover--right">
|
|
604
604
|
<button
|
|
605
605
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
606
|
-
aria-label="
|
|
607
|
-
title="
|
|
606
|
+
aria-label="App Launcher"
|
|
607
|
+
title="App Launcher"
|
|
608
608
|
aria-controls="product-switch-body"
|
|
609
609
|
aria-expanded="false"
|
|
610
610
|
aria-haspopup="dialog"
|
|
@@ -824,8 +824,8 @@ When Side Navigation is displayed, the left and right spacing is fixed at 1rem (
|
|
|
824
824
|
<div class="fd-popover fd-popover--right">
|
|
825
825
|
<button
|
|
826
826
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
827
|
-
aria-label="
|
|
828
|
-
title="
|
|
827
|
+
aria-label="App Launcher"
|
|
828
|
+
title="App Launcher"
|
|
829
829
|
aria-controls="YSGDGFD82347"
|
|
830
830
|
aria-expanded="false"
|
|
831
831
|
aria-haspopup="dialog"
|
|
@@ -1040,8 +1040,8 @@ When Side Navigation is displayed, the left and right spacing is fixed at 1rem (
|
|
|
1040
1040
|
<div class="fd-popover fd-popover--right">
|
|
1041
1041
|
<button
|
|
1042
1042
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
1043
|
-
aria-label="
|
|
1044
|
-
title="
|
|
1043
|
+
aria-label="App Launcher"
|
|
1044
|
+
title="App Launcher"
|
|
1045
1045
|
aria-controls="YSGDGFD82347f"
|
|
1046
1046
|
aria-expanded="false"
|
|
1047
1047
|
aria-haspopup="dialog"
|
|
@@ -1264,8 +1264,8 @@ Controls like Search, Notifications, Joule, Help, and Feedback can be placed ins
|
|
|
1264
1264
|
<div class="fd-popover fd-popover--right">
|
|
1265
1265
|
<button
|
|
1266
1266
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
1267
|
-
aria-label="
|
|
1268
|
-
title="
|
|
1267
|
+
aria-label="App Launcher"
|
|
1268
|
+
title="App Launcher"
|
|
1269
1269
|
aria-controls="UYYAY276YRW"
|
|
1270
1270
|
aria-expanded="false"
|
|
1271
1271
|
aria-haspopup="dialog"
|
|
@@ -1504,8 +1504,8 @@ The overflow is displayed via a Popover and is used when there is more than one
|
|
|
1504
1504
|
<div class="fd-popover fd-popover--right">
|
|
1505
1505
|
<button
|
|
1506
1506
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
1507
|
-
aria-label="
|
|
1508
|
-
title="
|
|
1507
|
+
aria-label="App Launcher"
|
|
1508
|
+
title="App Launcher"
|
|
1509
1509
|
aria-controls="POIYRQW"
|
|
1510
1510
|
aria-expanded="false"
|
|
1511
1511
|
aria-haspopup="dialog"
|
|
@@ -1689,8 +1689,8 @@ The overflow is displayed via a Popover and is used when there is more than one
|
|
|
1689
1689
|
<div class="fd-popover fd-popover--right">
|
|
1690
1690
|
<button
|
|
1691
1691
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
1692
|
-
aria-label="
|
|
1693
|
-
title="
|
|
1692
|
+
aria-label="App Launcher"
|
|
1693
|
+
title="App Launcher"
|
|
1694
1694
|
aria-controls="QWERTYI"
|
|
1695
1695
|
aria-expanded="false"
|
|
1696
1696
|
aria-haspopup="dialog"
|
|
@@ -1885,8 +1885,8 @@ The overflow is displayed via a Popover and is used when there is more than one
|
|
|
1885
1885
|
<div class="fd-popover fd-popover--right">
|
|
1886
1886
|
<button
|
|
1887
1887
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
1888
|
-
aria-label="
|
|
1889
|
-
title="
|
|
1888
|
+
aria-label="App Launcher"
|
|
1889
|
+
title="App Launcher"
|
|
1890
1890
|
aria-controls="NHYUJM,KI"
|
|
1891
1891
|
aria-expanded="false"
|
|
1892
1892
|
aria-haspopup="dialog"
|
|
@@ -2078,8 +2078,8 @@ The overflow is displayed via a Popover and is used when there is more than one
|
|
|
2078
2078
|
<div class="fd-popover fd-popover--right">
|
|
2079
2079
|
<button
|
|
2080
2080
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
2081
|
-
aria-label="
|
|
2082
|
-
title="
|
|
2081
|
+
aria-label="App Launcher"
|
|
2082
|
+
title="App Launcher"
|
|
2083
2083
|
aria-controls="CVSNZCVSDCUY"
|
|
2084
2084
|
aria-expanded="false"
|
|
2085
2085
|
aria-haspopup="dialog"
|
|
@@ -331,8 +331,8 @@
|
|
|
331
331
|
<div class="fd-popover fd-popover--right">
|
|
332
332
|
<button
|
|
333
333
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
334
|
-
aria-label="
|
|
335
|
-
title="
|
|
334
|
+
aria-label="App Launcher"
|
|
335
|
+
title="App Launcher"
|
|
336
336
|
aria-controls="product-switch-body"
|
|
337
337
|
aria-expanded="false"
|
|
338
338
|
aria-haspopup="dialog"
|
|
@@ -173,8 +173,8 @@
|
|
|
173
173
|
<div class="fd-popover fd-popover--right">
|
|
174
174
|
<button
|
|
175
175
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
176
|
-
aria-label="
|
|
177
|
-
title="
|
|
176
|
+
aria-label="App Launcher"
|
|
177
|
+
title="App Launcher"
|
|
178
178
|
aria-controls="UYYAY276YRW"
|
|
179
179
|
aria-expanded="false"
|
|
180
180
|
aria-haspopup="dialog"
|
|
@@ -169,8 +169,8 @@
|
|
|
169
169
|
<div class="fd-popover fd-popover--right">
|
|
170
170
|
<button
|
|
171
171
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
172
|
-
aria-label="
|
|
173
|
-
title="
|
|
172
|
+
aria-label="App Launcher"
|
|
173
|
+
title="App Launcher"
|
|
174
174
|
aria-controls="YSGDGFD82347"
|
|
175
175
|
aria-expanded="false"
|
|
176
176
|
aria-haspopup="dialog"
|
|
@@ -396,8 +396,8 @@
|
|
|
396
396
|
<div class="fd-popover fd-popover--right">
|
|
397
397
|
<button
|
|
398
398
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
399
|
-
aria-label="
|
|
400
|
-
title="
|
|
399
|
+
aria-label="App Launcher"
|
|
400
|
+
title="App Launcher"
|
|
401
401
|
aria-controls="YSGDGFD82347f"
|
|
402
402
|
aria-expanded="false"
|
|
403
403
|
aria-haspopup="dialog"
|
|
@@ -151,8 +151,8 @@
|
|
|
151
151
|
<div class="fd-popover fd-popover--right">
|
|
152
152
|
<button
|
|
153
153
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
154
|
-
aria-label="
|
|
155
|
-
title="
|
|
154
|
+
aria-label="App Launcher"
|
|
155
|
+
title="App Launcher"
|
|
156
156
|
aria-controls="POIYRQW"
|
|
157
157
|
aria-expanded="false"
|
|
158
158
|
aria-haspopup="dialog"
|
|
@@ -342,8 +342,8 @@
|
|
|
342
342
|
<div class="fd-popover fd-popover--right">
|
|
343
343
|
<button
|
|
344
344
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
345
|
-
aria-label="
|
|
346
|
-
title="
|
|
345
|
+
aria-label="App Launcher"
|
|
346
|
+
title="App Launcher"
|
|
347
347
|
aria-controls="QWERTYI"
|
|
348
348
|
aria-expanded="false"
|
|
349
349
|
aria-haspopup="dialog"
|
|
@@ -547,8 +547,8 @@
|
|
|
547
547
|
<div class="fd-popover fd-popover--right">
|
|
548
548
|
<button
|
|
549
549
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
550
|
-
aria-label="
|
|
551
|
-
title="
|
|
550
|
+
aria-label="App Launcher"
|
|
551
|
+
title="App Launcher"
|
|
552
552
|
aria-controls="NHYUJM,KI"
|
|
553
553
|
aria-expanded="false"
|
|
554
554
|
aria-haspopup="dialog"
|
|
@@ -749,8 +749,8 @@
|
|
|
749
749
|
<div class="fd-popover fd-popover--right">
|
|
750
750
|
<button
|
|
751
751
|
class="fd-button fd-button--transparent fd-shellbar__button fd-popover__control"
|
|
752
|
-
aria-label="
|
|
753
|
-
title="
|
|
752
|
+
aria-label="App Launcher"
|
|
753
|
+
title="App Launcher"
|
|
754
754
|
aria-controls="CVSNZCVSDCUY"
|
|
755
755
|
aria-expanded="false"
|
|
756
756
|
aria-haspopup="dialog"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fundamental-styles/mcp",
|
|
3
|
-
"version": "0.41.9-rc.
|
|
3
|
+
"version": "0.41.9-rc.7",
|
|
4
4
|
"mcpName": "io.github.sap/fundamental-styles-mcp",
|
|
5
5
|
"description": "MCP server exposing fundamental-styles CSS component metadata for AI coding assistants",
|
|
6
6
|
"license": "Apache-2.0",
|