@omnia/fx 8.0.456-dev → 8.0.458-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 (49) hide show
  1. package/internal-do-not-import-from-here/ux/aurora/admin/themedesigner/componentblueprints/store/ComponentEditorStore.d.ts +5 -8
  2. package/internal-do-not-import-from-here/ux/aurora/admin/themedesigner/componentblueprints/store/HeaderEditorStore.d.ts +5 -4
  3. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/store/ButtonStyleEditorStore.d.ts +12 -10
  4. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/HeaderPicker.d.ts +13 -10
  5. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/HeaderRenderer.d.ts +5 -9
  6. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/HeaderStyleEditor.d.ts +26 -0
  7. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/store/HeaderPickerStore.d.ts +32 -0
  8. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/store/HeaderStyleEditorStore.d.ts +32 -0
  9. package/internal-do-not-import-from-here/ux/aurora/components/input/InputBlueprintViewer.d.ts +23 -0
  10. package/internal-do-not-import-from-here/ux/aurora/components/input/InputStylePicker.d.ts +10 -6
  11. package/internal-do-not-import-from-here/ux/aurora/components/input/store/InputStylePickerStore.d.ts +32 -0
  12. package/internal-do-not-import-from-here/ux/aurora/components/tabs/store/TabStyleEditorStore.d.ts +10 -1
  13. package/internal-do-not-import-from-here/ux/aurora/store/ThemeStorage.d.ts +1 -1
  14. package/internal-do-not-import-from-here/ux/aurora/store/index.d.ts +1 -14
  15. package/internal-do-not-import-from-here/ux/mobile/index.d.ts +2 -1
  16. package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts +2 -2
  17. package/internal-do-not-import-from-here/ux/shared-mobile/stylex/Typings.d.ts +513 -513
  18. package/internal-do-not-import-from-here/ux/shared-mobile/stylex/index.d.ts +67 -65
  19. package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts +1 -1
  20. package/internal-do-not-import-from-here/ux/velcron/core/index.d.ts +0 -1
  21. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +4 -4
  22. package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts +5 -15
  23. package/internal-do-not-import-from-here/wctypings.d.ts +14 -12
  24. package/package.json +2 -2
  25. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/HeaderPicker.css.d.ts +0 -4
  26. package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/HeaderViewer.d.ts +0 -24
  27. package/internal-do-not-import-from-here/ux/aurora/components/input/InputBlueprintsViewer.d.ts +0 -26
  28. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/ColorManager.d.ts +0 -9
  29. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/ColorSchemaStore.d.ts +0 -46
  30. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/ComponentBlueprintStore.d.ts +0 -54
  31. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/DefineThemeProvider.d.ts +0 -4
  32. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/FontStore.d.ts +0 -18
  33. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/SpacingBlueprintStore.d.ts +0 -42
  34. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/TemplateRegistrationStore.d.ts +0 -20
  35. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/ThemeContextStore.d.ts +0 -16
  36. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/ThemeMigrations.d.ts +0 -12
  37. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/ThemeNormalizer.d.ts +0 -5
  38. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/ThemeProvider.d.ts +0 -39
  39. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/ThemeSharedModels.d.ts +0 -33
  40. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/ThemeStore.d.ts +0 -91
  41. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/TypographyBlueprintManager.d.ts +0 -22
  42. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/TypographyBlueprintStore.d.ts +0 -34
  43. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/VariantManager.d.ts +0 -7
  44. package/internal-do-not-import-from-here/ux/aurora/shared-mobile/index.d.ts +0 -15
  45. package/internal-do-not-import-from-here/ux/aurora/styling/styles/StyleFormatters.d.ts +0 -4
  46. package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronColorSchema.d.ts +0 -25
  47. package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronStore.d.ts +0 -12
  48. package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronTheming.d.ts +0 -19
  49. package/internal-do-not-import-from-here/ux/velcron/core/stores/index.d.ts +0 -3
@@ -1,4 +1,4 @@
1
- import { CSSProperties as StylexCssProperties } from "./Typings";
1
+ import { All, CSSCursor, ObjectFit, PointerEvents, CSSProperties as StylexCssProperties, TextAlign, TextDecoration, VerticalAlign, FontWeight } from "./Typings";
2
2
  export type StylexValue = {
3
3
  class?: string;
4
4
  style?: Readonly<{
@@ -14,40 +14,42 @@ export type SpacingStylexType = {
14
14
  export type CSSProperties = {
15
15
  -readonly [k in keyof StylexCssProperties]: StylexCssProperties[k];
16
16
  };
17
+ export type FlexAlignType = "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
18
+ export type DimensionValue = number | "auto" | `${number}%`;
17
19
  export interface ICssRules {
18
- position(position: string): StylexValue;
20
+ position(position: All | "static" | "relative" | "absolute" | "sticky" | "fixed"): StylexValue;
19
21
  textFillColor(textFillColor: string): StylexValue;
20
22
  backgroundClip(backgroundClip: string, important?: boolean): StylexValue;
21
23
  fontFamily(fontFamily: string): StylexValue;
22
- flexBasis(flexBasis: string | number): StylexValue;
24
+ flexBasis(flexBasis: DimensionValue | string): StylexValue;
23
25
  flexGrow(flexGrow: number): StylexValue;
24
- maxWidth(maxWidth: string): StylexValue;
25
- alignSelf(alignSelf: string): StylexValue;
26
- minWidth(minWidth: string | number, important?: boolean): StylexValue;
26
+ maxWidth(maxWidth: string | number): StylexValue;
27
+ alignSelf(alignSelf: "auto" | FlexAlignType): StylexValue;
28
+ minWidth(minWidth: DimensionValue | string, important?: boolean): StylexValue;
27
29
  flex(flex: string | number, important?: boolean): StylexValue;
28
- justifyContent(justifyContent: string): StylexValue;
29
- flexWrap(flexWrap: string): StylexValue;
30
- rowGap(rowGap: string): StylexValue;
31
- columnGap(columnGap: string): StylexValue;
32
- flexDirection(flexDirection: string): StylexValue;
33
- width(width: string | number, important?: boolean): StylexValue;
34
- height(width: string | number, important?: boolean): StylexValue;
35
- maxHeight(width: string | number, important?: boolean): StylexValue;
36
- minHeight(minHeight: string | number): StylexValue;
37
- alignItems(alignItems: string): StylexValue;
30
+ justifyContent(justifyContent: All | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly"): StylexValue;
31
+ flexWrap(flexWrap: All | "wrap" | "nowrap" | "wrap-reverse"): StylexValue;
32
+ rowGap(rowGap: number | string): StylexValue;
33
+ columnGap(columnGap: number | string): StylexValue;
34
+ flexDirection(flexDirection: All | "row" | "column" | "row-reverse" | "column-reverse"): StylexValue;
35
+ width(width: DimensionValue | string, important?: boolean): StylexValue;
36
+ height(height: DimensionValue | string, important?: boolean): StylexValue;
37
+ maxHeight(maxHeight: DimensionValue | string, important?: boolean): StylexValue;
38
+ minHeight(minHeight: DimensionValue | string): StylexValue;
39
+ alignItems(alignItems: FlexAlignType): StylexValue;
38
40
  boxSizing(boxSizing: string): StylexValue;
39
41
  display(display: string): StylexValue;
40
42
  wordBreak(wordBreak: string): StylexValue;
41
- fontStyle(fontstyle: string): StylexValue;
43
+ fontStyle(fontStyle: string): StylexValue;
42
44
  whiteSpace(whiteSpace: string): StylexValue;
43
45
  backDropFilter(backDropFilter: string): StylexValue;
44
46
  transition(transition: string): StylexValue;
45
47
  transform(transform: string): StylexValue;
46
48
  fontSize(fontSize: string | number, important?: boolean): StylexValue;
47
- fontWeight(fontWeight: number): StylexValue;
48
- lineHeight(lineHeight: string): StylexValue;
49
- letterSpacing(letterSpacing: string): StylexValue;
50
- textDecoration(textDecoration: string, important?: boolean): StylexValue;
49
+ fontWeight(fontWeight: FontWeight): StylexValue;
50
+ lineHeight(lineHeight: number | string): StylexValue;
51
+ letterSpacing(letterSpacing: number | string): StylexValue;
52
+ textDecoration(textDecoration: TextDecoration, important?: boolean): StylexValue;
51
53
  background(background: string, important?: boolean): StylexValue;
52
54
  opacity(opacity: string | number): StylexValue;
53
55
  backgroundImage(backgroundImage: string, important?: boolean): StylexValue;
@@ -56,12 +58,12 @@ export interface ICssRules {
56
58
  backgroundSize(backgroundSize: string, important?: boolean): StylexValue;
57
59
  backgroundColor(backgroundColor: string, important?: boolean): StylexValue;
58
60
  color(color: string, important?: boolean): StylexValue;
59
- borderTopLeftRadius(borderTopLeftRadius: string, important?: boolean): StylexValue;
60
- borderTopRightRadius(borderTopRightRadius: string, important?: boolean): StylexValue;
61
- borderBottomRightRadius(borderBottomRightRadius: string, important?: boolean): StylexValue;
62
- borderBottomLeftRadius(borderBottomLeftRadius: string, important?: boolean): StylexValue;
63
- border(value: SpacingStylexType | string): StylexValue;
64
- margin(value: SpacingStylexType | string | number, important?: boolean): StylexValue;
61
+ borderTopLeftRadius(borderTopLeftRadius: string | number, important?: boolean): StylexValue;
62
+ borderTopRightRadius(borderTopRightRadius: string | number, important?: boolean): StylexValue;
63
+ borderBottomRightRadius(borderBottomRightRadius: string | number, important?: boolean): StylexValue;
64
+ borderBottomLeftRadius(borderBottomLeftRadius: string | number, important?: boolean): StylexValue;
65
+ border(border: SpacingStylexType | string | number): StylexValue;
66
+ margin(margin: SpacingStylexType | string | number, important?: boolean): StylexValue;
65
67
  marginLeft(marginLeft: string | number, important?: boolean): StylexValue;
66
68
  marginBottom(marginBottom: string | number, important?: boolean): StylexValue;
67
69
  marginRight(marginRight: string | number, important?: boolean): StylexValue;
@@ -76,37 +78,37 @@ export interface ICssRules {
76
78
  borderBottom(borderBottom: string | number, important?: boolean): StylexValue;
77
79
  borderTop(borderTop: string | number, important?: boolean): StylexValue;
78
80
  borderRadius(borderRadius: string | number): StylexValue;
79
- textTransform(textTransform: string): StylexValue;
81
+ textTransform(textTransform: All | "none" | "capitalize" | "uppercase" | "lowercase"): StylexValue;
80
82
  lineCamp(lineCamp: number): StylexValue;
81
- overflow(overflow: string, important?: boolean): StylexValue;
82
- overflowY(overflowY: string, important?: boolean): StylexValue;
83
- overflowX(overflowX: string, important?: boolean): StylexValue;
83
+ overflow(overflow: All | "visible" | "hidden" | "clip" | "scroll" | "auto", important?: boolean): StylexValue;
84
+ overflowY(overflowY: All | "visible" | "hidden" | "clip" | "scroll" | "auto", important?: boolean): StylexValue;
85
+ overflowX(overflowX: All | "visible" | "hidden" | "clip" | "scroll" | "auto", important?: boolean): StylexValue;
84
86
  boxOrient(boxOrient: string): StylexValue;
85
- cursor(cursor: string, important?: boolean): StylexValue;
86
- top(top: number | string, important?: boolean): StylexValue;
87
- bottom(bottom: number | string, important?: boolean): StylexValue;
88
- left(left: number | string): StylexValue;
89
- right(right: number | string, important?: boolean): StylexValue;
90
- zIndex(zIndex: number, important?: boolean): StylexValue;
91
- visibility(visibility: "visible" | "hidden" | "collapse" | "initial" | "inherit"): StylexValue;
92
- textAlign(textAlign: string): StylexValue;
87
+ cursor(cursor: CSSCursor, important?: boolean): StylexValue;
88
+ top(top: DimensionValue | string, important?: boolean): StylexValue;
89
+ bottom(bottom: DimensionValue | string, important?: boolean): StylexValue;
90
+ left(left: DimensionValue | string): StylexValue;
91
+ right(right: DimensionValue | string, important?: boolean): StylexValue;
92
+ zIndex(zIndex: DimensionValue, important?: boolean): StylexValue;
93
+ visibility(visibility: All | "visible" | "hidden" | "collapse" | "initial" | "inherit"): StylexValue;
94
+ textAlign(textAlign: TextAlign): StylexValue;
93
95
  transformOrigin(transformOrigin: string): StylexValue;
94
96
  borderColor(borderColor: string): StylexValue;
95
- pointerEvents(pointerEvents: string): StylexValue;
96
- verticalAlign(verticalAlign: string): StylexValue;
97
+ pointerEvents(pointerEvents: PointerEvents): StylexValue;
98
+ verticalAlign(verticalAlign: VerticalAlign): StylexValue;
97
99
  textOverflow(textOverflow: string): StylexValue;
98
100
  flexShrink(flexShrink: string | number): StylexValue;
99
- boxShadow(boxShadow: string): StylexValue;
101
+ boxShadow(boxShadow: string | number): StylexValue;
100
102
  gridTemplateColumns(gridTemplateColumns: string | number): StylexValue;
101
- objectFit(objectFit: string): StylexValue;
103
+ objectFit(objectFit: ObjectFit): StylexValue;
102
104
  hover: {
103
- opacity(opacity: string, important?: boolean): StylexValue;
105
+ opacity(opacity: string | number, important?: boolean): StylexValue;
104
106
  cursor(cursor: string, important?: boolean): StylexValue;
105
107
  transform(transform: string): StylexValue;
106
108
  background(background: string): StylexValue;
107
109
  backgroundColor(backgroundColor: string, important?: boolean): StylexValue;
108
110
  boxShadow(boxShadow: string): StylexValue;
109
- textDecoration(textDecoration: string, important?: boolean): StylexValue;
111
+ textDecoration(textDecoration: TextDecoration, important?: boolean): StylexValue;
110
112
  };
111
113
  nest: {
112
114
  iframe: {
@@ -118,30 +120,30 @@ export interface ICssRules {
118
120
  };
119
121
  media: {
120
122
  sm: {
121
- maxHeight(value: string, important?: boolean): StylexValue;
122
- height(value: string, important?: boolean): StylexValue;
123
- maxWidth(value: string, important?: boolean): StylexValue;
124
- width(value: string, important?: boolean): StylexValue;
125
- fontSize(fontSize: string, important?: boolean): StylexValue;
126
- fontWeight(fontWeight: number, important?: boolean): StylexValue;
127
- lineHeight(lineHeight: string, important?: boolean): StylexValue;
128
- letterSpacing(letterSpacing: string, important?: boolean): StylexValue;
123
+ maxHeight(value: DimensionValue | string, important?: boolean): StylexValue;
124
+ height(value: DimensionValue | string, important?: boolean): StylexValue;
125
+ maxWidth(value: DimensionValue | string, important?: boolean): StylexValue;
126
+ width(value: DimensionValue | string, important?: boolean): StylexValue;
127
+ fontSize(fontSize: string | number, important?: boolean): StylexValue;
128
+ fontWeight(fontWeight: FontWeight, important?: boolean): StylexValue;
129
+ lineHeight(lineHeight: string | number, important?: boolean): StylexValue;
130
+ letterSpacing(letterSpacing: string | number, important?: boolean): StylexValue;
129
131
  };
130
132
  md: {
131
- maxHeight(value: string, important?: boolean): StylexValue;
132
- height(value: string, important?: boolean): StylexValue;
133
- maxWidth(value: string, important?: boolean): StylexValue;
134
- width(value: string, important?: boolean): StylexValue;
135
- fontSize(fontSize: string, important?: boolean): StylexValue;
136
- fontWeight(fontWeight: number, important?: boolean): StylexValue;
137
- lineHeight(lineHeight: string, important?: boolean): StylexValue;
138
- letterSpacing(letterSpacing: string, important?: boolean): StylexValue;
133
+ maxHeight(value: DimensionValue | string, important?: boolean): StylexValue;
134
+ height(value: DimensionValue | string, important?: boolean): StylexValue;
135
+ maxWidth(value: DimensionValue | string, important?: boolean): StylexValue;
136
+ width(value: DimensionValue | string, important?: boolean): StylexValue;
137
+ fontSize(fontSize: string | number, important?: boolean): StylexValue;
138
+ fontWeight(fontWeight: FontWeight, important?: boolean): StylexValue;
139
+ lineHeight(lineHeight: string | number, important?: boolean): StylexValue;
140
+ letterSpacing(letterSpacing: string | number, important?: boolean): StylexValue;
139
141
  };
140
142
  lg: {
141
- fontSize(fontSize: string, important?: boolean): StylexValue;
142
- fontWeight(fontWeight: number, important?: boolean): StylexValue;
143
- lineHeight(lineHeight: string, important?: boolean): StylexValue;
144
- letterSpacing(letterSpacing: string, important?: boolean): StylexValue;
143
+ fontSize(fontSize: string | number, important?: boolean): StylexValue;
144
+ fontWeight(fontWeight: FontWeight, important?: boolean): StylexValue;
145
+ lineHeight(lineHeight: string | number, important?: boolean): StylexValue;
146
+ letterSpacing(letterSpacing: string | number, important?: boolean): StylexValue;
145
147
  };
146
148
  };
147
149
  }
@@ -1,4 +1,4 @@
1
- export declare function useColorSchemaSetup(props: object): import("../aurora/store").ColorSchemaStoreType & {
1
+ export declare function useColorSchemaSetup(props: object): import("@omnia/fx-models/internal-do-not-import-from-here/shared/aurora/stores/ColorSchemaStore").ColorSchemaStoreType & {
2
2
  actions: {
3
3
  disableAutoDispose(): void;
4
4
  };
@@ -1,7 +1,6 @@
1
1
  export * from "./models";
2
2
  export * from "./parser";
3
3
  export * from "./actions";
4
- export * from "./stores";
5
4
  export * from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
6
5
  export * from "./rules";
7
6
  export * from "./templatebuilder";
@@ -1,11 +1,11 @@
1
1
  import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerFillBlueprint, BackgroundDefinition, BlueprintVariant, IconBlueprint, ButtonBlueprint, VelcronOnPressOutsideEvent, VelcronOnPointerEnterEvent, VelcronOnPointerLeaveEvent, VelcronColorStyling, VelcronOverflowValues, VelcronImageRatios } from "@omnia/fx-models/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
- import { DynamicState, VelcronDefinition, VelcronEffects, useVelcronThemingStore } from "..";
4
+ import { DynamicState, VelcronDefinition, VelcronEffects } from "..";
5
5
  import { guid, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
6
- import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
7
6
  import { Properties } from "csstype";
8
7
  import type { AnimationOptionsWithOverrides, InViewOptions, VariantDefinition, Variants } from "motion";
8
+ import { useColorSchemaStore, useThemeStore } from "internal/fx/ux/mobile";
9
9
  export interface ResolvedComponentRenderer {
10
10
  component: unknown;
11
11
  definition: VelcronDefinition;
@@ -83,8 +83,8 @@ export interface VelcronRenderContext {
83
83
  id?: string;
84
84
  rootContext: DynamicState;
85
85
  currentContext: DynamicState;
86
- theming?: ReturnType<typeof useVelcronThemingStore>;
87
- colors?: ReturnType<typeof useVelcronColorSchemaStore>;
86
+ theming?: ReturnType<typeof useThemeStore>;
87
+ colors?: ReturnType<typeof useColorSchemaStore>;
88
88
  actions?: {
89
89
  [name: string]: Array<string>;
90
90
  };
@@ -1,9 +1,9 @@
1
- import { ColorSchemaType, ColorSchemaTypes, ResolvedThemeDefinition, VelcronAppDefinition, VelcronRenderContext } from "@omnia/fx-models";
1
+ import { VelcronAppDefinition, VelcronRenderContext } from "@omnia/fx-models";
2
2
  import { VelcronRenderContextEventHandlers, DynamicState } from "../core";
3
3
  declare const _default: {
4
4
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
5
5
  colorSchemaType: {
6
- type: import("vue").PropType<ColorSchemaTypes | ColorSchemaType>;
6
+ type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
7
7
  required: boolean;
8
8
  };
9
9
  container: {
@@ -20,9 +20,6 @@ declare const _default: {
20
20
  editMode: {
21
21
  type: import("vue").PropType<boolean>;
22
22
  };
23
- themeDefinition: {
24
- type: import("vue").PropType<ResolvedThemeDefinition>;
25
- };
26
23
  eventHandlers: {
27
24
  type: import("vue").PropType<VelcronRenderContextEventHandlers>;
28
25
  };
@@ -50,7 +47,7 @@ declare const _default: {
50
47
  Defaults: {};
51
48
  }, Readonly<import("vue").ExtractPropTypes<{
52
49
  colorSchemaType: {
53
- type: import("vue").PropType<ColorSchemaTypes | ColorSchemaType>;
50
+ type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
54
51
  required: boolean;
55
52
  };
56
53
  container: {
@@ -67,9 +64,6 @@ declare const _default: {
67
64
  editMode: {
68
65
  type: import("vue").PropType<boolean>;
69
66
  };
70
- themeDefinition: {
71
- type: import("vue").PropType<ResolvedThemeDefinition>;
72
- };
73
67
  eventHandlers: {
74
68
  type: import("vue").PropType<VelcronRenderContextEventHandlers>;
75
69
  };
@@ -91,7 +85,7 @@ declare const _default: {
91
85
  __isSuspense?: never;
92
86
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
93
87
  colorSchemaType: {
94
- type: import("vue").PropType<ColorSchemaTypes | ColorSchemaType>;
88
+ type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
95
89
  required: boolean;
96
90
  };
97
91
  container: {
@@ -108,9 +102,6 @@ declare const _default: {
108
102
  editMode: {
109
103
  type: import("vue").PropType<boolean>;
110
104
  };
111
- themeDefinition: {
112
- type: import("vue").PropType<ResolvedThemeDefinition>;
113
- };
114
105
  eventHandlers: {
115
106
  type: import("vue").PropType<VelcronRenderContextEventHandlers>;
116
107
  };
@@ -135,8 +126,7 @@ declare const _default: {
135
126
  } & {
136
127
  container?: boolean;
137
128
  active?: boolean;
138
- colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
139
- themeDefinition?: ResolvedThemeDefinition;
129
+ colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
140
130
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
141
131
  context?: VelcronRenderContext;
142
132
  editMode?: boolean;
@@ -413,14 +413,14 @@ import wcd7ac9d3575424277926a0b231dc4f2e3 from './ux/aurora/components/container
413
413
  import wcbb2e0efa0634452f94d99d1f33ae5b64 from './ux/aurora/components/fillpicker/FillPicker';
414
414
  import wc349a445fe7a2403b8f98fceff168f87e from './ux/aurora/components/fillpicker/FillPreview';
415
415
  import wc44e2dd896269442f800da69000d4c2f1 from './ux/aurora/components/headerpicker/HeaderPicker';
416
- import wcb059e461e6c048fe830c6d32722e5cdc from './ux/aurora/components/headerpicker/HeaderViewer';
417
416
  import wcb1acedf8859a4daab8c683bd87142462 from './ux/aurora/components/headerpicker/HeaderRenderer';
417
+ import wcadc7e708d0e7419bb327998ca3f3564b from './ux/aurora/components/headerpicker/HeaderStyleEditor';
418
418
  import wc5542a25df57c464897a59a336eee0e56 from './ux/aurora/components/iconstylepicker/IconStylePicker';
419
419
  import wcf7cc41f3ae4944e3b43c380140438973 from './ux/aurora/components/iconstylepicker/IconStyleEditor';
420
420
  import wccbdf3361c16f479faff72960c18404dc from './ux/aurora/components/iconstylepicker/IconBlueprintsViewer';
421
421
  import wcd84a5b45429344d29a084ade31ad668d from './ux/aurora/components/input/InputStylePicker';
422
422
  import wc141334bec3914c018c0044b7593ffc93 from './ux/aurora/components/input/InputStyleEditor';
423
- import wc94cbc66f399948c28f25bf8962deefd1 from './ux/aurora/components/input/InputBlueprintsViewer';
423
+ import wca01dd21daed643789058354101511f08 from './ux/aurora/components/input/InputBlueprintViewer';
424
424
  import wc3bcb44301ab24be2a11e6ccdfe29ee60 from './ux/aurora/components/placeholder/Placeholder';
425
425
  import wc564bced7081c496483e8df717f600ff3 from './ux/aurora/components/spacingpicker/SpacingPicker3';
426
426
  import wc0ed52c601528428e935d110b3018a0bc from './ux/aurora/components/spacingpicker/SpacingViewer';
@@ -1643,14 +1643,14 @@ declare global {
1643
1643
  };
1644
1644
  } : typeof wc141334bec3914c018c0044b7593ffc93;
1645
1645
  };
1646
- "blueprints": {
1647
- "viewer": typeof wc94cbc66f399948c28f25bf8962deefd1 extends {
1646
+ "blueprint": {
1647
+ "viewer": typeof wca01dd21daed643789058354101511f08 extends {
1648
1648
  propsDefinition: infer TProp;
1649
1649
  } ? {
1650
1650
  new (...args: any[]): {
1651
1651
  $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
1652
1652
  };
1653
- } : typeof wc94cbc66f399948c28f25bf8962deefd1;
1653
+ } : typeof wca01dd21daed643789058354101511f08;
1654
1654
  };
1655
1655
  };
1656
1656
  "journey": {
@@ -4199,13 +4199,6 @@ declare global {
4199
4199
  $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
4200
4200
  };
4201
4201
  } : typeof wc44e2dd896269442f800da69000d4c2f1;
4202
- "viewer": typeof wcb059e461e6c048fe830c6d32722e5cdc extends {
4203
- propsDefinition: infer TProp;
4204
- } ? {
4205
- new (...args: any[]): {
4206
- $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
4207
- };
4208
- } : typeof wcb059e461e6c048fe830c6d32722e5cdc;
4209
4202
  "renderer": typeof wcb1acedf8859a4daab8c683bd87142462 extends {
4210
4203
  propsDefinition: infer TProp;
4211
4204
  } ? {
@@ -4213,6 +4206,15 @@ declare global {
4213
4206
  $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
4214
4207
  };
4215
4208
  } : typeof wcb1acedf8859a4daab8c683bd87142462;
4209
+ "style": {
4210
+ "editor": typeof wcadc7e708d0e7419bb327998ca3f3564b extends {
4211
+ propsDefinition: infer TProp;
4212
+ } ? {
4213
+ new (...args: any[]): {
4214
+ $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
4215
+ };
4216
+ } : typeof wcadc7e708d0e7419bb327998ca3f3564b;
4217
+ };
4216
4218
  };
4217
4219
  "variant": {
4218
4220
  "placeholder": typeof wc3bcb44301ab24be2a11e6ccdfe29ee60 extends {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/fx",
3
3
  "license": "MIT",
4
- "version": "8.0.456-dev",
4
+ "version": "8.0.458-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": "Omnia Digital Workplace AB",
22
22
  "dependencies": {
23
- "@omnia/fx-models": "8.0.456-dev",
23
+ "@omnia/fx-models": "8.0.458-dev",
24
24
  "@microsoft/signalr": "6.0.1",
25
25
  "broadcast-channel": "4.8.0",
26
26
  "dayjs": "1.11.7",
@@ -1,4 +0,0 @@
1
- export declare const HeaderPickerStyles: {
2
- selector: (dark: boolean) => string;
3
- container: string;
4
- };
@@ -1,24 +0,0 @@
1
- import { BlueprintVariant, HeaderBlueprints } from "@omnia/fx-models";
2
- import { DefineEmit } from "@omnia/fx/ux";
3
- declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
4
- "emit:update:modelValue": (value: HeaderBlueprints) => void;
5
- } & {
6
- "v-model"?: HeaderBlueprints;
7
- } & {
8
- modelValue?: HeaderBlueprints;
9
- } & {
10
- toned?: boolean;
11
- } & {
12
- selectable?: boolean;
13
- } & {
14
- editable?: boolean;
15
- } & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
16
- "onUpdate:modelValue"?: (value: HeaderBlueprints) => any;
17
- "onClick:add"?: () => any;
18
- "onClick:select"?: (variant: BlueprintVariant) => any;
19
- } & {
20
- "v-slots"?: {} & Omit<{
21
- default?: import("vue").Slot;
22
- }, never>;
23
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "emit:update:modelValue" | "v-model" | "toned" | "emit:click:add" | "emit:click:select" | "selectable"> & import("@omnia/fx/ux").VNodeEvents) => any;
24
- export default _default;
@@ -1,26 +0,0 @@
1
- import { BlueprintVariant, InputBlueprints } from "@omnia/fx-models";
2
- import { DefineEmit } from "@omnia/fx/ux";
3
- declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
4
- "emit:update:modelValue": (value: InputBlueprints) => void;
5
- } & {
6
- "v-model"?: InputBlueprints;
7
- } & {
8
- modelValue?: InputBlueprints;
9
- } & {
10
- toned?: boolean;
11
- } & {
12
- selectable?: boolean;
13
- } & {
14
- editable?: boolean;
15
- } & {
16
- blueprintStrategy?: string;
17
- } & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
18
- "onUpdate:modelValue"?: (value: InputBlueprints) => any;
19
- "onClick:add"?: () => any;
20
- "onClick:select"?: (variant: BlueprintVariant) => any;
21
- } & {
22
- "v-slots"?: {} & Omit<{
23
- default?: import("vue").Slot;
24
- }, never>;
25
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "emit:update:modelValue" | "v-model" | "toned" | "emit:click:add" | "emit:click:select" | "selectable" | "blueprintStrategy"> & import("@omnia/fx/ux").VNodeEvents) => any;
26
- export default _default;
@@ -1,9 +0,0 @@
1
- import { ColorDefinition } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
2
- export declare function useColorManager(): {
3
- isWcagCompliant: (color1: string, color2: string, level: "AA" | "AAA") => boolean;
4
- getColorDefinition: (color: string, isBaseColorDark: boolean) => ColorDefinition;
5
- isDarkColor: (color: any) => boolean;
6
- addOpacityToColor: (color: any, opacity: any) => any;
7
- isValidColor: (color: string) => boolean;
8
- hasOpacity: (color: string) => boolean;
9
- };
@@ -1,46 +0,0 @@
1
- import { type StoreEvents, type StoreReturnDefineAction } from "@omnia/fx-models/internal-do-not-import-from-here/shared";
2
- import { ColorDefinition, ColorGradientValue, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorTypes, ColorValue, guid } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
3
- import { useThemeStore } from "./ThemeStore";
4
- export type ColorSchemaStoreType = {
5
- state: {
6
- base: ColorDefinition;
7
- onBase: ColorDefinition;
8
- name: string;
9
- colorSchemaType: ColorSchemaTypes | ColorSchemaType;
10
- id: guid;
11
- };
12
- events: StoreEvents<{
13
- base: ColorDefinition;
14
- onBase: ColorDefinition;
15
- name: string;
16
- colorSchemaType: ColorSchemaTypes | ColorSchemaType;
17
- id: guid;
18
- }>;
19
- actions: StoreReturnDefineAction<{
20
- setColorSchema(colorSchemaType: ColorSchemaTypes | ColorSchemaType, container?: boolean): void;
21
- setCustomColorSchema(colorSchema: ColorSchema, container?: boolean): void;
22
- setColor(colorDefinition: ColorDefinition, colorType: ColorTypes): void;
23
- setThemeStore(themeStoreInstance: ReturnType<typeof useThemeStore>): void;
24
- }>;
25
- get: {
26
- themeStore: ReturnType<typeof useThemeStore>;
27
- colorValue(color: ColorValue | ColorGradientValue, colorSchema?: ColorSchema): string;
28
- colorSchema: ColorSchema;
29
- theme: "dark" | "light";
30
- base: ColorDefinition;
31
- onBase: ColorDefinition;
32
- };
33
- dispose(force?: boolean): void;
34
- };
35
- export type InternalColorSchemaStoreType = ColorSchemaStoreType & {
36
- actions: {
37
- disableAutoDispose(): void;
38
- };
39
- };
40
- export declare const useColorSchemaStore: () => ColorSchemaStoreType & {
41
- actions: {
42
- disableAutoDispose(): void;
43
- };
44
- } & {
45
- dispose?: () => void;
46
- };
@@ -1,54 +0,0 @@
1
- import { Blueprint, BlueprintsStrategyBase, BlueprintVariant, ButtonBlueprint, ButtonBlueprintVariant, ComponentBlueprints, ContainerFillValue, HeaderBlueprint, IconBlueprint, InputBlueprint, OIconSizes, TabsBlueprint, TextStyleDefinition, TypographyBlueprint, WebBlueprintItemDefintionType } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
2
- type blueprintType = "default";
3
- export declare const useComponentBlueprintStore: () => {
4
- state: {
5
- blueprints: ComponentBlueprints;
6
- };
7
- events: import("@omnia/fx-models/internal-do-not-import-from-here/shared").StoreEvents<{
8
- blueprints: ComponentBlueprints;
9
- }, Record<string, import("@omnia/fx-models/internal-do-not-import-from-here/shared").IMessageBusTopicPublishSubscriber<any>>>;
10
- actions: import("@omnia/fx-models/internal-do-not-import-from-here/shared").StoreReturnDefineAction<{
11
- ensure(): {
12
- buttons: () => void;
13
- };
14
- setBlueprint(type: blueprintType): void;
15
- setBluePrints(componentBlueprints: ComponentBlueprints): void;
16
- }>;
17
- get: {
18
- byType<TType extends Blueprint>(type: WebBlueprintItemDefintionType): any;
19
- readonly blueprints: ComponentBlueprints;
20
- fallbackBlueprints: {
21
- get(): ComponentBlueprints;
22
- byType(strategyType: BlueprintsStrategyBase): ComponentBlueprints;
23
- };
24
- button: {
25
- iconBlueprintBySize(sizeType: OIconSizes): ButtonBlueprint;
26
- blueprintByType(type: ButtonBlueprintVariant | ButtonBlueprint): any;
27
- };
28
- input: {
29
- blueprintByType(type: BlueprintVariant | InputBlueprint): InputBlueprint;
30
- };
31
- tabs: {
32
- blueprintByType(type: BlueprintVariant | TabsBlueprint): TabsBlueprint;
33
- };
34
- icon: {
35
- blueprint(size: OIconSizes): IconBlueprint;
36
- size: {
37
- byBluePrint(blueprint: IconBlueprint, typographyBlueprint: TypographyBlueprint): TextStyleDefinition;
38
- byIconSize(size: OIconSizes, typographyBlueprint: TypographyBlueprint): TextStyleDefinition;
39
- };
40
- };
41
- containerFill: {
42
- hasVariant(type: BlueprintVariant | string): boolean;
43
- getByType(type: ContainerFillValue): any;
44
- };
45
- header: {
46
- hasVariant(type: BlueprintVariant | string): boolean;
47
- getRendererBlueprint(type: HeaderBlueprint): HeaderBlueprint;
48
- };
49
- };
50
- deactivated(): void;
51
- } & {
52
- dispose?: () => void;
53
- };
54
- export {};
@@ -1,4 +0,0 @@
1
- import { useThemeProviderStore } from "./ThemeProvider";
2
- type SetupThemeProvider = Pick<ReturnType<typeof useThemeProviderStore>["actions"], "registerStore" | "registerDefaultTypographyBlueprints" | "registerDefaultSpacingBlueprints" | "registerDefaultLightColorSchema" | "registerDefaultDarkColorSchema" | "registerComponentBlueprintStrategy" | "defineCustomFontLoader">;
3
- export declare function defineThemeProvider(setup: (ctx: SetupThemeProvider) => void): void;
4
- export {};
@@ -1,18 +0,0 @@
1
- import { Future, ITemplateRegistration, TypographyFontDefinition } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
2
- export declare const useFontStore: () => {
3
- actions: import("@omnia/fx-models/internal-do-not-import-from-here/shared").StoreReturnDefineAction<{
4
- ensureLoadFonts: () => Future<ITemplateRegistration<TypographyFontDefinition, import("@omnia/fx-models/internal-do-not-import-from-here/shared").TemplateRegistrationType>[]>;
5
- addFont(font: TypographyFontDefinition): void;
6
- editFont(font: TypographyFontDefinition): void;
7
- onFinishLoad(): Future<Record<string, ITemplateRegistration<any, import("@omnia/fx-models/internal-do-not-import-from-here/shared").TemplateRegistrationType>>>;
8
- saveFont(): Promise<boolean>;
9
- delete(font: TypographyFontDefinition): Promise<void>;
10
- }>;
11
- get: {
12
- readonly availableFonts: TypographyFontDefinition[];
13
- findFont(family: string): ITemplateRegistration<TypographyFontDefinition, import("@omnia/fx-models/internal-do-not-import-from-here/shared").TemplateRegistrationType>;
14
- readonly finishLoad: boolean;
15
- };
16
- } & {
17
- dispose?: () => void;
18
- };
@@ -1,42 +0,0 @@
1
- import { BlueprintVariant, guid } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
2
- import { useThemeStore } from "./ThemeStore";
3
- export declare const useSpacingBlueprintStore: () => {
4
- state: {
5
- blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingBlueprint;
6
- blueprintType: BlueprintVariant;
7
- id: guid;
8
- isCustomBlueprint: boolean;
9
- };
10
- events: import("@omnia/fx-models/internal-do-not-import-from-here/shared").StoreEvents<{
11
- blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingBlueprint;
12
- blueprintType: BlueprintVariant;
13
- id: guid;
14
- isCustomBlueprint: boolean;
15
- }, Record<string, import("@omnia/fx-models/internal-do-not-import-from-here/shared").IMessageBusTopicPublishSubscriber<any>>>;
16
- actions: import("@omnia/fx-models/internal-do-not-import-from-here/shared").StoreReturnDefineAction<{
17
- setBlueprint(): void;
18
- setThemeStore(themeStoreInstance: ReturnType<typeof useThemeStore>): void;
19
- }>;
20
- get: {
21
- readonly defaultSpacingBlueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingBlueprint;
22
- readonly themeStore: ReturnType<typeof useThemeStore>;
23
- readonly blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingBlueprint;
24
- readonly spacingScaling: {
25
- get: {
26
- valueWithoutScale: (value: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingValue) => string | number;
27
- scaleFromValue: (value: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingValue) => import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingScale;
28
- scale: (value: import("@omnia/fx-models/internal-do-not-import-from-here/shared").Spacing | import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingValue) => import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingScale;
29
- };
30
- add: {
31
- scaleToValue: (value: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingValue, scale: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingScale) => string | number;
32
- fallBackScale: (value: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingValue, scale: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingScale) => string | number;
33
- };
34
- has: {
35
- scaling: (value: import("@omnia/fx-models/internal-do-not-import-from-here/shared").SpacingValue) => boolean;
36
- };
37
- };
38
- };
39
- deactivated(): void;
40
- } & {
41
- dispose?: () => void;
42
- };