-
Notifications
You must be signed in to change notification settings - Fork 279
Description
Describe the bug
When using @ui5/webcomponents-ai together with other UI5 Web Components packages in an application themed with sap_fiori_3, the AI components fail to resolve the theme and log an error similar to:
Theme [sap_fiori_3] not registered for package [@ui5/webcomponents-ai]
After checking the package source, it seems that @ui5/webcomponents-ai currently ships only Horizon themes:
- sap_horizon
- sap_horizon_dark
- sap_horizon_hcb
- sap_horizon_hcw
There are no theme assets for sap_fiori_3 (or other Fiori 3 variants) under packages/ai/src/themes, which explains why the theme registration fails for that theme.
Isolated Example
No response
Reproduction steps
-
Create a React application using @ui5/webcomponents-react and @ui5/webcomponents-ai-react.
-
Install the AI package:
npm install @ui5/webcomponents-ai @ui5/webcomponents-ai-react
- In the app entry file (e.g. main.tsx/index.tsx), add:
import "@ui5/webcomponents/dist/Assets.js";
import "@ui5/webcomponents-ai/dist/Assets.js";
import { setTheme } from "@ui5/webcomponents-base/dist/config/Theme.js";
setTheme("sap_fiori_3");
-
Render any AI component, e.g.
<Button/>. -
Run the app and check the browser console.
Expected Behaviour
@ui5/webcomponents-ai should provide sap_fiori_3 theme assets similar to the other UI5 Web Components packages, so that AI components can be used in existing Fiori 3–themed apps.
Screenshots or Videos
No response
UI5 Web Components for React Version
2.17.0
UI5 Web Components Version
2.17.0
Browser
Edge
Operating System
No response
Additional Context
Is Fiori 3 theming planned for @ui5/webcomponents-ai, or is the strategic direction to use only Horizon themes for AI components?
Relevant log output
Organization
No response
Declaration
- I’m not disclosing any internal or sensitive information.
Metadata
Metadata
Assignees
Type
Projects
Status