@fundamental-styles/mcp 0.41.10-rc.8 → 0.42.0-rc.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/data/CHANGELOG.md +24 -0
- package/data/accessibility.json +144 -22
- package/data/component-graph.md +245 -7096
- package/data/component-relationships.json +1219 -42301
- package/data/components/action-bar.md +49 -47
- package/data/components/ai-busy-indicator.md +0 -1
- package/data/components/ai-loading-bar.md +0 -1
- package/data/components/avatar-btp.md +5 -2
- package/data/components/avatar-group.md +1428 -1395
- package/data/components/avatar-product-switch.md +115 -115
- package/data/components/avatar.md +20 -6
- package/data/components/bar.md +13 -4
- package/data/components/border-radius.md +2 -2
- package/data/components/border.md +4 -4
- package/data/components/breadcrumb.md +15 -6
- package/data/components/button-action-sheet.md +40 -39
- package/data/components/button-ai.md +0 -1
- package/data/components/button-patterns.md +4 -4
- package/data/components/button-split.md +4 -2
- package/data/components/button.md +75 -5
- package/data/components/calendar.md +2084 -1980
- package/data/components/card-card-media.md +358 -355
- package/data/components/card-card.md +104 -104
- package/data/components/card-layouts.md +3 -1
- package/data/components/card.md +1447 -1398
- package/data/components/carousel.md +1089 -1024
- package/data/components/component-reset.md +2 -2
- package/data/components/components-icons-businesssuiteinappsymbol-icons.md +2 -2
- package/data/components/components-icons-sap-icons.md +22 -4
- package/data/components/components-icons-tnt-icons.md +2 -2
- package/data/components/container-queries.md +3 -3
- package/data/components/container.md +4 -5
- package/data/components/dialog-docs-static-busy-indicator.md +32 -2
- package/data/components/dialog-docs-static-dialog.md +79 -79
- package/data/components/dialog-docs-static-patterns.md +32 -2
- package/data/components/dialog-docs-static-settings.md +112 -119
- package/data/components/dialog-docs-static.md +323 -210
- package/data/components/dialog.md +297 -271
- package/data/components/dynamic-page-dynamic-page.md +1228 -1099
- package/data/components/dynamic-page.md +232 -188
- package/data/components/dynamic-side.md +44 -5
- package/data/components/elevation.md +2 -2
- package/data/components/feed-input.md +15 -0
- package/data/components/feed-list.md +207 -234
- package/data/components/fieldset-2.md +0 -1
- package/data/components/fieldset-forms.md +1 -2
- package/data/components/fieldset.md +1 -2
- package/data/components/flexible-column-layout.md +42 -36
- package/data/components/form-group.md +2 -2
- package/data/components/form-header.md +0 -1
- package/data/components/form-item-2.md +0 -1
- package/data/components/form-item-3.md +0 -1
- package/data/components/form-item-4.md +0 -1
- package/data/components/form-item-5.md +18 -2
- package/data/components/form-item-6.md +13 -13
- package/data/components/form-item-7.md +13 -13
- package/data/components/form-item-ai.md +1 -2
- package/data/components/form-item-file-uploader.md +1 -1
- package/data/components/form-item-forms.md +0 -1
- package/data/components/form-item.md +0 -1
- package/data/components/form-label-ai.md +14 -13
- package/data/components/form-label-layouts.md +2 -2
- package/data/components/form-label-patterns.md +722 -700
- package/data/components/form-label-status-indicator.md +12 -6
- package/data/components/form-label-step-input.md +8 -5
- package/data/components/form-label.md +1755 -1680
- package/data/components/generic-tag.md +526 -481
- package/data/components/grid-list-grid-list.md +600 -601
- package/data/components/grid-list.md +710 -710
- package/data/components/heading.md +2 -2
- package/data/components/horizontal-navigation.md +379 -369
- package/data/components/icon-tab-bar-dev.md +9 -6
- package/data/components/icon-tab-bar.md +270 -235
- package/data/components/icon.md +2 -2
- package/data/components/iconBusinessSuite.md +2 -2
- package/data/components/iconTnt.md +2 -2
- package/data/components/illustrated-message.md +78 -2
- package/data/components/info-label.md +13 -1
- package/data/components/input-group.md +402 -408
- package/data/components/label.md +3 -3
- package/data/components/layout-grid.md +5 -2
- package/data/components/layout-panel.md +13 -1
- package/data/components/layouts-layout-grid.md +23 -3
- package/data/components/layouts-paddings.md +20 -6
- package/data/components/layouts-section.md +4 -3
- package/data/components/list-2.md +32 -19
- package/data/components/list-3.md +115 -91
- package/data/components/list-list.md +91 -28
- package/data/components/list.md +322 -292
- package/data/components/media-queries.md +3 -3
- package/data/components/menu.md +176 -161
- package/data/components/message-box-docs-static-ai.md +0 -1
- package/data/components/message-box-docs-static.md +245 -211
- package/data/components/message-page-upload-collection.md +107 -94
- package/data/components/message-page.md +64 -62
- package/data/components/message-strip.md +621 -579
- package/data/components/micro-process-flow.md +143 -141
- package/data/components/navigation-navigation.md +549 -525
- package/data/components/navigation.md +5125 -4898
- package/data/components/numeric-content.md +0 -1
- package/data/components/object-attribute.md +0 -1
- package/data/components/object-identifier.md +2 -1
- package/data/components/object-number.md +15 -12
- package/data/components/object-status.md +23 -7
- package/data/components/off-screen.md +2 -1
- package/data/components/overflow.md +2 -2
- package/data/components/padding.md +2 -2
- package/data/components/paddings.md +2 -2
- package/data/components/page.md +34 -1
- package/data/components/pagination.md +104 -82
- package/data/components/panel-layouts.md +22 -6
- package/data/components/panel.md +76 -76
- package/data/components/patterns-label.md +3 -3
- package/data/components/popover-2.md +39 -39
- package/data/components/popover-ai.md +35 -32
- package/data/components/popover-btp.md +706 -669
- package/data/components/popover-deprecated.md +142 -143
- package/data/components/popover-message-popover.md +414 -414
- package/data/components/popover-notification.md +1076 -1061
- package/data/components/popover-patterns.md +536 -525
- package/data/components/popover-popover.md +1 -1
- package/data/components/popover-quick-view.md +95 -97
- package/data/components/popover-timepicker.md +1419 -1419
- package/data/components/popover-user-menu.md +371 -361
- package/data/components/popover.md +699 -678
- package/data/components/progress-indicator.md +27 -23
- package/data/components/prompt-input-ai.md +0 -1
- package/data/components/prompt-input.md +0 -1
- package/data/components/rating-indicator.md +828 -1259
- package/data/components/scrollbar.md +1 -1
- package/data/components/search-field.md +102 -102
- package/data/components/section.md +2 -2
- package/data/components/segmented-button.md +4 -3
- package/data/components/shellbar.md +1484 -1378
- package/data/components/side-nav.md +1334 -1335
- package/data/components/slider.md +61 -46
- package/data/components/splitter.md +18 -2
- package/data/components/table.md +468 -384
- package/data/components/tabs.md +27 -13
- package/data/components/text-text.md +23 -5
- package/data/components/text.md +21 -6
- package/data/components/tile.md +112 -21
- package/data/components/time.md +466 -464
- package/data/components/titles.md +2 -2
- package/data/components/token.md +8 -4
- package/data/components/tokenizer.md +4 -4
- package/data/components/tool-header.md +6 -6
- package/data/components/tool-layout.md +7 -10
- package/data/components/toolbar-ai.md +0 -1
- package/data/components/toolbar-btp.md +42 -42
- package/data/components/toolbar-title-bar.md +1 -1
- package/data/components/toolbar.md +120 -107
- package/data/components/tree.md +53 -11
- package/data/components/typography.md +2 -2
- package/data/components/vertical-nav.md +32 -32
- package/data/components/wizard.md +286 -280
- package/data/examples/Components/action-sheet/action-sheet-mobile.example.html +1 -0
- package/data/examples/Components/card/extended-header.example.html +36 -19
- package/data/examples/Components/rating-indicator/custom-icons.example.html +34 -34
- package/data/examples/Components/rating-indicator/different-values.example.html +122 -74
- package/data/examples/Components/rating-indicator/disabled.example.html +34 -198
- package/data/examples/Components/rating-indicator/display-mode.example.html +155 -197
- package/data/examples/Components/rating-indicator/half-values.example.html +104 -164
- package/data/examples/Components/rating-indicator/sizes.example.html +154 -179
- package/data/examples/Dev/facets/combined.example.html +36 -18
- package/data/examples/Dev/facets/object-page.example.html +37 -19
- package/data/examples/Dev/facets/rating-indicator.example.html +33 -15
- package/data/examples/Layouts/dynamic-page/with-facets.example.html +37 -19
- package/package.json +1 -1
- package/data/examples/Components/rating-indicator/non-interactive.example.html +0 -205
package/data/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,30 @@
|
|
|
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.42.0-rc.0](https://github.com/SAP/fundamental-styles/compare/v0.41.10-rc.10...v0.42.0-rc.0) (2026-10-05)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **styles:** refactor Rating Indicator [ci visual] ([#5645](https://github.com/SAP/fundamental-styles/issues/5645)) ([5113384](https://github.com/SAP/fundamental-styles/commit/5113384e291a807f43623ab71cf679677e828c20))
|
|
11
|
+
|
|
12
|
+
### BREAKING CHANGES
|
|
13
|
+
|
|
14
|
+
- **styles:** The HTML structure of the Rating Indicator has been completely replaced. The old `input[type=radio]` + `label` markup is no longer supported.
|
|
15
|
+
|
|
16
|
+
Consumers must:
|
|
17
|
+
|
|
18
|
+
1. Replace `input`/`label` elements with the `ul > li > span` structure
|
|
19
|
+
2. Move ARIA state to `role="slider"` attributes on `__container` and update them via JavaScript
|
|
20
|
+
3. Use `--selected` / `--unselected` modifier classes on icon spans instead of `:checked` state
|
|
21
|
+
|
|
22
|
+
## [0.41.10-rc.10](https://github.com/SAP/fundamental-styles/compare/v0.41.10-rc.9...v0.41.10-rc.10) (2026-10-01)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package fundamental-styles
|
|
25
|
+
|
|
26
|
+
## [0.41.10-rc.9](https://github.com/SAP/fundamental-styles/compare/v0.41.10-rc.8...v0.41.10-rc.9) (2026-09-29)
|
|
27
|
+
|
|
28
|
+
**Note:** Version bump only for package fundamental-styles
|
|
29
|
+
|
|
6
30
|
## [0.41.10-rc.8](https://github.com/SAP/fundamental-styles/compare/v0.41.10-rc.7...v0.41.10-rc.8) (2026-09-29)
|
|
7
31
|
|
|
8
32
|
**Note:** Version bump only for package fundamental-styles
|
package/data/accessibility.json
CHANGED
|
@@ -639,7 +639,8 @@
|
|
|
639
639
|
"img",
|
|
640
640
|
"button",
|
|
641
641
|
"listitem",
|
|
642
|
-
"list"
|
|
642
|
+
"list",
|
|
643
|
+
"slider"
|
|
643
644
|
],
|
|
644
645
|
"requiredAttrs": [],
|
|
645
646
|
"optionalAttrs": [
|
|
@@ -700,11 +701,47 @@
|
|
|
700
701
|
"exampleValues": [
|
|
701
702
|
"5"
|
|
702
703
|
]
|
|
704
|
+
},
|
|
705
|
+
{
|
|
706
|
+
"name": "aria-orientation",
|
|
707
|
+
"purpose": "See WAI-ARIA specification",
|
|
708
|
+
"exampleValues": [
|
|
709
|
+
"horizontal"
|
|
710
|
+
]
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"name": "aria-valuemin",
|
|
714
|
+
"purpose": "See WAI-ARIA specification",
|
|
715
|
+
"exampleValues": [
|
|
716
|
+
"0"
|
|
717
|
+
]
|
|
718
|
+
},
|
|
719
|
+
{
|
|
720
|
+
"name": "aria-valuenow",
|
|
721
|
+
"purpose": "See WAI-ARIA specification",
|
|
722
|
+
"exampleValues": [
|
|
723
|
+
"2.5"
|
|
724
|
+
]
|
|
725
|
+
},
|
|
726
|
+
{
|
|
727
|
+
"name": "aria-valuemax",
|
|
728
|
+
"purpose": "See WAI-ARIA specification",
|
|
729
|
+
"exampleValues": [
|
|
730
|
+
"5"
|
|
731
|
+
]
|
|
732
|
+
},
|
|
733
|
+
{
|
|
734
|
+
"name": "aria-valuetext",
|
|
735
|
+
"purpose": "See WAI-ARIA specification",
|
|
736
|
+
"exampleValues": [
|
|
737
|
+
"2.5 of 5"
|
|
738
|
+
]
|
|
703
739
|
}
|
|
704
740
|
],
|
|
705
741
|
"keyboardSupport": [
|
|
706
742
|
"Enter",
|
|
707
|
-
"Space"
|
|
743
|
+
"Space",
|
|
744
|
+
"Arrow keys"
|
|
708
745
|
],
|
|
709
746
|
"focusManagement": "Uses tabindex for focus management",
|
|
710
747
|
"notes": []
|
|
@@ -1417,7 +1454,8 @@
|
|
|
1417
1454
|
"listitem",
|
|
1418
1455
|
"dialog",
|
|
1419
1456
|
"list",
|
|
1420
|
-
"group"
|
|
1457
|
+
"group",
|
|
1458
|
+
"img"
|
|
1421
1459
|
],
|
|
1422
1460
|
"requiredAttrs": [
|
|
1423
1461
|
{
|
|
@@ -1454,7 +1492,8 @@
|
|
|
1454
1492
|
"purpose": "References controlled element",
|
|
1455
1493
|
"exampleValues": [
|
|
1456
1494
|
"popoverHSF3",
|
|
1457
|
-
"popoverHSF5"
|
|
1495
|
+
"popoverHSF5",
|
|
1496
|
+
"msgPopoverWrap"
|
|
1458
1497
|
]
|
|
1459
1498
|
},
|
|
1460
1499
|
{
|
|
@@ -1728,8 +1767,8 @@
|
|
|
1728
1767
|
"object-list": {
|
|
1729
1768
|
"roles": [
|
|
1730
1769
|
"listitem",
|
|
1731
|
-
"option",
|
|
1732
1770
|
"list",
|
|
1771
|
+
"option",
|
|
1733
1772
|
"navigation",
|
|
1734
1773
|
"listbox"
|
|
1735
1774
|
],
|
|
@@ -2053,8 +2092,8 @@
|
|
|
2053
2092
|
"name": "aria-label",
|
|
2054
2093
|
"purpose": "Accessible name when no visible text",
|
|
2055
2094
|
"exampleValues": [
|
|
2056
|
-
"
|
|
2057
|
-
"
|
|
2095
|
+
"SAP Start Central Home",
|
|
2096
|
+
"SAP Start",
|
|
2058
2097
|
"Analytics Cloud Analytics Cloud Analytics Cloud"
|
|
2059
2098
|
],
|
|
2060
2099
|
"when": "Required when no visible text label"
|
|
@@ -2074,8 +2113,9 @@
|
|
|
2074
2113
|
"name": "aria-setsize",
|
|
2075
2114
|
"purpose": "Total items in set",
|
|
2076
2115
|
"exampleValues": [
|
|
2077
|
-
"
|
|
2078
|
-
"5"
|
|
2116
|
+
"20",
|
|
2117
|
+
"5",
|
|
2118
|
+
"14"
|
|
2079
2119
|
]
|
|
2080
2120
|
}
|
|
2081
2121
|
],
|
|
@@ -2179,15 +2219,15 @@
|
|
|
2179
2219
|
]
|
|
2180
2220
|
},
|
|
2181
2221
|
"rating-indicator": {
|
|
2182
|
-
"roles": [
|
|
2222
|
+
"roles": [
|
|
2223
|
+
"slider"
|
|
2224
|
+
],
|
|
2183
2225
|
"requiredAttrs": [
|
|
2184
2226
|
{
|
|
2185
2227
|
"name": "aria-label",
|
|
2186
2228
|
"purpose": "Accessible name when no visible text",
|
|
2187
2229
|
"exampleValues": [
|
|
2188
|
-
"Star Rating
|
|
2189
|
-
"0 star",
|
|
2190
|
-
"1 star"
|
|
2230
|
+
"Star Rating"
|
|
2191
2231
|
],
|
|
2192
2232
|
"when": "Required when no visible text label"
|
|
2193
2233
|
},
|
|
@@ -2200,9 +2240,59 @@
|
|
|
2200
2240
|
"when": "Required for interactive state"
|
|
2201
2241
|
}
|
|
2202
2242
|
],
|
|
2203
|
-
"optionalAttrs": [
|
|
2204
|
-
|
|
2205
|
-
|
|
2243
|
+
"optionalAttrs": [
|
|
2244
|
+
{
|
|
2245
|
+
"name": "aria-roledescription",
|
|
2246
|
+
"purpose": "Custom role description",
|
|
2247
|
+
"exampleValues": [
|
|
2248
|
+
"Rating Indicator"
|
|
2249
|
+
]
|
|
2250
|
+
},
|
|
2251
|
+
{
|
|
2252
|
+
"name": "aria-valuemin",
|
|
2253
|
+
"purpose": "See WAI-ARIA specification",
|
|
2254
|
+
"exampleValues": [
|
|
2255
|
+
"0"
|
|
2256
|
+
]
|
|
2257
|
+
},
|
|
2258
|
+
{
|
|
2259
|
+
"name": "aria-valuemax",
|
|
2260
|
+
"purpose": "See WAI-ARIA specification",
|
|
2261
|
+
"exampleValues": [
|
|
2262
|
+
"5",
|
|
2263
|
+
"6",
|
|
2264
|
+
"7"
|
|
2265
|
+
]
|
|
2266
|
+
},
|
|
2267
|
+
{
|
|
2268
|
+
"name": "aria-valuenow",
|
|
2269
|
+
"purpose": "See WAI-ARIA specification",
|
|
2270
|
+
"exampleValues": [
|
|
2271
|
+
"2",
|
|
2272
|
+
"2.5"
|
|
2273
|
+
]
|
|
2274
|
+
},
|
|
2275
|
+
{
|
|
2276
|
+
"name": "aria-valuetext",
|
|
2277
|
+
"purpose": "See WAI-ARIA specification",
|
|
2278
|
+
"exampleValues": [
|
|
2279
|
+
"2 of 5",
|
|
2280
|
+
"2 of 6",
|
|
2281
|
+
"2 of 7"
|
|
2282
|
+
]
|
|
2283
|
+
},
|
|
2284
|
+
{
|
|
2285
|
+
"name": "aria-readonly",
|
|
2286
|
+
"purpose": "Indicates read-only field",
|
|
2287
|
+
"exampleValues": [
|
|
2288
|
+
"true"
|
|
2289
|
+
]
|
|
2290
|
+
}
|
|
2291
|
+
],
|
|
2292
|
+
"keyboardSupport": [
|
|
2293
|
+
"Arrow keys"
|
|
2294
|
+
],
|
|
2295
|
+
"focusManagement": "Uses tabindex for focus management",
|
|
2206
2296
|
"notes": []
|
|
2207
2297
|
},
|
|
2208
2298
|
"search-field": {
|
|
@@ -2444,10 +2534,15 @@
|
|
|
2444
2534
|
"roles": [
|
|
2445
2535
|
"listitem",
|
|
2446
2536
|
"list",
|
|
2537
|
+
"img",
|
|
2447
2538
|
"dialog",
|
|
2539
|
+
"button",
|
|
2448
2540
|
"tab",
|
|
2449
2541
|
"tabpanel",
|
|
2450
|
-
"tablist"
|
|
2542
|
+
"tablist",
|
|
2543
|
+
"note",
|
|
2544
|
+
"toolbar",
|
|
2545
|
+
"combobox"
|
|
2451
2546
|
],
|
|
2452
2547
|
"requiredAttrs": [
|
|
2453
2548
|
{
|
|
@@ -2457,6 +2552,14 @@
|
|
|
2457
2552
|
"true"
|
|
2458
2553
|
],
|
|
2459
2554
|
"when": "Required for interactive state"
|
|
2555
|
+
},
|
|
2556
|
+
{
|
|
2557
|
+
"name": "aria-expanded",
|
|
2558
|
+
"purpose": "Indicates expandable state (true/false)",
|
|
2559
|
+
"exampleValues": [
|
|
2560
|
+
"false"
|
|
2561
|
+
],
|
|
2562
|
+
"when": "Required for interactive state"
|
|
2460
2563
|
}
|
|
2461
2564
|
],
|
|
2462
2565
|
"optionalAttrs": [
|
|
@@ -2484,18 +2587,37 @@
|
|
|
2484
2587
|
"input",
|
|
2485
2588
|
"button"
|
|
2486
2589
|
]
|
|
2590
|
+
},
|
|
2591
|
+
{
|
|
2592
|
+
"name": "aria-haspopup",
|
|
2593
|
+
"purpose": "Indicates popup type (menu/listbox/dialog)",
|
|
2594
|
+
"exampleValues": [
|
|
2595
|
+
"true",
|
|
2596
|
+
"listbox"
|
|
2597
|
+
]
|
|
2598
|
+
},
|
|
2599
|
+
{
|
|
2600
|
+
"name": "aria-roledescription",
|
|
2601
|
+
"purpose": "Custom role description",
|
|
2602
|
+
"exampleValues": [
|
|
2603
|
+
"Contains item list for selection"
|
|
2604
|
+
]
|
|
2487
2605
|
}
|
|
2488
2606
|
],
|
|
2489
2607
|
"keyboardSupport": [
|
|
2490
2608
|
"Escape",
|
|
2491
2609
|
"Tab",
|
|
2610
|
+
"Enter",
|
|
2611
|
+
"Space",
|
|
2492
2612
|
"Arrow keys"
|
|
2493
2613
|
],
|
|
2494
2614
|
"focusManagement": "Uses tabindex for focus management",
|
|
2495
2615
|
"notes": [
|
|
2496
2616
|
"Uses tabindex=\"-1\" for programmatic focus",
|
|
2497
2617
|
"Modal dialogs require focus trap",
|
|
2498
|
-
"Use aria-modal=\"true\" for modals"
|
|
2618
|
+
"Use aria-modal=\"true\" for modals",
|
|
2619
|
+
"Requires aria-expanded and aria-haspopup",
|
|
2620
|
+
"Use aria-activedescendant for active option"
|
|
2499
2621
|
]
|
|
2500
2622
|
},
|
|
2501
2623
|
"shellbar": {
|
|
@@ -2564,8 +2686,8 @@
|
|
|
2564
2686
|
"side-navigation": {
|
|
2565
2687
|
"roles": [
|
|
2566
2688
|
"treeitem",
|
|
2567
|
-
"menuitemradio",
|
|
2568
2689
|
"group",
|
|
2690
|
+
"menuitemradio",
|
|
2569
2691
|
"tree",
|
|
2570
2692
|
"separator",
|
|
2571
2693
|
"menu",
|
|
@@ -3369,9 +3491,9 @@
|
|
|
3369
3491
|
"name": "aria-labelledby",
|
|
3370
3492
|
"purpose": "References visible label element",
|
|
3371
3493
|
"exampleValues": [
|
|
3372
|
-
"grid1GroupHeader",
|
|
3373
|
-
"grid2GroupHeader",
|
|
3374
|
-
"grid3GroupHeader"
|
|
3494
|
+
"dm-grid1GroupHeader",
|
|
3495
|
+
"dm-grid2GroupHeader",
|
|
3496
|
+
"dm-grid3GroupHeader"
|
|
3375
3497
|
]
|
|
3376
3498
|
}
|
|
3377
3499
|
],
|