@omnia/velcron 8.0.300-dev → 8.0.301-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 (8) hide show
  1. package/internal-do-not-import-from-here/shared/models/theme/Blueprints.d.ts +36 -10
  2. package/internal-do-not-import-from-here/shared/models/theme/UseThemeMethods.d.ts +2 -2
  3. package/internal-do-not-import-from-here/shared/models/theme/UseThemeMethods.js +15 -6
  4. package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts +2 -2
  5. package/models/VelcronDefinitions.d.ts +3 -3
  6. package/models/VelcronState.d.ts +2 -2
  7. package/package.json +1 -1
  8. package/stores/VelcronTheming.d.ts +2 -2
package/internal-do-not-import-from-here/shared/models/theme/Blueprints.d.ts CHANGED
@@ -5,24 +5,40 @@ import { TypographyBlueprint } from "./Typography";
5
5
  import { ThemeBase } from "./ThemeBase";
6
6
  import { VelcronAppDefinition, VelcronRendererResolverReference } from "../velcron";
7
7
  import { guid } from "../Guid";
8
+ export interface BlueprintStrategy {
9
+ buttons: {
10
+ primary: ButtonBlueprint;
11
+ basic: ButtonBlueprint;
12
+ accent: ButtonBlueprint;
13
+ warn: ButtonBlueprint;
14
+ link: ButtonBlueprint;
15
+ close: ButtonBlueprint;
16
+ };
17
+ }
8
18
  export interface BoxDimensions extends Spacing {
9
19
  }
10
20
  export interface Blueprints {
11
21
  name?: string;
12
22
  }
13
- export type BlueprintVariant = "primary" | "secondary" | "variant1" | "variant2" | "variant3";
23
+ export type BlueprintVariant = "primary" | "secondary" | "variant1" | "variant2" | "variant3" | "variant4";
14
24
  export interface ChromeBlueprints extends Blueprints, BlueprintsReference {
15
25
  primary: ChromeBlueprint;
16
26
  variant1?: ChromeBlueprint;
17
27
  variant2?: ChromeBlueprint;
18
28
  variant3?: ChromeBlueprint;
19
29
  }
20
- export type ContainerFillVariant = "variant1" | "variant2" | "variant3" | "variant4";
21
- export interface ContainerFillBlueprints extends Blueprints, BlueprintsReference {
22
- variant1?: ContainerFillBlueprint;
23
- variant2?: ContainerFillBlueprint;
24
- variant3?: ContainerFillBlueprint;
25
- variant4?: ContainerFillBlueprint;
30
+ export interface VariantBlueprints<T> extends Blueprints, BlueprintsReference {
31
+ variant1?: T;
32
+ variant2?: T;
33
+ variant3?: T;
34
+ variant4?: T;
35
+ }
36
+ export interface HeaderBlueprint extends Blueprint {
37
+ viewTemplate?: VelcronRendererResolverReference;
38
+ }
39
+ export interface HeaderBlueprints extends VariantBlueprints<HeaderBlueprint>, Blueprints, BlueprintsReference {
40
+ }
41
+ export interface ContainerFillBlueprints extends VariantBlueprints<ContainerFillBlueprint>, Blueprints, BlueprintsReference {
26
42
  }
27
43
  export interface ContainerFillBlueprint extends Blueprints, BlueprintsReference {
28
44
  name?: string;
@@ -50,12 +66,14 @@ export interface ChromeBlueprint {
50
66
  };
51
67
  }
52
68
  export interface ComponentBlueprints extends ThemeBase {
69
+ strategy?: "MD2" | "MD3";
53
70
  buttons?: ButtonBlueprints;
54
71
  tabs?: TabsBlueprints;
55
72
  blocks?: ChromeBlueprints;
56
73
  icons?: IconBlueprints;
57
74
  chips?: ChipBlueprint;
58
75
  fills?: ContainerFillBlueprints;
76
+ headers?: HeaderBlueprints;
59
77
  }
60
78
  export interface SpacingBlueprint {
61
79
  l: SpacingDefinition;
@@ -83,7 +101,7 @@ export interface IconBlueprints extends Blueprints {
83
101
  l?: IconBlueprint;
84
102
  xl?: IconBlueprint;
85
103
  }
86
- export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "link" | "close" | "variant1" | "variant2" | "variant3" | "variant4";
104
+ export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "link" | "close" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
87
105
  export type ButtonBlueprintType = "text" | "icon";
88
106
  export interface ButtonBlueprintVariant {
89
107
  type: ButtonTypes;
@@ -98,7 +116,7 @@ export interface ButtonBlueprint extends Blueprint {
98
116
  viewTemplate?: VelcronRendererResolverReference;
99
117
  }
100
118
  export interface ButtonBlueprints extends Blueprints {
101
- text: {
119
+ text?: {
102
120
  primary?: ButtonBlueprint;
103
121
  basic?: ButtonBlueprint;
104
122
  accent1?: ButtonBlueprint;
@@ -109,8 +127,12 @@ export interface ButtonBlueprints extends Blueprints {
109
127
  variant2?: ButtonBlueprint;
110
128
  variant3?: ButtonBlueprint;
111
129
  variant4?: ButtonBlueprint;
130
+ variant5?: ButtonBlueprint;
131
+ variant6?: ButtonBlueprint;
132
+ variant7?: ButtonBlueprint;
133
+ variant8?: ButtonBlueprint;
112
134
  };
113
- icon: {
135
+ icon?: {
114
136
  primary?: ButtonBlueprint;
115
137
  basic?: ButtonBlueprint;
116
138
  accent1?: ButtonBlueprint;
@@ -121,6 +143,10 @@ export interface ButtonBlueprints extends Blueprints {
121
143
  variant2?: ButtonBlueprint;
122
144
  variant3?: ButtonBlueprint;
123
145
  variant4?: ButtonBlueprint;
146
+ variant5?: ButtonBlueprint;
147
+ variant6?: ButtonBlueprint;
148
+ variant7?: ButtonBlueprint;
149
+ variant8?: ButtonBlueprint;
124
150
  };
125
151
  }
126
152
  export interface TabsBlueprints extends Blueprints {
package/internal-do-not-import-from-here/shared/models/theme/UseThemeMethods.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { ContainerFillBlueprint, ContainerFillVariant } from "./Blueprints";
1
+ import { ContainerFillBlueprint, BlueprintVariant } from "./Blueprints";
2
2
  import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinition";
3
3
  export declare function useThemeMethods(getThemeDefinition: () => any): {
4
- containerBlueprint: (type: ContainerFillVariant | ContainerFillBlueprint | string) => any;
4
+ containerBlueprint: (type: BlueprintVariant | ContainerFillBlueprint | string) => any;
5
5
  colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
6
6
  color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
7
7
  colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => ColorDefinition;
package/internal-do-not-import-from-here/shared/models/theme/UseThemeMethods.js CHANGED
@@ -4,21 +4,21 @@ exports.useThemeMethods = useThemeMethods;
4
4
  const ThemeDefinition_1 = require("./ThemeDefinition");
5
5
  // temp change ThemeDefinitionInstance to any because fx/shared can't reference higher level fx/ux
6
6
  function useThemeMethods(getThemeDefinition) {
7
- function containerBlueprint(type) {
7
+ function containerFillBlueprint(type) {
8
8
  if (typeof type !== "string") {
9
9
  return type;
10
10
  }
11
11
  if (type === "variant1") {
12
- return getThemeDefinition()?.components?.containers?.variant1;
12
+ return getThemeDefinition()?.components?.fills?.variant1;
13
13
  }
14
14
  if (type === "variant2") {
15
- return getThemeDefinition()?.components?.containers?.variant2;
15
+ return getThemeDefinition()?.components?.fills?.variant2;
16
16
  }
17
17
  if (type === "variant3") {
18
- return getThemeDefinition()?.components?.containers?.variant3;
18
+ return getThemeDefinition()?.components?.fills?.variant3;
19
19
  }
20
20
  if (type === "variant4") {
21
- return getThemeDefinition()?.components?.containers?.variant4;
21
+ return getThemeDefinition()?.components?.fills?.variant4;
22
22
  }
23
23
  return null;
24
24
  }
@@ -50,9 +50,18 @@ function useThemeMethods(getThemeDefinition) {
50
50
  else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.neutral) {
51
51
  return getThemeDefinition().colors.neutral;
52
52
  }
53
+ else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.notification) {
54
+ return getThemeDefinition().colors.notification;
55
+ }
53
56
  else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.error) {
54
57
  return getThemeDefinition().colors.error;
55
58
  }
59
+ else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.info) {
60
+ return getThemeDefinition().colors.info;
61
+ }
62
+ else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.warning) {
63
+ return getThemeDefinition().colors.warning;
64
+ }
56
65
  else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.success) {
57
66
  return getThemeDefinition().colors.success;
58
67
  }
@@ -79,7 +88,7 @@ function useThemeMethods(getThemeDefinition) {
79
88
  return mappedColorSchema.base;
80
89
  }
81
90
  return {
82
- containerBlueprint,
91
+ containerBlueprint: containerFillBlueprint,
83
92
  colorSchema,
84
93
  color,
85
94
  colorDefinition,
package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ContainerFillBlueprint, ContainerFillVariant, IFontAwesomeIcon, VelcronColorStyling, VelcronOverflowValues } from "@omnia/fx-models";
1
+ import { ContainerFillBlueprint, BlueprintVariant, IFontAwesomeIcon, VelcronColorStyling, VelcronOverflowValues } from "@omnia/fx-models";
2
2
  import { DynamicState } from "../DynamicState";
3
3
  import { VelcronEvent, VelcronOnActiveEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPersistingStateEvent, VelcronOnSavingEvent } from "./VelcronEvents";
4
4
  import { AnimationOptionsWithOverrides, VariantDefinition, Variants } from "motion";
@@ -88,7 +88,7 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
88
88
  version?: string;
89
89
  name?: string;
90
90
  lazy?: VelcronLazyApp;
91
- blueprint?: ContainerFillBlueprint | ContainerFillVariant;
91
+ blueprint?: ContainerFillBlueprint | BlueprintVariant;
92
92
  body?: Array<VelcronDefinition>;
93
93
  events?: VelcronOnLoadEvent & VelcronOnEditModeEvent & VelcronOnSavingEvent & VelcronOnPersistingStateEvent & VelcronOnActiveEvent;
94
94
  actions?: {
package/models/VelcronDefinitions.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerFillBlueprint, BackgroundDefinition, ContainerFillVariant, IconBlueprint, ButtonBlueprint } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
1
+ import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerFillBlueprint, BackgroundDefinition, BlueprintVariant, IconBlueprint, ButtonBlueprint } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
2
2
  import { VelcronComponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
3
3
  import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
4
4
  import { DynamicState, VelcronDefinition, VelcronEffects, useVelcronThemingStore } from "..";
@@ -217,7 +217,7 @@ export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColo
217
217
  direction?: VelcronBindableProp<"row" | "row-reverse">;
218
218
  position?: VelcronBindableProp<VelcronPosition>;
219
219
  zIndex?: VelcronBindableProp<number>;
220
- blueprint?: ContainerFillBlueprint | ContainerFillVariant;
220
+ blueprint?: ContainerFillBlueprint | BlueprintVariant;
221
221
  background?: BackgroundDefinition;
222
222
  wrap?: boolean;
223
223
  gapX?: number | string;
@@ -238,7 +238,7 @@ export interface VelcronFlexColumnDefinition extends VelcronDefinition, VelcronC
238
238
  type: "column";
239
239
  events?: VelcronOnPressEvent;
240
240
  grow?: number;
241
- blueprint?: ContainerFillBlueprint | ContainerFillVariant;
241
+ blueprint?: ContainerFillBlueprint | BlueprintVariant;
242
242
  alignY?: VelcronVerticalAlignments;
243
243
  position?: VelcronPosition;
244
244
  absolute?: VelcronSpacing;
package/models/VelcronState.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BackgroundDefinition, ContainerFillBlueprint, ContainerFillVariant, TextBlueprint, TypographySize, TypographyType, VelcronSpacing } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
1
+ import { BackgroundDefinition, ContainerFillBlueprint, BlueprintVariant, TextBlueprint, TypographySize, TypographyType, VelcronSpacing } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
2
2
  import { VelcronImageRatios } from "./VelcronDefinitions";
3
3
  export interface VelcronState {
4
4
  states?: {
@@ -16,7 +16,7 @@ export interface VelcronState {
16
16
  alignY?: string;
17
17
  colorSchemaType?: string;
18
18
  spacing?: VelcronSpacing;
19
- blueprint?: ContainerFillBlueprint | ContainerFillVariant;
19
+ blueprint?: ContainerFillBlueprint | BlueprintVariant;
20
20
  background?: BackgroundDefinition;
21
21
  };
22
22
  grid?: VelcronGridState;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/velcron",
3
3
  "license": "MIT",
4
- "version": "8.0.300-dev",
4
+ "version": "8.0.301-dev",
5
5
  "description": "Provide Omnia Velcron Stuffs.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1"
package/stores/VelcronTheming.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerFillBlueprint, ContainerFillVariant, ResolvedThemeDefinition, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
1
+ import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerFillBlueprint, BlueprintVariant, ResolvedThemeDefinition, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
2
2
  export declare const useVelcronThemingStore: (newStateWithName?: string) => {
3
3
  state: {
4
4
  currentTheme: ResolvedThemeDefinition;
5
5
  };
6
6
  get: {
7
7
  componentBlueprints: () => void;
8
- containerBlueprint: (type: ContainerFillVariant | ContainerFillBlueprint | string) => any;
8
+ containerBlueprint: (type: BlueprintVariant | ContainerFillBlueprint | string) => any;
9
9
  colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("..").ColorSchema;
10
10
  spacing: () => import("..").SpacingBlueprint;
11
11
  typography: (typographyType: TypographyTypes | TypographyType, size: TypographySizes | TypographySize) => any;