@omnia/velcron 8.0.124-dev → 8.0.127-dev

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -1,5 +1,5 @@
 import { Guid } from "../Guid";
-import { BlueprintDefinition, BoxDimensions } from "./ComponentDefinitions";
+import { Blueprints, BoxDimensions } from "./Blueprints";
 export interface ColorTypeResult<resultType> {
     base: resultType;
     baseTone: resultType;
@@ -44,7 +44,7 @@ export interface ThemeDefinitionV2 {
     name: string;
     dark: boolean;
     colors: ColorSchemas;
-    blueprints: BlueprintDefinition[];
+    blueprints: Blueprints[];
 }
 export type ColorSchemaType = keyof typeof ColorSchemaTypes;
 export declare enum ColorSchemaTypes {
@@ -56,7 +56,8 @@ export declare enum ColorSchemaTypes {
     neutral = "neutral",
     background = "background",
     error = "error",
-    info = "info"
+    info = "info",
+    dynamic = "dynamic"
 }
 export type ColorType = keyof typeof ColorTypes;
 export declare enum ColorTypes {
@@ -81,7 +82,6 @@ export interface ColorGradientValue {
 }
 /**Background  */
 export interface BackgroundDefinition {
-    filled?: boolean;
     fill?: FillDefinition;
     border?: BorderStylingDefinition;
     elevation?: number;

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js

@@ -12,6 +12,7 @@ var ColorSchemaTypes;
     ColorSchemaTypes["background"] = "background";
     ColorSchemaTypes["error"] = "error";
     ColorSchemaTypes["info"] = "info";
+    ColorSchemaTypes["dynamic"] = "dynamic";
 })(ColorSchemaTypes || (exports.ColorSchemaTypes = ColorSchemaTypes = {}));
 var ColorTypes;
 (function (ColorTypes) {

package/internal-do-not-import-from-here/shared/models/theming/{TypographyDefinition.d.ts → Typography.d.ts}

@@ -1,37 +1,37 @@
 import { Guid } from "../Guid";
-export interface TypographyDefinition {
-    id: Guid;
+export interface TypographyBlueprint {
     name: string;
     font?: {
+        id: Guid;
         family: string;
         cdn?: string;
     };
     title: {
-        xl: TypographyTypeDefinition;
-        l: TypographyTypeDefinition;
-        m: TypographyTypeDefinition;
-        s: TypographyTypeDefinition;
-        xs: TypographyTypeDefinition;
+        xl: TypographyDefinition;
+        l: TypographyDefinition;
+        m: TypographyDefinition;
+        s: TypographyDefinition;
+        xs: TypographyDefinition;
     };
     text: {
-        l: TypographyTypeDefinition;
-        m: TypographyTypeDefinition;
-        s: TypographyTypeDefinition;
-        xs: TypographyTypeDefinition;
+        l: TypographyDefinition;
+        m: TypographyDefinition;
+        s: TypographyDefinition;
+        xs: TypographyDefinition;
     };
     navigation: {
-        l: TypographyTypeDefinition;
-        m: TypographyTypeDefinition;
+        l: TypographyDefinition;
+        m: TypographyDefinition;
     };
     link: {
-        m: TypographyTypeDefinition;
+        m: TypographyDefinition;
     };
 }
-export interface TypographyTypeDefinition {
+export interface TypographyDefinition {
     decoration?: string;
-    large: TypographyTypeBreakPoint;
-    medium?: TypographyTypeBreakPoint;
-    small?: TypographyTypeBreakPoint;
+    lg: TypographyTypeBreakPoint;
+    md?: TypographyTypeBreakPoint;
+    sm?: TypographyTypeBreakPoint;
 }
 export interface TypographyTypeBreakPoint {
     weight: number;
@@ -48,7 +48,7 @@ export interface ThemedTypographyValue {
     type: TypographyType;
     size: TypographySize;
 }
-export type TypographyValue = string | ThemedTypographyValue;
+export type TypographyValue = TypographyDefinition | ThemedTypographyValue;
 export type TypographySize = keyof typeof TypographySizes;
 export declare enum TypographySizes {
     xl = "xl",

package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.d.ts

@@ -1,8 +1,8 @@
 import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinitionV2";
-import { BlueprintDefinition, BlueprintType } from "./ComponentDefinitions";
+import { Blueprints, BlueprintType } from "./Blueprints";
 export declare function useThemeMethods(getThemeDefinition: () => any): {
     colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
-    bluePrintbyType: <TType extends BlueprintDefinition>(type: BlueprintType) => TType;
+    bluePrintbyType: <TType extends Blueprints>(type: BlueprintType) => TType;
     color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
     colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => ColorDefinition;
     complementaryColorType: (colorType: ColorTypes | ColorType) => ColorTypes;

package/internal-do-not-import-from-here/shared/models/theming/index.d.ts

@@ -1,8 +1,8 @@
 export * from "./ThemeDefinitionV2";
-export * from "./TypographyDefinition";
+export * from "./Typography";
 export * from "./UseThemeMethods";
-export * from "./ComponentDefinitions";
-export * from "./SpacingSetting";
+export * from "./Spacing";
 export * from "./SharedBlueprintMethods";
 export * from "./SharedColorMethods";
-export * from "./ChromeDefinition";
+export * from "./Chrome";
+export * from "./Blueprints";

package/internal-do-not-import-from-here/shared/models/theming/index.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./ThemeDefinitionV2"), exports);
-tslib_1.__exportStar(require("./TypographyDefinition"), exports);
+tslib_1.__exportStar(require("./Typography"), exports);
 //export * from "./OmniaThemes";
 tslib_1.__exportStar(require("./UseThemeMethods"), exports);
-tslib_1.__exportStar(require("./ComponentDefinitions"), exports);
-tslib_1.__exportStar(require("./SpacingSetting"), exports);
+tslib_1.__exportStar(require("./Spacing"), exports);
 tslib_1.__exportStar(require("./SharedBlueprintMethods"), exports);
 tslib_1.__exportStar(require("./SharedColorMethods"), exports);
-tslib_1.__exportStar(require("./ChromeDefinition"), exports);
+tslib_1.__exportStar(require("./Chrome"), exports);
+tslib_1.__exportStar(require("./Blueprints"), exports);

package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts

@@ -1,5 +1,5 @@
 import { DynamicState } from "../DynamicState";
-import { VelcronEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent } from "./VelcronEvents";
+import { VelcronEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnSaveEvent } from "./VelcronEvents";
 /**
  * Velcron definition base
  */
@@ -73,7 +73,7 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
     version?: string;
     name?: string;
     body?: Array<VelcronDefinition>;
-    events?: VelcronOnLoadEvent & VelcronOnEditModeEvent;
+    events?: VelcronOnLoadEvent & VelcronOnEditModeEvent & VelcronOnSaveEvent;
     actions?: {
         [name: string]: Array<string>;
     };

package/internal-do-not-import-from-here/shared/models/velcron/VelcronEvents.d.ts

@@ -4,6 +4,9 @@ export type VelcronOnPressEvent = {
 export type VelcronOnLoadEvent = {
     onLoaded?: Array<string>;
 };
+export type VelcronOnSaveEvent = {
+    onSaved?: Array<string>;
+};
 export type VelcronOnEditModeEvent = {
     onEditMode?: Array<string>;
 };

package/internal-do-not-import-from-here/shared/models/velcron/VelcronReference.d.ts

@@ -0,0 +1,20 @@
+import { GuidValue } from "../Guid";
+import { StronglyTypedId } from "../StronglyTypedId";
+import { VelcronAppDefinition } from "./VelcronDefinition";
+export type VelcronRendererId = StronglyTypedId<string, "VelcronRendererId">;
+export declare function VelcronRendererId(id: GuidValue): VelcronRendererId;
+export interface VelcronRendererResolverReference {
+    id: VelcronRendererId;
+    resolver: string;
+    version: string;
+}
+export interface VelcronRendererReference {
+    id: VelcronRendererId;
+    version: string;
+}
+export interface VelcronRendererWithJson extends VelcronRendererReference {
+    definition: string;
+}
+export interface VelcronRenderer extends VelcronRendererReference {
+    definition: VelcronAppDefinition;
+}

package/internal-do-not-import-from-here/shared/models/velcron/VelcronReference.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VelcronRendererId = void 0;
+function VelcronRendererId(id) { return id; }
+exports.VelcronRendererId = VelcronRendererId;

package/internal-do-not-import-from-here/shared/models/velcron/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./VelcronDefinition";
 export * from "./VelcronEvents";
+export * from "./VelcronReference";

package/internal-do-not-import-from-here/shared/models/velcron/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./VelcronDefinition"), exports);
 tslib_1.__exportStar(require("./VelcronEvents"), exports);
+tslib_1.__exportStar(require("./VelcronReference"), exports);

package/models/VelcronDefinitions.d.ts

@@ -1,7 +1,7 @@
-import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
-import { ActivityRendererReference, DynamicState, VelcronDefinition, useVelcronThemingStore } from "..";
+import { DynamicState, VelcronDefinition, useVelcronThemingStore } from "..";
 import { GuidValue, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/fx/models";
 import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
 export interface ResolvedComponentRenderer {
@@ -32,6 +32,8 @@ export interface BuiltInComponentRenderers {
     "checkbox": unknown;
     "reference": unknown;
     "radio": unknown;
+    "rive": unknown;
+    "lottie": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
@@ -74,7 +76,6 @@ export interface VelcronRenderContextHooks {
     onItemSelected?: ((item: VelcronDefinition) => void);
     onItemRendered?: ((item: VelcronDefinition) => OnItemRenderedHookResult);
     onItemCreatedProps?: ((item: VelcronDefinition) => object);
-    onLoadReference?: ((reference: ActivityRendererReference) => Promise<VelcronDefinition>);
 }
 export interface VelcronContainerRenderer {
     definition: VelcronDefinition;
@@ -178,7 +179,7 @@ export declare enum VelcronImageRatios {
     square = "square",
     landscape = "landscape"
 }
-export interface VelcronImageDefinition extends VelcronDefinition {
+export interface VelcronImageDefinition extends VelcronDefinitionWithEditMode {
     type: "image";
     url?: VelcronBindableProp<string>;
     bind?: VelcronBindableProp<string>;
@@ -236,6 +237,24 @@ export interface VelcronMarkdownDefinition extends VelcronDefinitionWithEditMode
     type: "markdown";
     events: VelcronOnUpdatedEvent;
 }
+export interface VelcronRiveDefinition extends VelcronDefinition {
+    type: "rive";
+    url: VelcronBindableProp;
+    loop?: VelcronBindableProp<boolean>;
+    autoplay?: VelcronBindableProp<boolean>;
+    count?: VelcronBindableProp<number>;
+    direction?: VelcronBindableProp<"normal" | "reverse">;
+    hover?: VelcronBindableProp<boolean>;
+}
+export interface VelcronLottieDefinition extends VelcronDefinition {
+    type: "lottie";
+    url: VelcronBindableProp;
+    loop?: VelcronBindableProp<boolean>;
+    autoplay?: VelcronBindableProp<boolean>;
+    count?: VelcronBindableProp<number>;
+    direction?: VelcronBindableProp<"normal" | "reverse">;
+    hover?: VelcronBindableProp<boolean>;
+}
 export interface VelcronDimensions {
     top: number | string;
     right: number | string;
@@ -259,11 +278,12 @@ export interface VelcronSlotDefinition extends VelcronDefinition {
     type: "slot";
     bind: VelcronBindableProp<string>;
 }
-export interface VelcronReferencefinition extends VelcronDefinition {
+export interface VelcronReferenceDefinition extends VelcronDefinition {
     type: "reference";
-    to: ActivityRendererReference;
+    to: VelcronRendererResolverReference;
+    state: string;
 }
-export interface VelcronPropertyDefinition extends VelcronDefinition {
+export interface VelcronPropertyDefinition extends VelcronDefinitionWithEditMode {
     type: "property";
     bind: VelcronBindableProp<string>;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/velcron",
   "license": "MIT",
-  "version": "8.0.124-dev",
+  "version": "8.0.127-dev",
   "description": "Provide Omnia Velcron Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/parser/VelcronActions.d.ts

@@ -3,11 +3,13 @@ import { IActionHandler } from "../actions";
 export declare class VelcronActions {
     static _actionHandlers: {
         [name: string]: IActionHandler;
-    } | null;
+    };
     static actionHooks: {
         [name: string]: VelcronActionHooks;
     };
-    static registerAction(name: string, handler: IActionHandler): void;
+    private static registeredBuiltInHandlers;
+    static registerAction(handler: IActionHandler): void;
+    static unregisterAction(name: string): void;
     static parseAndExecuteActions(templates: Array<string>, renderContext: VelcronRenderContext, customActionContext?: VelcronCustomActionExecutionContext): void;
     static parseFunction(target: {
         [name: string]: Array<string>;

package/parser/VelcronActions.js

@@ -9,8 +9,8 @@ const builtInHandlers = tslib_1.__importStar(require("../actions"));
 const ActionResults_1 = require("../actions/ActionResults");
 const VelcronLogger_1 = require("./VelcronLogger");
 class VelcronActions {
-    static registerAction(name, handler) {
-        name = name.toLowerCase();
+    static registerAction(handler) {
+        const name = handler.name.toLowerCase();
         if (this._actionHandlers && this._actionHandlers[name]) {
             VelcronLogger_1.VelcronLogger.logActionError(`The action handler with name ${name} is already registered`);
         }
@@ -18,6 +18,11 @@ class VelcronActions {
             this._actionHandlers[name] = handler;
         }
     }
+    static unregisterAction(name) {
+        if (this._actionHandlers && this._actionHandlers[name]) {
+            delete this._actionHandlers[name];
+        }
+    }
     static parseAndExecuteActions(templates, renderContext, customActionContext) {
         if (!templates) {
             VelcronLogger_1.VelcronLogger.logActionError("The event template is empty");
@@ -257,13 +262,13 @@ class VelcronActions {
             const actionName = awAction.action.substring(0, awAction.action.indexOf("(")).trim().toLowerCase();
             //promise = VelcronActions.runHandler(awAction, actionName, params);
             if (!VelcronActions._actionHandlers) {
-                VelcronActions._actionHandlers = {};
                 Object.keys(builtInHandlers).forEach((key) => {
                     const handler = builtInHandlers[key];
                     if (handler && handler.name && VelcronActions._actionHandlers) {
-                        VelcronActions._actionHandlers[handler.name] = handler;
+                        VelcronActions.registerAction(handler);
                     }
                 });
+                VelcronActions.registeredBuiltInHandlers = true;
             }
             const paramValues = [];
             params.forEach(param => paramValues.push(param.value));
@@ -452,8 +457,9 @@ class VelcronActions {
     }
 }
 exports.VelcronActions = VelcronActions;
-VelcronActions._actionHandlers = null;
+VelcronActions._actionHandlers = {};
 VelcronActions.actionHooks = {};
+VelcronActions.registeredBuiltInHandlers = false;
 var VelcronActionParameterDataType;
 (function (VelcronActionParameterDataType) {
     VelcronActionParameterDataType[VelcronActionParameterDataType["text"] = 0] = "text";

package/parser/VelcronConstants.d.ts

@@ -21,6 +21,8 @@ export declare const VelcronConstants: {
         property: string;
         checkbox: string;
         reference: string;
+        rive: string;
+        lottie: string;
     };
     events: {
         idTokenStart: string;

package/parser/VelcronConstants.js

@@ -23,7 +23,9 @@ exports.VelcronConstants = {
         slot: "slot",
         property: "property",
         checkbox: "checkbox",
-        reference: "reference"
+        reference: "reference",
+        rive: "rive",
+        lottie: "lottie"
     },
     events: {
         idTokenStart: "$ev{",

package/parser/VelcronRenderers.d.ts

@@ -1,12 +1,16 @@
 import { BuiltInComponentRenderers, ResolvedComponentRenderer, VelcronRenderContext } from "../models";
-import { DynamicState, VelcronDefinition } from "..";
+import { DynamicState, VelcronDefinition, VelcronRendererResolverReference } from "..";
 export declare class VelcronRenderers {
     private static components;
+    private static referenceResolvers;
     static registerComponent(type: string, component: any): void;
     static hasComponents(): boolean;
     static hasComponent(type: string): any;
     static registerComponents(components: BuiltInComponentRenderers): void;
     static getComponent(definition: VelcronDefinition, renderContext: VelcronRenderContext): ResolvedComponentRenderer;
+    static registerReferenceResolver(resolverName: string, resolverFunction: (reference: VelcronRendererResolverReference) => Promise<VelcronDefinition>): void;
+    static getReferenceResolver(resolverName: string): (reference: VelcronRendererResolverReference) => Promise<VelcronDefinition>;
+    static hasReferenceResolver(resolverName: string): boolean;
     static definitionContainsCustomColorSchema(definition: VelcronDefinition): boolean;
     static createNewRendererContext(currentRenderCtx: VelcronRenderContext, definition: VelcronDefinition, newViewModel?: DynamicState): VelcronRenderContext;
     static ensureRenderContext(rendererInfo: ResolvedComponentRenderer, definition: VelcronDefinition, currentRenderCtx: VelcronRenderContext, newViewModel?: DynamicState): VelcronRenderContext;

package/parser/VelcronRenderers.js

@@ -55,10 +55,26 @@ class VelcronRenderers {
             };
         }
         else {
-            throw "Cant find component";
+            result = {
+                component: this.components["text"],
+                definition: {
+                    "type": "Text",
+                    "text": `Error: Velcron cant find component with name: ${definition.type}`
+                }
+            };
+            //throw "Cant find component";
         }
         return result;
     }
+    static registerReferenceResolver(resolverName, resolverFunction) {
+        this.referenceResolvers[resolverName] = resolverFunction;
+    }
+    static getReferenceResolver(resolverName) {
+        return this.referenceResolvers[resolverName];
+    }
+    static hasReferenceResolver(resolverName) {
+        return this.referenceResolvers[resolverName] ? true : false;
+    }
     static definitionContainsCustomColorSchema(definition) {
         return definition.colorSchemaType && definition.colorSchemaType !== "";
     }
@@ -124,3 +140,4 @@ class VelcronRenderers {
 }
 exports.VelcronRenderers = VelcronRenderers;
 VelcronRenderers.components = {};
+VelcronRenderers.referenceResolvers = {};

package/rules/IsEditMode.js

@@ -26,7 +26,7 @@ function isEditMode(definition, renderContext) {
         return false;
     }
     let result = false;
-    if (definition.edit) {
+    if ("edit" in definition && definition.edit !== undefined) {
         result = parser_1.VelcronData.evaluateBoolean(definition.edit, renderContext);
     }
     else if (renderContext.editMode) {

package/stores/VelcronColorSchema.d.ts

@@ -8,21 +8,21 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
         onContainer: ColorDefinition;
         isContainer: boolean;
         name: string;
-        colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes;
+        colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
         themeStore: {
             state: {
                 currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
             };
             get: {
-                componentBlueprints: (blueprintType: import("@omnia/fx-models").VelcronBlueprintDefintionTypes) => import("@omnia/fx-models").ComponentBlueprint;
-                colorSchema: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => ColorSchema;
+                componentBlueprints: (blueprintType: import("@omnia/fx-models").VelcronBlueprintDefintionTypes) => import("@omnia/fx-models").ComponentBlueprints;
+                colorSchema: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic") => ColorSchema;
                 spacing: () => import("@omnia/fx-models").SpacingDefinition;
                 typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => any;
-                color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
-                colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
+                color: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
+                colorDefinition: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
                 complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
-                complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
-                complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
+                complementaryColor: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
+                complementaryColorDefinition: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
                 currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
             };
             actions: {

package/stores/VelcronTheming.d.ts

@@ -1,10 +1,10 @@
-import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ComponentBlueprint, SpacingDefinition, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes, VelcronBlueprintDefintionTypes } from "..";
+import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ComponentBlueprints, SpacingDefinition, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes, VelcronBlueprintDefintionTypes } from "..";
 export declare const useVelcronThemingStore: (newStateWithName?: string) => {
     state: {
         currentTheme: ThemeDefinitionV2;
     };
     get: {
-        componentBlueprints: (blueprintType: VelcronBlueprintDefintionTypes) => ComponentBlueprint;
+        componentBlueprints: (blueprintType: VelcronBlueprintDefintionTypes) => ComponentBlueprints;
         colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("..").ColorSchema;
         spacing: () => SpacingDefinition;
         typography: (typographyType: TypographyTypes | TypographyType, size: TypographySizes | TypographySize) => any;

package/stores/VelcronTheming.js

@@ -20,10 +20,10 @@ exports.useVelcronThemingStore = (0, _1.defineVelcronStore)("VelcronTheming", {
                 return (0, __1.useThemeMethods)(() => state.currentTheme).colorSchema(colorSchemaType);
             },
             spacing: () => {
-                return (0, __1.useThemeMethods)(() => state.currentTheme).bluePrintbyType("spacing").default.inner;
+                return (0, __1.useThemeMethods)(() => state.currentTheme).bluePrintbyType("spacing").primary.inner;
             },
             typography: (typographyType, size) => {
-                const typography = (0, __1.useThemeMethods)(() => state.currentTheme).bluePrintbyType("typography").default;
+                const typography = (0, __1.useThemeMethods)(() => state.currentTheme).bluePrintbyType("typography").primary;
                 if (typographyType === __1.TypographyTypes.text) {
                     return typography.text[size];
                 }

package/internal-do-not-import-from-here/shared/models/hub/ExternalIdentityId.d.ts

@@ -1,2 +0,0 @@
-import { StronglyTypedId } from "../StronglyTypedId";
-export type ExternalIdentityId = StronglyTypedId<string, "ExternalIdentityId">;

package/internal-do-not-import-from-here/shared/models/hub/activities/ActivitySender.d.ts

@@ -1,15 +0,0 @@
-import { StronglyTypedId } from "../../StronglyTypedId";
-export type ActivitySenderId = StronglyTypedId<number, "ActivitySenderId">;
-export declare function ActivitySenderId(id: number): ActivitySenderId;
-export interface ActivitySenderWithBag<TBag> extends ActivitySender {
-    bag: TBag;
-}
-export interface ActivitySender extends ActivitySenderBase {
-    id: ActivitySenderId;
-    imageUrl: string;
-}
-export interface ActivitySenderBase {
-    name: Record<string, string>;
-    description: Record<string, string>;
-    externalId: string;
-}

package/internal-do-not-import-from-here/shared/models/hub/activities/ActivitySender.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActivitySenderId = void 0;
-function ActivitySenderId(id) { return id; }
-exports.ActivitySenderId = ActivitySenderId;

package/internal-do-not-import-from-here/shared/models/hub/activities/IdentityActivity.d.ts

@@ -1,40 +0,0 @@
-import { DynamicState } from "../../DynamicState";
-import { Activity, ActivityId } from "./Activity";
-import { ChannelId } from "./ActivityChannel";
-import { ActivitySender, ActivitySenderId } from "./ActivitySender";
-export declare enum IdentityActivityStatus {
-    new = 0,
-    read = 1,
-    completed = 2
-}
-export declare enum IdentityActivityCategory {
-    none = 0,
-    important = 1,
-    todo = 2,
-    snoozed = 3,
-    bookmarked = 4
-}
-export interface IdentityActivityBase {
-    activityId: ActivityId;
-    status: IdentityActivityStatus;
-    category: IdentityActivityCategory;
-}
-export interface IdentityActivity<TRenderState extends DynamicState, TState extends DynamicState> extends IdentityActivityBase {
-    activity: Activity<TRenderState>;
-    state?: TState;
-}
-export interface IdentityActivityWithJson extends IdentityActivityBase {
-    stateJson: string;
-}
-export interface NewActivitiesBySenderBase {
-    count: number;
-    senderId: ActivitySenderId;
-}
-export interface NewActivitiesBySender extends NewActivitiesBySenderBase {
-    sender: ActivitySender;
-    channelId: ChannelId;
-}
-export interface ActivityCategoryCount {
-    category: IdentityActivityCategory;
-    count: number;
-}

package/internal-do-not-import-from-here/shared/models/hub/activities/IdentityActivity.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IdentityActivityCategory = exports.IdentityActivityStatus = void 0;
-var IdentityActivityStatus;
-(function (IdentityActivityStatus) {
-    IdentityActivityStatus[IdentityActivityStatus["new"] = 0] = "new";
-    IdentityActivityStatus[IdentityActivityStatus["read"] = 1] = "read";
-    IdentityActivityStatus[IdentityActivityStatus["completed"] = 2] = "completed";
-})(IdentityActivityStatus || (exports.IdentityActivityStatus = IdentityActivityStatus = {}));
-var IdentityActivityCategory;
-(function (IdentityActivityCategory) {
-    IdentityActivityCategory[IdentityActivityCategory["none"] = 0] = "none";
-    IdentityActivityCategory[IdentityActivityCategory["important"] = 1] = "important";
-    IdentityActivityCategory[IdentityActivityCategory["todo"] = 2] = "todo";
-    IdentityActivityCategory[IdentityActivityCategory["snoozed"] = 3] = "snoozed";
-    IdentityActivityCategory[IdentityActivityCategory["bookmarked"] = 4] = "bookmarked";
-})(IdentityActivityCategory || (exports.IdentityActivityCategory = IdentityActivityCategory = {}));
-// Usage
-//   const activity1: IdentityActivity<SomeRenderState> = {
-//     activity: {
-//       // Initialize your Activity here
-//     },
-//     state: {
-//       // Initialize your State here
-//     },
-//   };
-//   const activity2: IdentityActivity<SomeRenderState, SomeState> = {
-//     activity: {
-//       // Initialize your Activity here
-//     },
-//     state: {
-//       // Initialize your State here
-//     },
-//   };
-//   const activity3: IdentityActivityWithJson = {
-//     activityId: 22,
-//     status: IdentityActivityStatus.unRead,
-//     stateJson: "someJson",
-//   };