@omnia/fx 8.0.112-dev → 8.0.113-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 (42) hide show
  1. package/internal-do-not-import-from-here/shared/models/theming/ChromeDefinition.d.ts +2 -11
  2. package/internal-do-not-import-from-here/shared/models/theming/ComponentDefinitions.d.ts +3 -7
  3. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +16 -3
  4. package/internal-do-not-import-from-here/ux/Styles.stylex.d.ts +21 -0
  5. package/internal-do-not-import-from-here/ux/borderpicker/BorderPicker.css.d.ts +5 -0
  6. package/internal-do-not-import-from-here/ux/borderpicker/BorderPicker.d.ts +161 -0
  7. package/internal-do-not-import-from-here/ux/borderpicker/BorderPreview.d.ts +69 -0
  8. package/internal-do-not-import-from-here/ux/docs/omfx/components/docs/Properties.d.ts +50 -15
  9. package/internal-do-not-import-from-here/ux/docs/omfx/components/docs/VModel.d.ts +58 -345
  10. package/internal-do-not-import-from-here/ux/docs/omfx/directives/docs/UseClickInSide.d.ts +50 -15
  11. package/internal-do-not-import-from-here/ux/enterpriseproperties/renderers/EnterprisePropertyConfiguration.d.ts +3 -3
  12. package/internal-do-not-import-from-here/ux/{backgroundpicker/BackgroundPicker.css.d.ts → fillpicker/FillPicker.css.d.ts} +2 -1
  13. package/internal-do-not-import-from-here/ux/{backgroundpicker/BackgroundPicker.d.ts → fillpicker/FillPicker.d.ts} +44 -23
  14. package/internal-do-not-import-from-here/ux/{backgroundpicker/BackgroundPreview.d.ts → fillpicker/FillPreview.d.ts} +16 -16
  15. package/internal-do-not-import-from-here/ux/fillpicker/docs/ExampleComponents.d.ts +1 -0
  16. package/internal-do-not-import-from-here/ux/fillpicker/docs/index.d.ts +1 -0
  17. package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.d.ts +1 -1
  18. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/ColorSettings.d.ts +23 -23
  19. package/internal-do-not-import-from-here/ux/mediapickerimage/MediaPickerImage.d.ts +18 -10
  20. package/internal-do-not-import-from-here/ux/oxide/avatar/Avatar.d.ts +1 -1
  21. package/internal-do-not-import-from-here/ux/oxide/chip/Chip.d.ts +1 -1
  22. package/internal-do-not-import-from-here/ux/oxide/list/ListItem.css.d.ts +1 -1
  23. package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts +9 -9
  24. package/internal-do-not-import-from-here/ux/oxide/treeview/Treeview.css.d.ts +10 -2
  25. package/internal-do-not-import-from-here/ux/oxide/treeview/Treeview.d.ts +53 -11
  26. package/internal-do-not-import-from-here/ux/oxide/treeview/docs/index.d.ts +0 -2
  27. package/internal-do-not-import-from-here/ux/properties/builtins/image/ImageEditor.css.d.ts +2 -1
  28. package/internal-do-not-import-from-here/ux/theming-v2/designkits/core/DefinitionsChrome.d.ts +10 -82
  29. package/internal-do-not-import-from-here/ux/theming-v2/styling/UseStyling.d.ts +586 -19
  30. package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Blueprints.d.ts +20 -15
  31. package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Chrome.d.ts +12 -0
  32. package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Colors.d.ts +21 -0
  33. package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Spacing.d.ts +7 -0
  34. package/internal-do-not-import-from-here/wctypings.d.ts +36 -12
  35. package/package.json +2 -2
  36. package/internal-do-not-import-from-here/ux/oxide/treeview/docs/ExampleComponentsMenu.d.ts +0 -1
  37. package/internal-do-not-import-from-here/ux/oxide/treeview/docs/SampleComponentMenu.d.ts +0 -16
  38. package/internal-do-not-import-from-here/ux/oxide/treeview/docs/SampleVariants.d.ts +0 -16
  39. /package/internal-do-not-import-from-here/ux/{backgroundpicker/docs/BackgroundPickerExample.d.ts → borderpicker/docs/BorderPickerExample.d.ts} +0 -0
  40. /package/internal-do-not-import-from-here/ux/{backgroundpicker → borderpicker}/docs/ExampleComponents.d.ts +0 -0
  41. /package/internal-do-not-import-from-here/ux/{backgroundpicker → borderpicker}/docs/index.d.ts +0 -0
  42. /package/internal-do-not-import-from-here/ux/{oxide/treeview/docs/SampleButtons.d.ts → fillpicker/docs/FillPickerExample.d.ts} +0 -0
package/internal-do-not-import-from-here/ux/theming-v2/styling/UseStyling.d.ts CHANGED
@@ -2,6 +2,12 @@ import { ChromeDefinition, SpacingDefinition, SpacingSettings, SpacingType, setC
2
2
  import { useColorSchemaStore, useSpacingBlueprintStore } from "@omnia/fx/ux";
3
3
  export declare function useStyling(): {
4
4
  spacing: (spacing: import("@omnia/fx-models").Spacing, type: "margin" | "padding") => string;
5
+ spacingStylex: (spacing: import("@omnia/fx-models").Spacing, type: "margin" | "padding") => Readonly<{
6
+ className?: string;
7
+ style?: Readonly<{
8
+ [$$Key$$: string]: string | number;
9
+ }>;
10
+ }>;
5
11
  };
6
12
  export declare function useThemeStyling(): {
7
13
  colors: {
@@ -10,6 +16,26 @@ export declare function useThemeStyling(): {
10
16
  setColorOpacity: typeof setColorOpacity;
11
17
  };
12
18
  styles: {
19
+ colorStylex: (color: string, opacity?: number) => {
20
+ all: Readonly<{
21
+ className?: string;
22
+ style?: Readonly<{
23
+ [$$Key$$: string]: string | number;
24
+ }>;
25
+ }>;
26
+ background: Readonly<{
27
+ className?: string;
28
+ style?: Readonly<{
29
+ [$$Key$$: string]: string | number;
30
+ }>;
31
+ }>;
32
+ color: Readonly<{
33
+ className?: string;
34
+ style?: Readonly<{
35
+ [$$Key$$: string]: string | number;
36
+ }>;
37
+ }>;
38
+ };
13
39
  selectedTableRowStyling: typeof import("./styles").getSelectedTableRowStyling;
14
40
  colorStyling: (color: string, opacity?: number) => import("@omnia/fx-models").ColorStyles;
15
41
  scrollStyling: typeof import("./styles").getScrollStyling;
@@ -507,6 +533,17 @@ export declare function useThemeStyling(): {
507
533
  }) => import("./styles").TypographyTypesResult;
508
534
  };
509
535
  chrome: {
536
+ chromeStylex: (blueprint: ChromeDefinition, colors: ReturnType<typeof useColorSchemaStore>, spacingDefinition: SpacingDefinition) => Readonly<{
537
+ className?: string;
538
+ style?: Readonly<{
539
+ [$$Key$$: string]: string | number;
540
+ }>;
541
+ }> | {
542
+ style: Readonly<{
543
+ [$$Key$$: string]: string | number;
544
+ }>;
545
+ classname: string;
546
+ };
510
547
  chromeStyling: (blueprint: ChromeDefinition, colors: ReturnType<typeof useColorSchemaStore>, spacingDefinition: SpacingDefinition) => any[];
511
548
  };
512
549
  blueprints: {
@@ -1503,7 +1540,7 @@ export declare function useThemeStyling(): {
1503
1540
  };
1504
1541
  deactivated(): void;
1505
1542
  }) => string;
1506
- background: (definition: import("@omnia/fx-models").BackgroundDefinition, colors?: {
1543
+ fill: (definition: import("@omnia/fx-models").FillDefinition, colors?: {
1507
1544
  state: {
1508
1545
  base: import("@omnia/fx-models").ColorDefinition;
1509
1546
  onBase: import("@omnia/fx-models").ColorDefinition;
@@ -2020,24 +2057,554 @@ export declare function useThemeStyling(): {
2020
2057
  };
2021
2058
  deactivated(): void;
2022
2059
  }) => string;
2023
- spacing: {
2024
- innerPaddingx: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => readonly [Readonly<{
2025
- paddingTop: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingTop", string>;
2026
- paddingRight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingRight", string>;
2027
- paddingBottom: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingBottom", string>;
2028
- paddingLeft: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingLeft", string>;
2029
- }>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag] | readonly [Readonly<{
2030
- marginTop: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"marginTop", string>;
2031
- marginRight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"marginRight", string>;
2032
- marginBottom: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"marginBottom", string>;
2033
- marginLeft: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"marginLeft", string>;
2034
- }>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag];
2035
- innerPadding: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => string;
2036
- innerMargin: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => string;
2037
- innerValue: (value: any, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => number;
2038
- layoutValue: (value: any, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => number;
2039
- layoutPadding: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => string;
2040
- layoutMargin: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => string;
2060
+ border: (definition: import("@omnia/fx-models").BorderStylingDefinition, gradientFill?: string, colors?: {
2061
+ state: {
2062
+ base: import("@omnia/fx-models").ColorDefinition;
2063
+ onBase: import("@omnia/fx-models").ColorDefinition;
2064
+ container: import("@omnia/fx-models").ColorDefinition;
2065
+ onContainer: import("@omnia/fx-models").ColorDefinition;
2066
+ isContainer: boolean;
2067
+ name: string;
2068
+ colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes;
2069
+ id: import("@omnia/fx-models").GuidValue;
2070
+ };
2071
+ events: {
2072
+ onMutatedBase: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorDefinition>;
2073
+ onMutatedOnBase: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorDefinition>;
2074
+ onMutatedContainer: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorDefinition>;
2075
+ onMutatedOnContainer: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorDefinition>;
2076
+ onMutatedIsContainer: import("../../..").MessageBusExposeOnlySubscription<boolean>;
2077
+ onMutatedName: import("../../..").MessageBusExposeOnlySubscription<string>;
2078
+ onMutatedColorSchemaType: import("../../..").MessageBusExposeOnlySubscription<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes>;
2079
+ onMutatedId: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").GuidValue>;
2080
+ } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
2081
+ actions: {
2082
+ onDispatching: {
2083
+ setColorSchema: {
2084
+ 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;
2085
+ };
2086
+ setCustomColorSchema: {
2087
+ subscribe(fn: (colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2088
+ };
2089
+ setColor: {
2090
+ subscribe(fn: (colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2091
+ };
2092
+ setThemeStore: {
2093
+ subscribe(fn: (themeStoreInstance: {
2094
+ state: {
2095
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
2096
+ };
2097
+ events: {
2098
+ onMutatedCurrentTheme: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ThemeDefinitionV2>;
2099
+ } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
2100
+ actions: {
2101
+ onDispatching: {
2102
+ setTheme: {
2103
+ subscribe(fn: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2104
+ };
2105
+ };
2106
+ onDispatched: {
2107
+ setTheme: {
2108
+ subscribe(fn: (result: void, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2109
+ };
2110
+ };
2111
+ onFailure: {
2112
+ setTheme: {
2113
+ subscribe(fn: (failureReason: any, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2114
+ };
2115
+ };
2116
+ } & {
2117
+ setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
2118
+ };
2119
+ get: {
2120
+ colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
2121
+ blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
2122
+ typography(): import("@omnia/fx-models").TypographyBlueprint;
2123
+ spacing(): import("@omnia/fx-models").SpacingBlueprint;
2124
+ chrome(): import("@omnia/fx-models").ChromeBlueprint;
2125
+ component(): import("@omnia/fx-models").ComponentBlueprint;
2126
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
2127
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
2128
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
2129
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
2130
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
2131
+ currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
2132
+ };
2133
+ }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2134
+ };
2135
+ };
2136
+ onDispatched: {
2137
+ setColorSchema: {
2138
+ 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;
2139
+ };
2140
+ setCustomColorSchema: {
2141
+ subscribe(fn: (result: void, colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2142
+ };
2143
+ setColor: {
2144
+ subscribe(fn: (result: void, colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2145
+ };
2146
+ setThemeStore: {
2147
+ subscribe(fn: (result: void, themeStoreInstance: {
2148
+ state: {
2149
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
2150
+ };
2151
+ events: {
2152
+ onMutatedCurrentTheme: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ThemeDefinitionV2>;
2153
+ } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
2154
+ actions: {
2155
+ onDispatching: {
2156
+ setTheme: {
2157
+ subscribe(fn: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2158
+ };
2159
+ };
2160
+ onDispatched: {
2161
+ setTheme: {
2162
+ subscribe(fn: (result: void, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2163
+ };
2164
+ };
2165
+ onFailure: {
2166
+ setTheme: {
2167
+ subscribe(fn: (failureReason: any, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2168
+ };
2169
+ };
2170
+ } & {
2171
+ setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
2172
+ };
2173
+ get: {
2174
+ colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
2175
+ blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
2176
+ typography(): import("@omnia/fx-models").TypographyBlueprint;
2177
+ spacing(): import("@omnia/fx-models").SpacingBlueprint;
2178
+ chrome(): import("@omnia/fx-models").ChromeBlueprint;
2179
+ component(): import("@omnia/fx-models").ComponentBlueprint;
2180
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
2181
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
2182
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
2183
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
2184
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
2185
+ currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
2186
+ };
2187
+ }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2188
+ };
2189
+ };
2190
+ onFailure: {
2191
+ setColorSchema: {
2192
+ 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;
2193
+ };
2194
+ setCustomColorSchema: {
2195
+ subscribe(fn: (failureReason: any, colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2196
+ };
2197
+ setColor: {
2198
+ subscribe(fn: (failureReason: any, colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2199
+ };
2200
+ setThemeStore: {
2201
+ subscribe(fn: (failureReason: any, themeStoreInstance: {
2202
+ state: {
2203
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
2204
+ };
2205
+ events: {
2206
+ onMutatedCurrentTheme: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ThemeDefinitionV2>;
2207
+ } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
2208
+ actions: {
2209
+ onDispatching: {
2210
+ setTheme: {
2211
+ subscribe(fn: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2212
+ };
2213
+ };
2214
+ onDispatched: {
2215
+ setTheme: {
2216
+ subscribe(fn: (result: void, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2217
+ };
2218
+ };
2219
+ onFailure: {
2220
+ setTheme: {
2221
+ subscribe(fn: (failureReason: any, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2222
+ };
2223
+ };
2224
+ } & {
2225
+ setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
2226
+ };
2227
+ get: {
2228
+ colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
2229
+ blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
2230
+ typography(): import("@omnia/fx-models").TypographyBlueprint;
2231
+ spacing(): import("@omnia/fx-models").SpacingBlueprint;
2232
+ chrome(): import("@omnia/fx-models").ChromeBlueprint;
2233
+ component(): import("@omnia/fx-models").ComponentBlueprint;
2234
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
2235
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
2236
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
2237
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
2238
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
2239
+ currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
2240
+ };
2241
+ }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2242
+ };
2243
+ };
2244
+ } & {
2245
+ setColorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean): void;
2246
+ setCustomColorSchema(colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean): void;
2247
+ setColor(colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes): void;
2248
+ setThemeStore(themeStoreInstance: {
2249
+ state: {
2250
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
2251
+ };
2252
+ events: {
2253
+ onMutatedCurrentTheme: import("../../..").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ThemeDefinitionV2>;
2254
+ } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
2255
+ actions: {
2256
+ onDispatching: {
2257
+ setTheme: {
2258
+ subscribe(fn: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2259
+ };
2260
+ };
2261
+ onDispatched: {
2262
+ setTheme: {
2263
+ subscribe(fn: (result: void, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2264
+ };
2265
+ };
2266
+ onFailure: {
2267
+ setTheme: {
2268
+ subscribe(fn: (failureReason: any, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2269
+ };
2270
+ };
2271
+ } & {
2272
+ setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
2273
+ };
2274
+ get: {
2275
+ colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
2276
+ blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
2277
+ typography(): import("@omnia/fx-models").TypographyBlueprint;
2278
+ spacing(): import("@omnia/fx-models").SpacingBlueprint;
2279
+ chrome(): import("@omnia/fx-models").ChromeBlueprint;
2280
+ component(): import("@omnia/fx-models").ComponentBlueprint;
2281
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
2282
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
2283
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
2284
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
2285
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
2286
+ currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
2287
+ };
2288
+ }): void;
2289
+ };
2290
+ get: {
2291
+ readonly themeStore: {
2292
+ state: {
2293
+ currentTheme: {
2294
+ id: {
2295
+ equals: {
2296
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
2297
+ };
2298
+ toString: () => string;
2299
+ toJSON: () => string;
2300
+ valueOf: () => string;
2301
+ };
2302
+ name: string;
2303
+ dark: boolean;
2304
+ colors: {
2305
+ primary: {
2306
+ name: string;
2307
+ base: {
2308
+ dark: boolean;
2309
+ color: string;
2310
+ colorToned: string;
2311
+ };
2312
+ onBase: {
2313
+ dark: boolean;
2314
+ color: string;
2315
+ colorToned: string;
2316
+ };
2317
+ container: {
2318
+ dark: boolean;
2319
+ color: string;
2320
+ colorToned: string;
2321
+ };
2322
+ onContainer: {
2323
+ dark: boolean;
2324
+ color: string;
2325
+ colorToned: string;
2326
+ };
2327
+ };
2328
+ secondary: {
2329
+ name: string;
2330
+ base: {
2331
+ dark: boolean;
2332
+ color: string;
2333
+ colorToned: string;
2334
+ };
2335
+ onBase: {
2336
+ dark: boolean;
2337
+ color: string;
2338
+ colorToned: string;
2339
+ };
2340
+ container: {
2341
+ dark: boolean;
2342
+ color: string;
2343
+ colorToned: string;
2344
+ };
2345
+ onContainer: {
2346
+ dark: boolean;
2347
+ color: string;
2348
+ colorToned: string;
2349
+ };
2350
+ };
2351
+ accent1: {
2352
+ name: string;
2353
+ base: {
2354
+ dark: boolean;
2355
+ color: string;
2356
+ colorToned: string;
2357
+ };
2358
+ onBase: {
2359
+ dark: boolean;
2360
+ color: string;
2361
+ colorToned: string;
2362
+ };
2363
+ container: {
2364
+ dark: boolean;
2365
+ color: string;
2366
+ colorToned: string;
2367
+ };
2368
+ onContainer: {
2369
+ dark: boolean;
2370
+ color: string;
2371
+ colorToned: string;
2372
+ };
2373
+ };
2374
+ accent2: {
2375
+ name: string;
2376
+ base: {
2377
+ dark: boolean;
2378
+ color: string;
2379
+ colorToned: string;
2380
+ };
2381
+ onBase: {
2382
+ dark: boolean;
2383
+ color: string;
2384
+ colorToned: string;
2385
+ };
2386
+ container: {
2387
+ dark: boolean;
2388
+ color: string;
2389
+ colorToned: string;
2390
+ };
2391
+ onContainer: {
2392
+ dark: boolean;
2393
+ color: string;
2394
+ colorToned: string;
2395
+ };
2396
+ };
2397
+ accent3: {
2398
+ name: string;
2399
+ base: {
2400
+ dark: boolean;
2401
+ color: string;
2402
+ colorToned: string;
2403
+ };
2404
+ onBase: {
2405
+ dark: boolean;
2406
+ color: string;
2407
+ colorToned: string;
2408
+ };
2409
+ container: {
2410
+ dark: boolean;
2411
+ color: string;
2412
+ colorToned: string;
2413
+ };
2414
+ onContainer: {
2415
+ dark: boolean;
2416
+ color: string;
2417
+ colorToned: string;
2418
+ };
2419
+ };
2420
+ neutral: {
2421
+ name: string;
2422
+ base: {
2423
+ dark: boolean;
2424
+ color: string;
2425
+ colorToned: string;
2426
+ };
2427
+ onBase: {
2428
+ dark: boolean;
2429
+ color: string;
2430
+ colorToned: string;
2431
+ };
2432
+ container: {
2433
+ dark: boolean;
2434
+ color: string;
2435
+ colorToned: string;
2436
+ };
2437
+ onContainer: {
2438
+ dark: boolean;
2439
+ color: string;
2440
+ colorToned: string;
2441
+ };
2442
+ };
2443
+ background: {
2444
+ name: string;
2445
+ base: {
2446
+ dark: boolean;
2447
+ color: string;
2448
+ colorToned: string;
2449
+ };
2450
+ onBase: {
2451
+ dark: boolean;
2452
+ color: string;
2453
+ colorToned: string;
2454
+ };
2455
+ container: {
2456
+ dark: boolean;
2457
+ color: string;
2458
+ colorToned: string;
2459
+ };
2460
+ onContainer: {
2461
+ dark: boolean;
2462
+ color: string;
2463
+ colorToned: string;
2464
+ };
2465
+ };
2466
+ error: {
2467
+ name: string;
2468
+ base: {
2469
+ dark: boolean;
2470
+ color: string;
2471
+ colorToned: string;
2472
+ };
2473
+ onBase: {
2474
+ dark: boolean;
2475
+ color: string;
2476
+ colorToned: string;
2477
+ };
2478
+ container: {
2479
+ dark: boolean;
2480
+ color: string;
2481
+ colorToned: string;
2482
+ };
2483
+ onContainer: {
2484
+ dark: boolean;
2485
+ color: string;
2486
+ colorToned: string;
2487
+ };
2488
+ };
2489
+ info: {
2490
+ name: string;
2491
+ base: {
2492
+ dark: boolean;
2493
+ color: string;
2494
+ colorToned: string;
2495
+ };
2496
+ onBase: {
2497
+ dark: boolean;
2498
+ color: string;
2499
+ colorToned: string;
2500
+ };
2501
+ container: {
2502
+ dark: boolean;
2503
+ color: string;
2504
+ colorToned: string;
2505
+ };
2506
+ onContainer: {
2507
+ dark: boolean;
2508
+ color: string;
2509
+ colorToned: string;
2510
+ };
2511
+ };
2512
+ };
2513
+ blueprints: {
2514
+ type: import("@omnia/fx-models").BlueprintType;
2515
+ name: string;
2516
+ }[];
2517
+ };
2518
+ };
2519
+ events: {
2520
+ [x: string]: {
2521
+ subscribe: (fn: (obj: any) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2522
+ publish: (msg: any) => void;
2523
+ };
2524
+ onMutatedCurrentTheme: {
2525
+ subscribe: (fn: (obj: import("@omnia/fx-models").ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2526
+ };
2527
+ };
2528
+ actions: {
2529
+ onDispatching: {
2530
+ setTheme: {
2531
+ subscribe: (fn: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2532
+ };
2533
+ };
2534
+ onDispatched: {
2535
+ setTheme: {
2536
+ subscribe: (fn: (result: void, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2537
+ };
2538
+ };
2539
+ onFailure: {
2540
+ setTheme: {
2541
+ subscribe: (fn: (failureReason: any, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
2542
+ };
2543
+ };
2544
+ setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
2545
+ };
2546
+ get: {
2547
+ colorSchema: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes) => import("@omnia/fx-models").ColorSchema;
2548
+ blueprint: <TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType) => TType;
2549
+ typography: () => import("@omnia/fx-models").TypographyBlueprint;
2550
+ spacing: () => import("@omnia/fx-models").SpacingBlueprint;
2551
+ chrome: () => import("@omnia/fx-models").ChromeBlueprint;
2552
+ component: () => import("@omnia/fx-models").ComponentBlueprint;
2553
+ color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
2554
+ colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
2555
+ complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
2556
+ complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
2557
+ complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
2558
+ currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
2559
+ };
2560
+ };
2561
+ colorValue(color: import("@omnia/fx-models").ColorValue | import("@omnia/fx-models").ColorGradientValue): string;
2562
+ readonly colorSchema: import("@omnia/fx-models").ColorSchema;
2563
+ readonly theme: "light" | "dark";
2564
+ readonly base: import("@omnia/fx-models").ColorDefinition;
2565
+ readonly onBase: import("@omnia/fx-models").ColorDefinition;
2566
+ readonly container: import("@omnia/fx-models").ColorDefinition;
2567
+ readonly onContainer: import("@omnia/fx-models").ColorDefinition;
2568
+ dynamic: (isContainer: boolean) => {
2569
+ readonly base: import("@omnia/fx-models").ColorDefinition;
2570
+ readonly onBase: import("@omnia/fx-models").ColorDefinition;
2571
+ readonly container: import("@omnia/fx-models").ColorDefinition;
2572
+ readonly onContainer: import("@omnia/fx-models").ColorDefinition;
2573
+ };
2574
+ };
2575
+ deactivated(): void;
2576
+ }) => string;
2577
+ spacing: {
2578
+ innerPaddingStylex: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => Readonly<{
2579
+ className?: string;
2580
+ style?: Readonly<{
2581
+ [$$Key$$: string]: string | number;
2582
+ }>;
2583
+ }>;
2584
+ innerMarginStylex: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => Readonly<{
2585
+ className?: string;
2586
+ style?: Readonly<{
2587
+ [$$Key$$: string]: string | number;
2588
+ }>;
2589
+ }>;
2590
+ layoutPaddingStylex: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => Readonly<{
2591
+ className?: string;
2592
+ style?: Readonly<{
2593
+ [$$Key$$: string]: string | number;
2594
+ }>;
2595
+ }>;
2596
+ layoutMarginStylex: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => Readonly<{
2597
+ className?: string;
2598
+ style?: Readonly<{
2599
+ [$$Key$$: string]: string | number;
2600
+ }>;
2601
+ }>;
2602
+ innerPadding: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => string;
2603
+ innerMargin: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => string;
2604
+ layoutPadding: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => string;
2605
+ layoutMargin: (value: SpacingSettings | SpacingType, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => string;
2606
+ innerValue: (value: any, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => number;
2607
+ layoutValue: (value: any, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => number;
2041
2608
  };
2042
2609
  };
2043
2610
  };