@fundamental-styles/mcp 0.41.9-rc.2 → 0.41.9-rc.21
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 +91 -3
- package/data/component-guidance.json +2 -2
- package/data/components/avatar-product-switch.md +175 -60
- package/data/components/container.md +113 -0
- package/data/components/form-group.md +1 -0
- package/data/components/navigation-navigation.md +673 -957
- package/data/components/navigation.md +5869 -2148
- package/data/components/shellbar.md +16 -16
- package/data/examples/BTP/Navigation/horizontal/navigation-horizontal-expander.example.html +4 -234
- package/data/examples/BTP/Navigation/horizontal/navigation-horizontal.example.html +196 -232
- package/data/examples/BTP/Navigation/vertical/navigation-legacy.example.html +353 -197
- package/data/examples/BTP/Navigation/vertical/navigation-popup.example.html +451 -245
- package/data/examples/BTP/Navigation/vertical/navigation-search.example.html +937 -0
- package/data/examples/BTP/Navigation/vertical/navigation-snapped.example.html +361 -157
- package/data/examples/BTP/Navigation/vertical/navigation-sticky-area.example.html +935 -0
- package/data/examples/BTP/Navigation/vertical/navigation-tags.example.html +948 -0
- package/data/examples/BTP/Navigation/vertical/navigation.example.html +444 -242
- package/data/examples/Components/Forms/form-group/group-header-in-form-grid-display-mode.example.html +106 -0
- package/data/examples/Components/product-switch/large.example.html +65 -19
- package/data/examples/Components/product-switch/medium.example.html +5 -7
- package/data/examples/Components/product-switch/small.example.html +4 -6
- package/data/examples/Components/product-switch/two-column.example.html +20 -0
- 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
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
<div class="fd-container fd-form-layout-grid-container fd-form-layout-grid-container--display-mode">
|
|
2
|
+
<div class="fd-row">
|
|
3
|
+
<!-- Group 1 -->
|
|
4
|
+
<div class="fd-form-group fd-form-group--with-spacing fd-col fd-col-md--6 fd-col-lg--6 fd-col-xl--6 fd-col--wrap" role="group" aria-labelledby="dm-grid1GroupHeader">
|
|
5
|
+
<div class="fd-form-group__header" id="dm-grid1GroupHeader">
|
|
6
|
+
<h4 class="fd-form-group__header-text">Personal Information</h4>
|
|
7
|
+
</div>
|
|
8
|
+
|
|
9
|
+
<div class="fd-form-item fd-row">
|
|
10
|
+
<div class="fd-col fd-col-md--2 fd-col-lg--4 fd-col-xl--12">
|
|
11
|
+
<label class="fd-form-label fd-form-label--colon" for="dm-input-14-name">Full Name</label>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="fd-col fd-col-md--10 fd-col-lg--8 fd-col-xl--12">
|
|
14
|
+
<p class="fd-text" id="dm-input-14-name">Amelia Perry</p>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
|
|
18
|
+
<div class="fd-form-item fd-row">
|
|
19
|
+
<div class="fd-col fd-col-md--2 fd-col-lg--4 fd-col-xl--12">
|
|
20
|
+
<label class="fd-form-label fd-form-label--colon" for="dm-input-14x-name">City of Residence</label>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="fd-col fd-col-md--10 fd-col-lg--8 fd-col-xl--12">
|
|
23
|
+
<p class="fd-text" id="dm-input-14x-name">New York</p>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
|
|
27
|
+
<div class="fd-form-item fd-row">
|
|
28
|
+
<div class="fd-col fd-col-md--2 fd-col-lg--4 fd-col-xl--12">
|
|
29
|
+
<label class="fd-form-label fd-form-label--colon" for="dm-input-14y-name">Job Title</label>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="fd-col fd-col-md--10 fd-col-lg--8 fd-col-xl--12">
|
|
32
|
+
<p class="fd-text" id="dm-input-14y-name">Product Designer</p>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
<!-- Group 2 -->
|
|
38
|
+
<div class="fd-form-group fd-form-group--with-spacing fd-col fd-col-md--6 fd-col-lg--6 fd-col-xl--6 fd-col--wrap" role="group" aria-labelledby="dm-grid2GroupHeader">
|
|
39
|
+
<div class="fd-form-group__header">
|
|
40
|
+
<h4 class="fd-form-group__header-text" id="dm-grid2GroupHeader">Contact Details</h4>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
<div class="fd-form-item fd-row">
|
|
44
|
+
<div class="fd-col fd-col-md--2 fd-col-lg--4 fd-col-xl--12">
|
|
45
|
+
<label class="fd-form-label fd-form-label--colon" for="dm-input-14a-name">Email Address</label>
|
|
46
|
+
</div>
|
|
47
|
+
<div class="fd-col fd-col-md--10 fd-col-lg--8 fd-col-xl--12">
|
|
48
|
+
<p class="fd-text" id="dm-input-14a-name">amelia.perry@example.com</p>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
|
|
52
|
+
<div class="fd-form-item fd-row">
|
|
53
|
+
<div class="fd-col fd-col-md--2 fd-col-lg--4 fd-col-xl--12">
|
|
54
|
+
<label class="fd-form-label fd-form-label--colon" for="dm-input-14b-name">Phone Number</label>
|
|
55
|
+
</div>
|
|
56
|
+
<div class="fd-col fd-col-md--10 fd-col-lg--8 fd-col-xl--12">
|
|
57
|
+
<p class="fd-text" id="dm-input-14b-name">+1 555 123 4567</p>
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
|
|
61
|
+
<div class="fd-form-item fd-row">
|
|
62
|
+
<div class="fd-col fd-col-md--2 fd-col-lg--4 fd-col-xl--12">
|
|
63
|
+
<label class="fd-form-label fd-form-label--colon" for="dm-input-14c-name">LinkedIn Profile</label>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="fd-col fd-col-md--10 fd-col-lg--8 fd-col-xl--12">
|
|
66
|
+
<p class="fd-text" id="dm-input-14c-name">linkedin.com/in/amelia-perry</p>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
|
|
71
|
+
<!-- Group 3 -->
|
|
72
|
+
<div class="fd-form-group fd-form-group--with-spacing fd-col fd-col-md--6 fd-col-lg--6 fd-col-xl--6 fd-col--wrap" role="group" aria-labelledby="dm-grid3GroupHeader">
|
|
73
|
+
<div class="fd-form-group__header">
|
|
74
|
+
<h4 class="fd-form-group__header-text" id="dm-grid3GroupHeader">Security Questions</h4>
|
|
75
|
+
</div>
|
|
76
|
+
|
|
77
|
+
<div class="fd-form-item fd-row">
|
|
78
|
+
<div class="fd-col fd-col-md--2 fd-col-lg--4 fd-col-xl--12">
|
|
79
|
+
<label class="fd-form-label fd-form-label--colon" for="dm-input-14j-name">What was your childhood nickname?</label>
|
|
80
|
+
</div>
|
|
81
|
+
<div class="fd-col fd-col-md--10 fd-col-lg--8 fd-col-xl--12">
|
|
82
|
+
<p class="fd-text" id="dm-input-14j-name">Mimi</p>
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
|
|
86
|
+
<div class="fd-form-item fd-row">
|
|
87
|
+
<div class="fd-col fd-col-md--2 fd-col-lg--4 fd-col-xl--12">
|
|
88
|
+
<label class="fd-form-label fd-form-label--colon" for="dm-input-14h-name">What was the name of your first pet?</label>
|
|
89
|
+
</div>
|
|
90
|
+
<div class="fd-col fd-col-md--10 fd-col-lg--8 fd-col-xl--12">
|
|
91
|
+
<p class="fd-text" id="dm-input-14h-name">Charlie</p>
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
|
|
95
|
+
<div class="fd-form-item fd-row">
|
|
96
|
+
<div class="fd-col fd-col-md--2 fd-col-lg--4 fd-col-xl--12">
|
|
97
|
+
<label class="fd-form-label fd-form-label--colon" for="dm-input-14k-name">What city were you born in?</label>
|
|
98
|
+
</div>
|
|
99
|
+
<div class="fd-col fd-col-md--10 fd-col-lg--8 fd-col-xl--12">
|
|
100
|
+
<p class="fd-text" id="dm-input-14k-name">Boston</p>
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
|
|
105
|
+
</div>
|
|
106
|
+
</div>
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
<div class="fd-product-switch__body">
|
|
2
2
|
<ul class="fd-product-switch__list" role="menu">
|
|
3
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="
|
|
4
|
-
<span class="fd-avatar fd-avatar--sm fd-avatar--
|
|
5
|
-
<i role="presentation" aria-hidden="true" class="fd-avatar__icon sap-icon--home"></i>
|
|
6
|
-
</span>
|
|
3
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="SAP Start Central Home" aria-posinset="1" aria-setsize="20">
|
|
4
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" style="background-image: url('/assets/images/landscape/demo-avatar.png')" role="img" aria-label="SAP Start"></span>
|
|
7
5
|
<div class="fd-product-switch__text">
|
|
8
|
-
<div class="fd-product-switch__title">
|
|
9
|
-
<div class="fd-product-switch__subtitle">Central Home
|
|
6
|
+
<div class="fd-product-switch__title">SAP Start</div>
|
|
7
|
+
<div class="fd-product-switch__subtitle">Central Home</div>
|
|
10
8
|
</div>
|
|
11
9
|
</li>
|
|
12
|
-
<li class="fd-product-switch__item
|
|
10
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Analytics Cloud Analytics Cloud Analytics Cloud" aria-posinset="2" aria-setsize="20">
|
|
13
11
|
<span
|
|
14
12
|
class="fd-avatar fd-avatar--sm fd-avatar--thumbnail"
|
|
15
13
|
style="background-image: url('/assets/images/landscape/L1.jpg')"
|
|
@@ -21,7 +19,7 @@
|
|
|
21
19
|
<div class="fd-product-switch__subtitle">Analytics Cloud</div>
|
|
22
20
|
</div>
|
|
23
21
|
</li>
|
|
24
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Catalog Ariba" aria-posinset="3" aria-setsize="
|
|
22
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Catalog Ariba" aria-posinset="3" aria-setsize="20">
|
|
25
23
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Catalog">
|
|
26
24
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--contacts"></i>
|
|
27
25
|
</span>
|
|
@@ -30,7 +28,7 @@
|
|
|
30
28
|
<div class="fd-product-switch__subtitle">Ariba</div>
|
|
31
29
|
</div>
|
|
32
30
|
</li>
|
|
33
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Guided Buying" aria-posinset="4" aria-setsize="
|
|
31
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Guided Buying" aria-posinset="4" aria-setsize="20">
|
|
34
32
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Guided Buying">
|
|
35
33
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--credit-card"></i>
|
|
36
34
|
</span>
|
|
@@ -38,7 +36,7 @@
|
|
|
38
36
|
<div class="fd-product-switch__title">Guided Buying</div>
|
|
39
37
|
</div>
|
|
40
38
|
</li>
|
|
41
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Strategic Procurement" aria-posinset="5" aria-setsize="
|
|
39
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Strategic Procurement" aria-posinset="5" aria-setsize="20">
|
|
42
40
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Strategic Procurement">
|
|
43
41
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--cart-3"></i>
|
|
44
42
|
</span>
|
|
@@ -46,7 +44,7 @@
|
|
|
46
44
|
<div class="fd-product-switch__title">Strategic Procurement</div>
|
|
47
45
|
</div>
|
|
48
46
|
</li>
|
|
49
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Travel & Expense Concur" aria-posinset="6" aria-setsize="
|
|
47
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Travel & Expense Concur" aria-posinset="6" aria-setsize="20">
|
|
50
48
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Travel & Expense">
|
|
51
49
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--flight"></i>
|
|
52
50
|
</span>
|
|
@@ -55,7 +53,7 @@
|
|
|
55
53
|
<div class="fd-product-switch__subtitle">Concur</div>
|
|
56
54
|
</div>
|
|
57
55
|
</li>
|
|
58
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Vendor Management Fieldglass" aria-posinset="7" aria-setsize="
|
|
56
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Vendor Management Fieldglass" aria-posinset="7" aria-setsize="20">
|
|
59
57
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Vendor Management">
|
|
60
58
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--shipping-status"></i>
|
|
61
59
|
</span>
|
|
@@ -64,7 +62,7 @@
|
|
|
64
62
|
<div class="fd-product-switch__subtitle">Fieldglass</div>
|
|
65
63
|
</div>
|
|
66
64
|
</li>
|
|
67
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Human Capital Management Human Capital Management" aria-posinset="8" aria-setsize="
|
|
65
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Human Capital Management Human Capital Management" aria-posinset="8" aria-setsize="20">
|
|
68
66
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Human Capital Management">
|
|
69
67
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--customer"></i>
|
|
70
68
|
</span>
|
|
@@ -72,7 +70,7 @@
|
|
|
72
70
|
<div class="fd-product-switch__title">Human Capital Management Human Capital Management</div>
|
|
73
71
|
</div>
|
|
74
72
|
</li>
|
|
75
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Sales Cloud Sales Cloud" aria-posinset="9" aria-setsize="
|
|
73
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Sales Cloud Sales Cloud" aria-posinset="9" aria-setsize="20">
|
|
76
74
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Sales Cloud">
|
|
77
75
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--sales-notification"></i>
|
|
78
76
|
</span>
|
|
@@ -81,7 +79,7 @@
|
|
|
81
79
|
<div class="fd-product-switch__subtitle">Sales Cloud</div>
|
|
82
80
|
</div>
|
|
83
81
|
</li>
|
|
84
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Commerce Cloud Commerce Cloud" aria-posinset="10" aria-setsize="
|
|
82
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Commerce Cloud Commerce Cloud" aria-posinset="10" aria-setsize="20">
|
|
85
83
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Commerce Cloud">
|
|
86
84
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--retail-store"></i>
|
|
87
85
|
</span>
|
|
@@ -90,7 +88,7 @@
|
|
|
90
88
|
<div class="fd-product-switch__subtitle">Commerce Cloud</div>
|
|
91
89
|
</div>
|
|
92
90
|
</li>
|
|
93
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Marketing Cloud Marketing Cloud" aria-posinset="11" aria-setsize="
|
|
91
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Marketing Cloud Marketing Cloud" aria-posinset="11" aria-setsize="20">
|
|
94
92
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Marketing Cloud">
|
|
95
93
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--marketing-campaign"></i>
|
|
96
94
|
</span>
|
|
@@ -99,7 +97,7 @@
|
|
|
99
97
|
<div class="fd-product-switch__subtitle">Marketing Cloud</div>
|
|
100
98
|
</div>
|
|
101
99
|
</li>
|
|
102
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Service Cloud" aria-posinset="12" aria-setsize="
|
|
100
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Service Cloud" aria-posinset="12" aria-setsize="20">
|
|
103
101
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Service Cloud">
|
|
104
102
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--family-care"></i>
|
|
105
103
|
</span>
|
|
@@ -107,7 +105,7 @@
|
|
|
107
105
|
<div class="fd-product-switch__title">Service Cloud</div>
|
|
108
106
|
</div>
|
|
109
107
|
</li>
|
|
110
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Customer Data Cloud" aria-posinset="13" aria-setsize="
|
|
108
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Customer Data Cloud" aria-posinset="13" aria-setsize="20">
|
|
111
109
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="Customer Data Cloud">
|
|
112
110
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--customer-briefing"></i>
|
|
113
111
|
</span>
|
|
@@ -115,7 +113,7 @@
|
|
|
115
113
|
<div class="fd-product-switch__title">Customer Data Cloud</div>
|
|
116
114
|
</div>
|
|
117
115
|
</li>
|
|
118
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="S/4HANA" aria-posinset="14" aria-setsize="
|
|
116
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="S/4HANA" aria-posinset="14" aria-setsize="20">
|
|
119
117
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="S/4HANA">
|
|
120
118
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--batch-payments"></i>
|
|
121
119
|
</span>
|
|
@@ -123,5 +121,53 @@
|
|
|
123
121
|
<div class="fd-product-switch__title">S/4HANA</div>
|
|
124
122
|
</div>
|
|
125
123
|
</li>
|
|
124
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Business Technology Platform" aria-posinset="15" aria-setsize="20">
|
|
125
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--transparent" role="img" aria-label="Business Technology Platform">
|
|
126
|
+
<i role="presentation" aria-hidden="true" class="fd-avatar__icon sap-icon--cloud"></i>
|
|
127
|
+
</span>
|
|
128
|
+
<div class="fd-product-switch__text">
|
|
129
|
+
<div class="fd-product-switch__title">Business Technology Platform</div>
|
|
130
|
+
</div>
|
|
131
|
+
</li>
|
|
132
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Intelligent Spend Management" aria-posinset="16" aria-setsize="20">
|
|
133
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--transparent" role="img" aria-label="Intelligent Spend Management">
|
|
134
|
+
<i role="presentation" aria-hidden="true" class="fd-avatar__icon sap-icon--expense-report"></i>
|
|
135
|
+
</span>
|
|
136
|
+
<div class="fd-product-switch__text">
|
|
137
|
+
<div class="fd-product-switch__title">Intelligent Spend Management</div>
|
|
138
|
+
</div>
|
|
139
|
+
</li>
|
|
140
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Supply Chain Management" aria-posinset="17" aria-setsize="20">
|
|
141
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--transparent" role="img" aria-label="Supply Chain Management">
|
|
142
|
+
<i role="presentation" aria-hidden="true" class="fd-avatar__icon sap-icon--supplier"></i>
|
|
143
|
+
</span>
|
|
144
|
+
<div class="fd-product-switch__text">
|
|
145
|
+
<div class="fd-product-switch__title">Supply Chain Management</div>
|
|
146
|
+
</div>
|
|
147
|
+
</li>
|
|
148
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Asset Management" aria-posinset="18" aria-setsize="20">
|
|
149
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--transparent" role="img" aria-label="Asset Management">
|
|
150
|
+
<i role="presentation" aria-hidden="true" class="fd-avatar__icon sap-icon--iphone"></i>
|
|
151
|
+
</span>
|
|
152
|
+
<div class="fd-product-switch__text">
|
|
153
|
+
<div class="fd-product-switch__title">Asset Management</div>
|
|
154
|
+
</div>
|
|
155
|
+
</li>
|
|
156
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Extended Planning & Analysis" aria-posinset="19" aria-setsize="20">
|
|
157
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--transparent" role="img" aria-label="Extended Planning & Analysis">
|
|
158
|
+
<i role="presentation" aria-hidden="true" class="fd-avatar__icon sap-icon--chart-axis"></i>
|
|
159
|
+
</span>
|
|
160
|
+
<div class="fd-product-switch__text">
|
|
161
|
+
<div class="fd-product-switch__title">Extended Planning & Analysis</div>
|
|
162
|
+
</div>
|
|
163
|
+
</li>
|
|
164
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Financial Management" aria-posinset="20" aria-setsize="20">
|
|
165
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--transparent" role="img" aria-label="Financial Management">
|
|
166
|
+
<i role="presentation" aria-hidden="true" class="fd-avatar__icon sap-icon--money-bills"></i>
|
|
167
|
+
</span>
|
|
168
|
+
<div class="fd-product-switch__text">
|
|
169
|
+
<div class="fd-product-switch__title">Financial Management</div>
|
|
170
|
+
</div>
|
|
171
|
+
</li>
|
|
126
172
|
</ul>
|
|
127
173
|
</div>
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
<div class="fd-product-switch__body fd-product-switch__body--col-3">
|
|
2
2
|
<ul class="fd-product-switch__list" role="menu">
|
|
3
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="
|
|
4
|
-
<span class="fd-avatar fd-avatar--sm fd-avatar--
|
|
5
|
-
<i role="presentation" aria-hidden="true" class="fd-avatar__icon sap-icon--home"></i>
|
|
6
|
-
</span>
|
|
3
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="SAP Start Central Home" aria-posinset="1" aria-setsize="5">
|
|
4
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" style="background-image: url('/assets/images/landscape/demo-avatar.png')" role="img" aria-label="SAP Start"></span>
|
|
7
5
|
<div class="fd-product-switch__text">
|
|
8
|
-
<div class="fd-product-switch__title">
|
|
9
|
-
<div class="fd-product-switch__subtitle">Central Home
|
|
6
|
+
<div class="fd-product-switch__title">SAP Start</div>
|
|
7
|
+
<div class="fd-product-switch__subtitle">Central Home</div>
|
|
10
8
|
</div>
|
|
11
9
|
</li>
|
|
12
|
-
<li class="fd-product-switch__item
|
|
10
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Analytics Cloud Analytics Cloud Analytics Cloud" aria-posinset="2" aria-setsize="5">
|
|
13
11
|
<span
|
|
14
12
|
class="fd-avatar fd-avatar--sm fd-avatar--thumbnail"
|
|
15
13
|
style="background-image: url('/assets/images/landscape/L1.jpg')"
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
<div style="width: 353px">
|
|
2
2
|
<div class="fd-product-switch__body fd-product-switch__body--mobile">
|
|
3
3
|
<ul class="fd-product-switch__list" role="menu">
|
|
4
|
-
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="
|
|
5
|
-
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="
|
|
6
|
-
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--home"></i>
|
|
7
|
-
</span>
|
|
4
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="SAP Start Central Home" aria-posinset="1" aria-setsize="14">
|
|
5
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" style="background-image: url('/assets/images/landscape/demo-avatar.png')" role="img" aria-label="SAP Start"></span>
|
|
8
6
|
<div class="fd-product-switch__text">
|
|
9
|
-
<div class="fd-product-switch__title">
|
|
7
|
+
<div class="fd-product-switch__title">SAP Start</div>
|
|
10
8
|
<div class="fd-product-switch__subtitle">Central Home</div>
|
|
11
9
|
</div>
|
|
12
10
|
</li>
|
|
13
|
-
<li class="fd-product-switch__item
|
|
11
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Analytics Cloud Analytics Cloud Analytics Cloud Analytics Cloud Analytics Cloud Analytics Cloud Analytics Cloud Analytics Cloud Analytics Cloud Analytics Cloud Analytics Cloud Analytics Cloud Analytics Cloud" aria-posinset="2" aria-setsize="14">
|
|
14
12
|
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" role="img" aria-label="SAP Start">
|
|
15
13
|
<i role="presentation" aria-hidden="true" class="fd-product-switch__icon sap-icon--business-objects-experience"></i>
|
|
16
14
|
</span>
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<div class="fd-product-switch__body fd-product-switch__body--col-2">
|
|
2
|
+
<ul class="fd-product-switch__list" role="menu">
|
|
3
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="SAP Start Central Home" aria-posinset="1" aria-setsize="2">
|
|
4
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--thumbnail" style="background-image: url('/assets/images/landscape/demo-avatar.png')" role="img" aria-label="SAP Start"></span>
|
|
5
|
+
<div class="fd-product-switch__text">
|
|
6
|
+
<div class="fd-product-switch__title">SAP Start</div>
|
|
7
|
+
<div class="fd-product-switch__subtitle">Central Home</div>
|
|
8
|
+
</div>
|
|
9
|
+
</li>
|
|
10
|
+
<li class="fd-product-switch__item" tabindex="0" role="menuitem" aria-label="Analytics Cloud Analytics Cloud" aria-posinset="2" aria-setsize="2">
|
|
11
|
+
<span class="fd-avatar fd-avatar--sm fd-avatar--transparent" role="img" aria-label="Analytics Cloud">
|
|
12
|
+
<i role="presentation" aria-hidden="true" class="fd-avatar__icon sap-icon--business-objects-experience"></i>
|
|
13
|
+
</span>
|
|
14
|
+
<div class="fd-product-switch__text">
|
|
15
|
+
<div class="fd-product-switch__title">Analytics Cloud</div>
|
|
16
|
+
<div class="fd-product-switch__subtitle">Analytics Cloud</div>
|
|
17
|
+
</div>
|
|
18
|
+
</li>
|
|
19
|
+
</ul>
|
|
20
|
+
</div>
|
|
@@ -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.21",
|
|
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",
|