@umbraco-cms/backoffice 14.0.0-96df70e1 → 14.0.0-9cc9c792

package/dist-cms/libs/context-api/provide/context-provider.controller.d.ts

@@ -1,9 +1,9 @@
 import { UmbContextToken } from '../token/context-token.js';
 import { UmbContextProvider } from './context-provider.js';
 import type { UmbControllerHost, UmbController } from '../../controller-api/index.js';
-export declare class UmbContextProviderController<T = unknown> extends UmbContextProvider implements UmbController {
+export declare class UmbContextProviderController<BaseType = unknown, ResultType extends BaseType = BaseType, InstanceType extends ResultType = ResultType> extends UmbContextProvider<BaseType, ResultType> implements UmbController {
     #private;
     get controllerAlias(): string;
-    constructor(host: UmbControllerHost, contextAlias: string | UmbContextToken<T>, instance: T);
+    constructor(host: UmbControllerHost, contextAlias: string | UmbContextToken<BaseType, ResultType>, instance: InstanceType);
     destroy(): void;
 }

package/dist-cms/libs/context-api/provide/context-provider.d.ts

@@ -3,7 +3,7 @@ import { UmbContextToken } from '../token/context-token.js';
  * @export
  * @class UmbContextProvider
  */
-export declare class UmbContextProvider {
+export declare class UmbContextProvider<BaseType = unknown, ResultType extends BaseType = BaseType> {
     #private;
     protected hostElement: EventTarget;
     protected _contextAlias: string;
@@ -20,7 +20,7 @@ export declare class UmbContextProvider {
      * @param {*} instance
      * @memberof UmbContextProvider
      */
-    constructor(hostElement: EventTarget, contextAlias: string | UmbContextToken, instance: unknown);
+    constructor(hostElement: EventTarget, contextAlias: string | UmbContextToken<BaseType, ResultType>, instance: ResultType);
     /**
      * @memberof UmbContextProvider
      */

package/dist-cms/libs/context-api/token/context-token.d.ts

@@ -1,6 +1,7 @@
-export declare class UmbContextToken<T = unknown> {
+export type UmbContextDiscriminator<BaseType, DiscriminatorResult extends BaseType> = (instance: BaseType) => instance is DiscriminatorResult;
+export declare class UmbContextToken<BaseType = unknown, ResultType extends BaseType = BaseType> {
+    #private;
     protected alias: string;
-    protected _desc?: string | undefined;
     /**
      * Get the type of the token
      *
@@ -10,14 +11,12 @@ export declare class UmbContextToken<T = unknown> {
      * @example   `typeof MyToken.TYPE`
      * @returns   undefined
      */
-    readonly TYPE: T;
+    readonly TYPE: ResultType;
     /**
-     * @param alias   Unique identifier for the token,
-     * @param _desc   Description for the token,
-     *                used only for debugging purposes,
-     *                it should but does not need to be unique
+     * @param alias   Unique identifier for the token
      */
-    constructor(alias: string, _desc?: string | undefined);
+    constructor(alias: string, discriminator?: UmbContextDiscriminator<BaseType, ResultType>);
+    getDiscriminator(): UmbContextDiscriminator<BaseType, ResultType> | undefined;
     /**
      * This method must always return the unique alias of the token since that
      * will be used to look up the token in the injector.

package/dist-cms/libs/context-api/token/context-token.js

@@ -1,13 +1,10 @@
 export class UmbContextToken {
+    #discriminator;
     /**
-     * @param alias   Unique identifier for the token,
-     * @param _desc   Description for the token,
-     *                used only for debugging purposes,
-     *                it should but does not need to be unique
+     * @param alias   Unique identifier for the token
      */
-    constructor(alias, _desc) {
+    constructor(alias, discriminator) {
         this.alias = alias;
-        this._desc = _desc;
         /**
          * Get the type of the token
          *
@@ -18,6 +15,10 @@ export class UmbContextToken {
          * @returns   undefined
          */
         this.TYPE = undefined;
+        this.#discriminator = discriminator;
+    }
+    getDiscriminator() {
+        return this.#discriminator;
     }
     /**
      * This method must always return the unique alias of the token since that

package/dist-cms/libs/controller-api/controller.class.d.ts

@@ -5,8 +5,8 @@ declare const UmbBaseController_base: (new (host: UmbControllerHost, controllerA
     observe<T>(source: import("rxjs").Observable<T> | {
         asObservable: () => import("rxjs").Observable<T>;
     }, callback: (_value: T) => void, controllerAlias?: import("./controller-alias.type.js").UmbControllerAlias): import("../observable-api/observer.controller.js").UmbObserverController<T>;
-    provideContext<R = unknown>(alias: string | import("../context-api/index.js").UmbContextToken<R>, instance: R): import("../context-api/index.js").UmbContextProviderController<R>;
-    consumeContext<R_1 = unknown>(alias: string | import("../context-api/index.js").UmbContextToken<R_1>, callback: import("../context-api/index.js").UmbContextCallback<R_1>): import("../context-api/index.js").UmbContextConsumerController<R_1>;
+    provideContext<BaseType = unknown, ResultType extends BaseType = BaseType, InstanceType_1 extends ResultType = ResultType>(alias: string | import("../context-api/index.js").UmbContextToken<BaseType, ResultType>, instance: InstanceType_1): import("../context-api/index.js").UmbContextProviderController<BaseType, ResultType, InstanceType_1>;
+    consumeContext<BaseType_1 = unknown, ResultType_1 extends BaseType_1 = BaseType_1>(alias: string | import("../context-api/index.js").UmbContextToken<BaseType_1, ResultType_1>, callback: import("../context-api/index.js").UmbContextCallback<ResultType_1>): import("../context-api/index.js").UmbContextConsumerController<BaseType_1, ResultType_1>;
     hasController(controller: UmbController): boolean;
     getControllers(filterMethod: (ctrl: UmbController) => boolean): UmbController[];
     addController(controller: UmbController): void;
@@ -22,8 +22,8 @@ declare const UmbBaseController_base: (new (host: UmbControllerHost, controllerA
     observe<T>(source: import("rxjs").Observable<T> | {
         asObservable: () => import("rxjs").Observable<T>;
     }, callback: (_value: T) => void, controllerAlias?: import("./controller-alias.type.js").UmbControllerAlias): import("../observable-api/observer.controller.js").UmbObserverController<T>;
-    provideContext<R = unknown>(alias: string | import("../context-api/index.js").UmbContextToken<R>, instance: R): import("../context-api/index.js").UmbContextProviderController<R>;
-    consumeContext<R_1 = unknown>(alias: string | import("../context-api/index.js").UmbContextToken<R_1>, callback: import("../context-api/index.js").UmbContextCallback<R_1>): import("../context-api/index.js").UmbContextConsumerController<R_1>;
+    provideContext<BaseType = unknown, ResultType extends BaseType = BaseType, InstanceType_1 extends ResultType = ResultType>(alias: string | import("../context-api/index.js").UmbContextToken<BaseType, ResultType>, instance: InstanceType_1): import("../context-api/index.js").UmbContextProviderController<BaseType, ResultType, InstanceType_1>;
+    consumeContext<BaseType_1 = unknown, ResultType_1 extends BaseType_1 = BaseType_1>(alias: string | import("../context-api/index.js").UmbContextToken<BaseType_1, ResultType_1>, callback: import("../context-api/index.js").UmbContextCallback<ResultType_1>): import("../context-api/index.js").UmbContextConsumerController<BaseType_1, ResultType_1>;
     hasController(controller: UmbController): boolean;
     getControllers(filterMethod: (ctrl: UmbController) => boolean): UmbController[];
     addController(controller: UmbController): void;

package/dist-cms/libs/element-api/element.mixin.d.ts

@@ -14,7 +14,7 @@ export declare class UmbElement extends UmbControllerHostElement {
     observe<T>(source: Observable<T> | {
         asObservable: () => Observable<T>;
     }, callback: ObserverCallback<T>, unique?: string): UmbObserverController<T>;
-    provideContext<R = unknown>(alias: string | UmbContextToken<R>, instance: R): UmbContextProviderController<R>;
-    consumeContext<R = unknown>(alias: string | UmbContextToken<R>, callback: UmbContextCallback<R>): UmbContextConsumerController<R>;
+    provideContext<BaseType = unknown, ResultType extends BaseType = BaseType, InstanceType extends ResultType = ResultType>(alias: string | UmbContextToken<BaseType, ResultType>, instance: InstanceType): UmbContextProviderController<BaseType, ResultType, InstanceType>;
+    consumeContext<BaseType = unknown, ResultType extends BaseType = BaseType>(alias: string | UmbContextToken<BaseType, ResultType>, callback: UmbContextCallback<ResultType>): UmbContextConsumerController<BaseType, ResultType>;
 }
 export declare const UmbElementMixin: <T extends HTMLElementConstructor>(superClass: T) => HTMLElementConstructor<UmbElement> & T;

package/dist-cms/libs/localization-api/index.d.ts

@@ -1,3 +1,3 @@
 export * from './localize.controller.js';
-export * from './types/translation.js';
+export * from './types/localization.js';
 export * from './manager.js';

package/dist-cms/libs/localization-api/index.js

@@ -1,3 +1,3 @@
 export * from './localize.controller.js';
-export * from './types/translation.js';
+export * from './types/localization.js';
 export * from './manager.js';

package/dist-cms/libs/localization-api/localize.controller.d.ts

@@ -1,4 +1,4 @@
-import { DefaultTranslationSet, FunctionParams, TranslationSet } from './manager.js';
+import { DefaultLocalizationSet, FunctionParams, LocalizationSet } from './manager.js';
 import { UmbController, UmbControllerHost } from '../controller-api/index.js';
 /**
  * The UmbLocalizeController enables localization for your element.
@@ -18,7 +18,7 @@ import { UmbController, UmbControllerHost } from '../controller-api/index.js';
  * }
  * ```
  */
-export declare class UmbLocalizeController<TranslationType extends TranslationSet = DefaultTranslationSet> implements UmbController {
+export declare class UmbLocalizeController<LocalizationType extends LocalizationSet = DefaultLocalizationSet> implements UmbController {
     #private;
     controllerAlias: symbol;
     constructor(host: UmbControllerHost);
@@ -35,9 +35,9 @@ export declare class UmbLocalizeController<TranslationType extends TranslationSe
      * lowercase.
      */
     lang(): string;
-    private getTranslationData;
+    private getLocalizationData;
     /** Outputs a translated term. */
-    term<K extends keyof TranslationType>(key: K, ...args: FunctionParams<TranslationType[K]>): string;
+    term<K extends keyof LocalizationType>(key: K, ...args: FunctionParams<LocalizationType[K]>): string;
     /** Outputs a localized date in the specified format. */
     date(dateToFormat: Date | string, options?: Intl.DateTimeFormatOptions): string;
     /** Outputs a localized number in the specified format. */

package/dist-cms/libs/localization-api/localize.controller.js

@@ -11,7 +11,7 @@ The above copyright notice and this permission notice shall be included in all c
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
-import { connectedElements, documentDirection, documentLanguage, fallback, translations, } from './manager.js';
+import { connectedElements, documentDirection, documentLanguage, fallback, localizations, } from './manager.js';
 const LocalizeControllerAlias = Symbol();
 /**
  * The UmbLocalizeController enables localization for your element.
@@ -67,17 +67,17 @@ export class UmbLocalizeController {
     lang() {
         return `${this.#hostEl.lang || documentLanguage}`.toLowerCase();
     }
-    getTranslationData(lang) {
+    getLocalizationData(lang) {
         const locale = new Intl.Locale(lang);
         const language = locale?.language.toLowerCase();
         const region = locale?.region?.toLowerCase() ?? '';
-        const primary = translations.get(`${language}-${region}`);
-        const secondary = translations.get(language);
+        const primary = localizations.get(`${language}-${region}`);
+        const secondary = localizations.get(language);
         return { locale, language, region, primary, secondary };
     }
     /** Outputs a translated term. */
     term(key, ...args) {
-        const { primary, secondary } = this.getTranslationData(this.lang());
+        const { primary, secondary } = this.getLocalizationData(this.lang());
         let term;
         // Look for a matching term using regionCode, code, then the fallback
         if (primary && primary[key]) {

package/dist-cms/libs/localization-api/manager.d.ts

@@ -1,18 +1,18 @@
-import type { UmbTranslationEntry } from './types/translation.js';
+import type { UmbLocalizationEntry } from './types/localization.js';
 export type FunctionParams<T> = T extends (...args: infer U) => string ? U : [];
-export interface TranslationSet {
+export interface LocalizationSet {
     $code: string;
     $dir: 'ltr' | 'rtl';
 }
-export interface DefaultTranslationSet extends TranslationSet {
-    [key: string]: UmbTranslationEntry;
+export interface DefaultLocalizationSet extends LocalizationSet {
+    [key: string]: UmbLocalizationEntry;
 }
 export declare const connectedElements: Set<HTMLElement>;
-export declare const translations: Map<string, TranslationSet>;
+export declare const localizations: Map<string, LocalizationSet>;
 export declare let documentDirection: string;
 export declare let documentLanguage: string;
-export declare let fallback: TranslationSet;
+export declare let fallback: LocalizationSet;
 /** Registers one or more translations */
-export declare function registerTranslation(...translation: TranslationSet[]): void;
+export declare function registerLocalization(...translation: LocalizationSet[]): void;
 /** Updates all localized elements that are currently connected */
 export declare function update(): void;

package/dist-cms/libs/localization-api/manager.js

@@ -1,6 +1,6 @@
 export const connectedElements = new Set();
 const documentElementObserver = new MutationObserver(update);
-export const translations = new Map();
+export const localizations = new Map();
 export let documentDirection = document.documentElement.dir || 'ltr';
 export let documentLanguage = document.documentElement.lang || navigator.language;
 export let fallback;
@@ -10,15 +10,15 @@ documentElementObserver.observe(document.documentElement, {
     attributeFilter: ['dir', 'lang'],
 });
 /** Registers one or more translations */
-export function registerTranslation(...translation) {
+export function registerLocalization(...translation) {
     translation.map((t) => {
         const code = t.$code.toLowerCase();
-        if (translations.has(code)) {
+        if (localizations.has(code)) {
             // Merge translations that share the same language code
-            translations.set(code, { ...translations.get(code), ...t });
+            localizations.set(code, { ...localizations.get(code), ...t });
         }
         else {
-            translations.set(code, t);
+            localizations.set(code, t);
         }
         // The first translation that's registered is the fallback
         if (!fallback) {

package/dist-cms/libs/localization-api/types/localization.d.ts

@@ -0,0 +1,3 @@
+export type UmbLocalizationEntry = string | ((...args: any[]) => string);
+export type UmbLocalizationDictionary = Record<string, Record<string, UmbLocalizationEntry>>;
+export type UmbLocalizationFlatDictionary = Record<string, UmbLocalizationEntry>;

package/dist-cms/packages/core/collection/collection-selection-actions.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../external/uui/index.js';
+import { UmbTextStyles } from '../../../shared/style/index.js';
 import { css, html, nothing, customElement, state } from '../../../external/lit/index.js';
 import { map } from '../../../external/rxjs/index.js';
 import { UMB_COLLECTION_CONTEXT_TOKEN } from './index.js';
@@ -86,7 +86,7 @@ export let UmbCollectionSelectionActionsElement = class UmbCollectionSelectionAc
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#container {
 				display: flex;

package/dist-cms/packages/core/collection/collection-toolbar.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../external/uui/index.js';
+import { UmbTextStyles } from '../../../shared/style/index.js';
 import { css, html, nothing, customElement, property, state } from '../../../external/lit/index.js';
 import { map } from '../../../external/rxjs/index.js';
 import { umbExtensionsRegistry } from '../extension-registry/index.js';
@@ -116,7 +116,7 @@ export let UmbCollectionToolbarElement = class UmbCollectionToolbarElement exten
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: flex;

package/dist-cms/packages/core/collection/collection.context.d.ts

@@ -25,4 +25,4 @@ export declare class UmbCollectionContext<ItemType, FilterModelType extends UmbC
     requestCollection(): Promise<void>;
     setFilter(filter: Partial<FilterModelType>): void;
 }
-export declare const UMB_COLLECTION_CONTEXT_TOKEN: UmbContextToken<UmbCollectionContext<any, any>>;
+export declare const UMB_COLLECTION_CONTEXT_TOKEN: UmbContextToken<UmbCollectionContext<any, any>, UmbCollectionContext<any, any>>;

package/dist-cms/packages/core/collection/collection.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../shared/style/index.js";
 import { css, html, nothing, customElement, state, property } from '../../../external/lit/index.js';
 import { map } from '../../../external/rxjs/index.js';
 import { UMB_COLLECTION_CONTEXT_TOKEN } from './index.js';
@@ -73,7 +73,7 @@ export let UmbCollectionElement = class UmbCollectionElement extends UmbLitEleme
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: flex;

package/dist-cms/packages/core/collection/dashboards/dashboard-collection.element.js

@@ -4,7 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../external/uui/index.js';
 import { css, html, customElement, state, ifDefined } from '../../../../external/lit/index.js';
 import { UMB_COLLECTION_CONTEXT_TOKEN, UmbCollectionContext } from '../index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -23,7 +22,6 @@ export let UmbDashboardCollectionElement = class UmbDashboardCollectionElement e
         return html `<umb-collection entity-type=${ifDefined(this._entityType)}></umb-collection>`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			:host {
 				display: flex;

package/dist-cms/packages/core/components/backoffice-modal-container/backoffice-modal-container.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { css, html, repeat, customElement, state } from '../../../../external/lit/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../modal/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -31,7 +31,7 @@ export let UmbBackofficeModalContainerElement = class UmbBackofficeModalContaine
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				position: absolute;

package/dist-cms/packages/core/components/backoffice-notification-container/backoffice-notification-container.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, customElement, state, repeat } from '../../../../external/lit/index.js';
 import { UMB_NOTIFICATION_CONTEXT_TOKEN, } from '../../notification/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -33,7 +33,7 @@ export let UmbBackofficeNotificationContainerElement = class UmbBackofficeNotifi
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#notifications {
 				position: absolute;

package/dist-cms/packages/core/components/body-layout/body-layout.element.js

@@ -4,8 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, LitElement, nothing, customElement, property, state, query, } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
 //TODO: Add the following attributes to JSDocs: header-transparent, main-no-padding, header-no-padding, header-fit-height
 /**
  * @element umb-body-layout
@@ -107,7 +107,7 @@ export let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: flex;
@@ -153,7 +153,7 @@ export let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement
 			}
 
 			:host([header-transparent]:not([main-no-padding])) #main:not(*[style='display: none'] + *) {
-				/* The following styling is only applied if the clear-header IS present, 
+				/* The following styling is only applied if the clear-header IS present,
 				the main-no-padding attribute is NOT present, and the header is NOT hidden */
 				padding-top: var(--uui-size-space-1);
 			}

package/dist-cms/packages/core/components/button-with-dropdown/button-with-dropdown.element.js

@@ -4,7 +4,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles, } from '../../../../external/uui/index.js';
 import { css, html, LitElement, customElement, property, query } from '../../../../external/lit/index.js';
 // TODO: maybe this should go to UI library? It's a common pattern
 // TODO: consider not using this, but instead use dropdown, which is more generic shared component of backoffice. (this is at the movement only used in Log Viewer)
@@ -52,7 +51,6 @@ export let UmbButtonWithDropdownElement = class UmbButtonWithDropdownElement ext
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			uui-symbol-expand {
 				margin-left: var(--uui-size-space-3);

package/dist-cms/packages/core/components/code-block/code-block.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, LitElement, customElement, property, queryAssignedNodes, state, } from '../../../../external/lit/index.js';
 //TODO consider adding a highlight prop to the code block, that could spin up/access monaco instance and highlight the code
 /**
@@ -52,7 +52,7 @@ export let UmbCodeBlockElement = class UmbCodeBlockElement extends LitElement {
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/core/components/dropdown/dropdown.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, nothing, customElement, property } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 // TODO: maybe move this to UI Library.
@@ -29,7 +29,7 @@ export let UmbDropdownElement = class UmbDropdownElement extends UmbLitElement {
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			#container {
 				display: inline-block;

package/dist-cms/packages/core/components/empty-state/empty-state.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, LitElement, customElement, property } from '../../../../external/lit/index.js';
 export let UmbEmptyStateElement = class UmbEmptyStateElement extends LitElement {
     constructor() {
@@ -18,7 +18,7 @@ export let UmbEmptyStateElement = class UmbEmptyStateElement extends LitElement
         return html `<slot></slot>`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/core/components/entity-actions-bundle/entity-actions-bundle.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, nothing, customElement, property, state } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { map } from '../../../../external/rxjs/index.js';
 import { UMB_SECTION_SIDEBAR_CONTEXT_TOKEN } from '../../section/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -57,7 +57,7 @@ export let UmbEntityActionsBundleElement = class UmbEntityActionsBundleElement e
             : nothing}
 		`;
     }
-    static { this.styles = [UUITextStyles, css ``]; }
+    static { this.styles = [UmbTextStyles, css ``]; }
 };
 __decorate([
     property({ type: String, attribute: 'entity-type' })

package/dist-cms/packages/core/components/footer-layout/footer-layout.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, LitElement, customElement } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 /**
  * @element umb-footer-layout
  * @description
@@ -23,7 +23,7 @@ export let UmbFooterLayoutElement = class UmbFooterLayoutElement extends LitElem
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: flex;

package/dist-cms/packages/core/components/header-app/header-app-button.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, LitElement, customElement, ifDefined } from '../../../../external/lit/index.js';
 import { umbExtensionsRegistry, } from '../../extension-registry/index.js';
 const manifest = {
@@ -32,7 +32,7 @@ export let UmbHeaderAppButtonElement = class UmbHeaderAppButtonElement extends L
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			uui-button {
 				font-size: 18px;

package/dist-cms/packages/core/components/history/history-item.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement, property } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbHistoryItemElement = class UmbHistoryItemElement extends UmbLitElement {
     render() {
@@ -24,7 +24,7 @@ export let UmbHistoryItemElement = class UmbHistoryItemElement extends UmbLitEle
 		</div>`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				--avatar-size: calc(2em + 4px);

package/dist-cms/packages/core/components/history/history-list.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, customElement } from '../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbHistoryListElement = class UmbHistoryListElement extends UmbLitElement {
     render() {
@@ -14,7 +14,7 @@ export let UmbHistoryListElement = class UmbHistoryListElement extends UmbLitEle
 		</div>`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/core/components/input-checkbox-list/input-checkbox-list.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, nothing, repeat, customElement, property } from '../../../../external/lit/index.js';
-import { UUITextStyles, FormControlMixin } from '../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbInputCheckboxListElement = class UmbInputCheckboxListElement extends FormControlMixin(UmbLitElement) {
     constructor() {
@@ -61,7 +61,6 @@ export let UmbInputCheckboxListElement = class UmbInputCheckboxListElement exten
         return html `<uui-checkbox value="${item.value}" label="${item.value}" ?checked="${item.checked}"></uui-checkbox>`;
     }
     static { this.styles = [
-        UUITextStyles,
         css `
 			uui-checkbox {
 				width: 100%;

package/dist-cms/packages/core/components/input-color/input-color.element.d.ts

@@ -9,7 +9,6 @@ export declare class UmbInputColorElement extends UmbInputColorElement_base {
     private _onChange;
     render(): import("lit-html").TemplateResult<1>;
     private _renderColors;
-    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 export default UmbInputColorElement;
 declare global {

package/dist-cms/packages/core/components/input-color/input-color.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property } from '../../../../external/lit/index.js';
-import { UUITextStyles, FormControlMixin } from '../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /*
  * This wraps the UUI library uui-color-swatches component
@@ -37,7 +37,6 @@ export let UmbInputColorElement = class UmbInputColorElement extends FormControl
 				.showLabel=${this.showLabels}></uui-color-swatch>`;
         })}`;
     }
-    static { this.styles = [UUITextStyles]; }
 };
 __decorate([
     property({ type: Boolean })