Skip to content

@ui5/webcomponents-ai does not support sap_fiori_3 theme (only Horizon themes available) #12814

@pankajm-linde

Description

@pankajm-linde

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

  1. Create a React application using @ui5/webcomponents-react and @ui5/webcomponents-ai-react.

  2. Install the AI package:

npm install @ui5/webcomponents-ai @ui5/webcomponents-ai-react

  1. 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");
  1. Render any AI component, e.g. <Button/>.

  2. 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

Projects

Status

New

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions