How to use the @ui5/webcomponents-base/dist/asset-registries/Themes.js.registerThemeProperties function in @ui5/webcomponents-base
To help you get started, we’ve selected a few @ui5/webcomponents-base examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
SAP / ui5-webcomponents / packages / main / src / json-imports / Themes.js View on Github 
import fiori3Dark from "../assets/themes/sap_fiori_3_dark/parameters-bundle.css.json";
import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";
const isInlined = obj => typeof (obj) === "object";
/* eslint-disable */
if (isInlined(fiori3) || isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("@ui5/webcomponents", "sap_belize", belize);
registerThemeProperties("@ui5/webcomponents", "sap_belize_hcb", belizeHcb);/* eslint-disable */
if (isInlined(fiori3) || isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("@ui5/webcomponents", "sap_belize", belize);
registerThemeProperties("@ui5/webcomponents", "sap_belize_hcb", belizeHcb);if (isInlined(fiori3) || isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("@ui5/webcomponents", "sap_belize", belize);
registerThemeProperties("@ui5/webcomponents", "sap_belize_hcb", belizeHcb);import fiori3Dark from "../assets/themes/sap_fiori_3_dark/parameters-bundle.css.json";
import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";
const isInlined = obj => typeof (obj) === "object";
/* eslint-disable */
if (isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize", belize);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize_hcb", belizeHcb);import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";
const isInlined = obj => typeof (obj) === "object";
/* eslint-disable */
if (isInlined(fiori3) || isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("@ui5/webcomponents", "sap_belize", belize);
registerThemeProperties("@ui5/webcomponents", "sap_belize_hcb", belizeHcb);import fiori3 from "../assets/themes/sap_fiori_3/parameters-bundle.css.json";
import fiori3Dark from "../assets/themes/sap_fiori_3_dark/parameters-bundle.css.json";
import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";
const isInlined = obj => typeof (obj) === "object";
/* eslint-disable */
if (isInlined(fiori3) || isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
registerThemeProperties("@ui5/webcomponents", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("@ui5/webcomponents", "sap_belize", belize);
registerThemeProperties("@ui5/webcomponents", "sap_belize_hcb", belizeHcb);const isInlined = obj => typeof (obj) === "object";
/* eslint-disable */
if (isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize", belize);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize_hcb", belizeHcb);/* eslint-disable */
if (isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize", belize);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize_hcb", belizeHcb);// Main assets
import fiori3Dark from "../assets/themes/sap_fiori_3_dark/parameters-bundle.css.json";
import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";
const isInlined = obj => typeof (obj) === "object";
/* eslint-disable */
if (isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
See rollup-plugin-url or webpack file-loader for more information.
Suggested pattern: "assets\\\/.*\\\.json"`);
}
/* eslint-enable */
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3_dark", fiori3DarkBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize", belizeBase);
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_belize_hcb", belizeHcbBase);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_fiori_3_dark", fiori3Dark);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize", belize);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_belize_hcb", belizeHcb);import { registerThemeProperties } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
// Base assets
import fiori3Base from "@ui5/webcomponents-theme-base/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
// Main assets
import fiori3 from "./generated/themes/sap_fiori_3/parameters-bundle.css.js";
registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", fiori3Base);
registerThemeProperties("INIT_PACKAGE_VAR_NAME", "sap_fiori_3", fiori3);@ui5/webcomponents-base
UI5 Web Components: webcomponents.base
Package Health Score
90 / 100Popular @ui5/webcomponents-base functions
- @ui5/webcomponents-base/dist/asset-registries/Themes.js.registerThemeProperties
- @ui5/webcomponents-base/dist/config/CalendarType.js.getCalendarType
- @ui5/webcomponents-base/dist/config/RTL.js.getRTL
- @ui5/webcomponents-base/dist/dates/CalendarDate.js
- @ui5/webcomponents-base/dist/dates/CalendarDate.js.fromTimestamp
- @ui5/webcomponents-base/dist/delegate/ItemNavigation.js
- @ui5/webcomponents-base/dist/Device.js.isIE
- @ui5/webcomponents-base/dist/events/PseudoEvents.js.isDown
- @ui5/webcomponents-base/dist/events/PseudoEvents.js.isEnter
- @ui5/webcomponents-base/dist/events/PseudoEvents.js.isSpace
- @ui5/webcomponents-base/dist/FeaturesRegistry.js.getFeature
- @ui5/webcomponents-base/dist/i18nBundle.js.fetchI18nBundle
- @ui5/webcomponents-base/dist/i18nBundle.js.getI18nBundle
- @ui5/webcomponents-base/dist/LocaleProvider.js.getLocale
- @ui5/webcomponents-base/dist/SVGIconRegistry.js.registerIcon
- @ui5/webcomponents-base/dist/types/ValueState.js.None
- @ui5/webcomponents-base/dist/util/FocusableElements.js.getFirstFocusableElement
- @ui5/webcomponents-base/src/Configuration.js.getRTL
- @ui5/webcomponents-base/src/events/PseudoEvents.js.isSpace
- @ui5/webcomponents-base/src/sap/ui/webcomponents/base/compatibility/ShadowDOM.registerStyle