@omnia/fx 8.0.102-dev → 8.0.103-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/internal-do-not-import-from-here/shared/models/theming/ComponentDefinitions.d.ts +3 -7
  2. package/internal-do-not-import-from-here/ux/theming-v2/admin/blades/blueprints/components/store/ComponentEditorStore.d.ts +32 -7
  3. package/internal-do-not-import-from-here/ux/theming-v2/styling/UseStyling.d.ts +55 -14
  4. package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Blueprints.d.ts +3 -3
  5. package/internal-do-not-import-from-here/ux/use/UseIcon.d.ts +2 -0
  6. package/package.json +2 -2
package/internal-do-not-import-from-here/shared/models/theming/ComponentDefinitions.d.ts CHANGED
@@ -75,18 +75,14 @@ export interface SearchBoxBlueprint extends BlueprintItemDefinition {
75
75
  }
76
76
  export interface ButtonBlueprint extends BlueprintItemDefinition {
77
77
  type: "button";
78
- variant?: "outlined" | "tonal" | "text" | "plain";
79
78
  density?: "compact" | "comfortable";
80
79
  size?: "x-small" | "small" | "large" | "x-large";
80
+ customSize?: number;
81
81
  rounded?: string;
82
82
  alterCaps?: boolean;
83
- background?: {
84
- color?: ColorValue;
85
- filled?: boolean;
86
- opacity?: number;
87
- };
83
+ background?: ColorValue;
88
84
  textColor?: ColorValue;
89
85
  elevation?: number;
90
- border?: BoxDimensions;
86
+ border?: number;
91
87
  borderColor?: ColorValue;
92
88
  }
package/internal-do-not-import-from-here/ux/theming-v2/admin/blades/blueprints/components/store/ComponentEditorStore.d.ts CHANGED
@@ -1,17 +1,28 @@
1
- import { BlueprintDefinition, Guid } from "@omnia/fx-models";
1
+ import { ButtonBlueprint, ComponentBlueprint, Guid } from "@omnia/fx-models";
2
+ export type buttonBlueprintType = "regular-high" | "regular-medium" | "regular-low" | "icon-high" | "icon-medium" | "icon-low";
2
3
  export declare const useComponentsEditorStore: () => {
3
4
  state: {
4
- blueprint: BlueprintDefinition;
5
+ blueprint: ComponentBlueprint;
6
+ editingButtonBlueprint: ButtonBlueprint;
7
+ editingButtonVariant: buttonBlueprintType;
5
8
  editMode: boolean;
6
9
  };
7
10
  events: {
8
- onMutatedBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<BlueprintDefinition>;
11
+ onMutatedBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<ComponentBlueprint>;
12
+ onMutatedEditingButtonBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<ButtonBlueprint>;
13
+ onMutatedEditingButtonVariant: import("@omnia/fx").MessageBusExposeOnlySubscription<buttonBlueprintType>;
9
14
  onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
10
15
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
11
16
  actions: {
12
17
  onDispatching: {
13
18
  setBlueprint: {
14
- subscribe(fn: (blueprint: BlueprintDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
19
+ subscribe(fn: (blueprint: ComponentBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
20
+ };
21
+ setEditingBlueprint: {
22
+ subscribe(fn: (type: buttonBlueprintType) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
23
+ };
24
+ updateEditingBlueprint: {
25
+ subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
15
26
  };
16
27
  save: {
17
28
  subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -19,7 +30,13 @@ export declare const useComponentsEditorStore: () => {
19
30
  };
20
31
  onDispatched: {
21
32
  setBlueprint: {
22
- subscribe(fn: (result: void, blueprint: BlueprintDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
33
+ subscribe(fn: (result: void, blueprint: ComponentBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
34
+ };
35
+ setEditingBlueprint: {
36
+ subscribe(fn: (result: void, type: buttonBlueprintType) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
37
+ };
38
+ updateEditingBlueprint: {
39
+ subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
23
40
  };
24
41
  save: {
25
42
  subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -27,14 +44,22 @@ export declare const useComponentsEditorStore: () => {
27
44
  };
28
45
  onFailure: {
29
46
  setBlueprint: {
30
- subscribe(fn: (failureReason: any, blueprint: BlueprintDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
47
+ subscribe(fn: (failureReason: any, blueprint: ComponentBlueprint) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
48
+ };
49
+ setEditingBlueprint: {
50
+ subscribe(fn: (failureReason: any, type: buttonBlueprintType) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
51
+ };
52
+ updateEditingBlueprint: {
53
+ subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
31
54
  };
32
55
  save: {
33
56
  subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
34
57
  };
35
58
  };
36
59
  } & {
37
- setBlueprint(blueprint: BlueprintDefinition): void;
60
+ setBlueprint(blueprint: ComponentBlueprint): void;
61
+ setEditingBlueprint(type: buttonBlueprintType): void;
62
+ updateEditingBlueprint(): void;
38
63
  save(): void;
39
64
  };
40
65
  get: {};
package/internal-do-not-import-from-here/ux/theming-v2/styling/UseStyling.d.ts CHANGED
@@ -510,21 +510,37 @@ export declare function useThemeStyling(): {
510
510
  chromeStyling: (blueprint: ChromeDefinition, colors: ReturnType<typeof useColorSchemaStore>, spacingDefinition: SpacingDefinition) => any[];
511
511
  };
512
512
  blueprints: {
513
- button: (bluePrint?: {
513
+ button: (bluePrint: import("@omnia/fx-models").ButtonBlueprint, colors: {
514
514
  state: {
515
- blueprints: any;
516
- blueprintType: "default";
515
+ base: import("@omnia/fx-models").ColorDefinition;
516
+ onBase: import("@omnia/fx-models").ColorDefinition;
517
+ container: import("@omnia/fx-models").ColorDefinition;
518
+ onContainer: import("@omnia/fx-models").ColorDefinition;
519
+ isContainer: boolean;
520
+ name: string;
521
+ colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes;
517
522
  id: import("@omnia/fx-models").GuidValue;
518
523
  };
519
524
  events: {
520
- onMutatedBlueprints: import("../../..").MessageBusExposeOnlySubscription<any>;
521
- onMutatedBlueprintType: import("../../..").MessageBusExposeOnlySubscription<"default">;
525
+ onMutatedBase: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorDefinition>;
526
+ onMutatedOnBase: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorDefinition>;
527
+ onMutatedContainer: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorDefinition>;
528
+ onMutatedOnContainer: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorDefinition>;
529
+ onMutatedIsContainer: import("../../..").MessageBusExposeOnlySubscription<boolean>;
530
+ onMutatedName: import("../../..").MessageBusExposeOnlySubscription<string>;
531
+ onMutatedColorSchemaType: import("../../..").MessageBusExposeOnlySubscription<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes>;
522
532
  onMutatedId: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").GuidValue>;
523
533
  } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
524
534
  actions: {
525
535
  onDispatching: {
526
- setBlueprint: {
527
- subscribe(fn: (type: "default") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
536
+ setColorSchema: {
537
+ subscribe(fn: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
538
+ };
539
+ setCustomColorSchema: {
540
+ subscribe(fn: (colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
541
+ };
542
+ setColor: {
543
+ subscribe(fn: (colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
528
544
  };
529
545
  setThemeStore: {
530
546
  subscribe(fn: (themeStoreInstance: {
@@ -571,8 +587,14 @@ export declare function useThemeStyling(): {
571
587
  };
572
588
  };
573
589
  onDispatched: {
574
- setBlueprint: {
575
- subscribe(fn: (result: void, type: "default") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
590
+ setColorSchema: {
591
+ subscribe(fn: (result: void, colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
592
+ };
593
+ setCustomColorSchema: {
594
+ subscribe(fn: (result: void, colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
595
+ };
596
+ setColor: {
597
+ subscribe(fn: (result: void, colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
576
598
  };
577
599
  setThemeStore: {
578
600
  subscribe(fn: (result: void, themeStoreInstance: {
@@ -619,8 +641,14 @@ export declare function useThemeStyling(): {
619
641
  };
620
642
  };
621
643
  onFailure: {
622
- setBlueprint: {
623
- subscribe(fn: (failureReason: any, type: "default") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
644
+ setColorSchema: {
645
+ subscribe(fn: (failureReason: any, colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
646
+ };
647
+ setCustomColorSchema: {
648
+ subscribe(fn: (failureReason: any, colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
649
+ };
650
+ setColor: {
651
+ subscribe(fn: (failureReason: any, colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
624
652
  };
625
653
  setThemeStore: {
626
654
  subscribe(fn: (failureReason: any, themeStoreInstance: {
@@ -667,7 +695,9 @@ export declare function useThemeStyling(): {
667
695
  };
668
696
  };
669
697
  } & {
670
- setBlueprint(type: "default"): void;
698
+ setColorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean): void;
699
+ setCustomColorSchema(colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean): void;
700
+ setColor(colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes): void;
671
701
  setThemeStore(themeStoreInstance: {
672
702
  state: {
673
703
  currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
@@ -711,7 +741,6 @@ export declare function useThemeStyling(): {
711
741
  }): void;
712
742
  };
713
743
  get: {
714
- byType<TType_1 extends import("@omnia/fx-models").BlueprintItemDefinition>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): TType_1;
715
744
  readonly themeStore: {
716
745
  state: {
717
746
  currentTheme: {
@@ -982,7 +1011,19 @@ export declare function useThemeStyling(): {
982
1011
  currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
983
1012
  };
984
1013
  };
985
- readonly blueprints: any;
1014
+ colorValue(color: import("@omnia/fx-models").ColorValue): string;
1015
+ readonly colorSchema: import("@omnia/fx-models").ColorSchema;
1016
+ readonly theme: "light" | "dark";
1017
+ readonly base: import("@omnia/fx-models").ColorDefinition;
1018
+ readonly onBase: import("@omnia/fx-models").ColorDefinition;
1019
+ readonly container: import("@omnia/fx-models").ColorDefinition;
1020
+ readonly onContainer: import("@omnia/fx-models").ColorDefinition;
1021
+ dynamic: (isContainer: boolean) => {
1022
+ readonly base: import("@omnia/fx-models").ColorDefinition;
1023
+ readonly onBase: import("@omnia/fx-models").ColorDefinition;
1024
+ readonly container: import("@omnia/fx-models").ColorDefinition;
1025
+ readonly onContainer: import("@omnia/fx-models").ColorDefinition;
1026
+ };
986
1027
  };
987
1028
  deactivated(): void;
988
1029
  }) => string;
package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Blueprints.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { SpacingBlueprintTypes, SpacingSettings, SpacingType } from "@omnia/fx-models";
2
- import { useComponentBlueprintStore, useSpacingBlueprintStore } from "../../store";
1
+ import { ButtonBlueprint, SpacingBlueprintTypes, SpacingSettings, SpacingType } from "@omnia/fx-models";
2
+ import { useColorSchemaStore, useComponentBlueprintStore, useSpacingBlueprintStore } from "../../store";
3
3
  export declare const BlueprintStyles: {
4
4
  getBlueprintSpacingValue: typeof getBlueprintSpacingValue;
5
5
  getBlueprintSpacingStyling: typeof getBlueprintSpacingStyling;
@@ -9,6 +9,6 @@ export declare const BlueprintStyles: {
9
9
  /**Blueprint styling */
10
10
  declare function getBlueprintSpacingValue(value: any, type: SpacingBlueprintTypes, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): number;
11
11
  declare function getBlueprintSpacingStyling(value: SpacingSettings | SpacingType, type: SpacingBlueprintTypes, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): string;
12
- declare function getButtonBlueprintStyling(bluePrint?: ReturnType<typeof useComponentBlueprintStore>): string;
12
+ declare function getButtonBlueprintStyling(bluePrint: ButtonBlueprint, colors: ReturnType<typeof useColorSchemaStore>): string;
13
13
  declare function getIconBlueprintStyling(bluePrint?: ReturnType<typeof useComponentBlueprintStore>): string;
14
14
  export {};
package/internal-do-not-import-from-here/ux/use/UseIcon.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare function useIcons(): {
9
9
  customIcon: (name: string) => CustomIcon;
10
10
  icon: {
11
11
  add: FontAwesomeIcon;
12
+ anchor: FontAwesomeIcon;
12
13
  approval: FontAwesomeIcon;
13
14
  approve: FontAwesomeIcon;
14
15
  adjust: FontAwesomeIcon;
@@ -40,6 +41,7 @@ export declare function useIcons(): {
40
41
  edit: FontAwesomeIcon;
41
42
  expand: FontAwesomeIcon;
42
43
  expandMenu: FontAwesomeIcon;
44
+ ellipsis: FontAwesomeIcon;
43
45
  flip: MaterialIcon;
44
46
  filter: FontAwesomeIcon;
45
47
  filePdf: FontAwesomeIcon;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/fx",
3
3
  "license": "MIT",
4
- "version": "8.0.102-dev",
4
+ "version": "8.0.103-dev",
5
5
  "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "author": "Precio Fishbone",
22
22
  "dependencies": {
23
- "@omnia/fx-models": "8.0.102-dev",
23
+ "@omnia/fx-models": "8.0.103-dev",
24
24
  "@microsoft/signalr": "6.0.1",
25
25
  "broadcast-channel": "4.8.0",
26
26
  "dayjs": "1.10.7",