@omnia/fx 8.0.154-dev → 8.0.156-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 (57) hide show
  1. package/internal-do-not-import-from-here/services/SecurityService.d.ts +2 -0
  2. package/internal-do-not-import-from-here/stores/mediapicker/handlers/provider/BaseImageHandler.d.ts +1 -8
  3. package/internal-do-not-import-from-here/stores/mediapicker/handlers/provider/BaseVideoHandler.d.ts +1 -8
  4. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ComponentEditorStore.d.ts +58 -21
  5. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ContainersEditorStore.d.ts +77 -0
  6. package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleEditor.d.ts +19 -5
  7. package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleViewer.d.ts +71 -0
  8. package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonStyleEditor.d.ts +1 -1
  9. package/internal-do-not-import-from-here/ux/aurora/components/chrome/ChromePicker.d.ts +10 -10
  10. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerBlueprintsViewer.d.ts +70 -0
  11. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerPicker.css.d.ts +4 -0
  12. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerPicker.d.ts +466 -0
  13. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/docs/ExampleComponents.d.ts +1 -0
  14. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/docs/SampleComponent.d.ts +55 -0
  15. package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/docs/index.d.ts +1 -0
  16. package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.d.ts +7 -7
  17. package/internal-do-not-import-from-here/ux/aurora/store/ColorSchemaStore.d.ts +763 -322
  18. package/internal-do-not-import-from-here/ux/aurora/store/ComponentBlueprintStore.d.ts +15 -3
  19. package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts +763 -322
  20. package/internal-do-not-import-from-here/ux/aurora/store/ThemeContextStore.d.ts +228 -84
  21. package/internal-do-not-import-from-here/ux/aurora/store/ThemeStoreV2.d.ts +14 -2
  22. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +763 -322
  23. package/internal-do-not-import-from-here/ux/aurora/store/index.d.ts +0 -1
  24. package/internal-do-not-import-from-here/ux/aurora/themeprovider/ThemeProvider.d.ts +1 -8
  25. package/internal-do-not-import-from-here/ux/features/loc/localize.d.ts +2 -0
  26. package/internal-do-not-import-from-here/ux/mediapickerV2/chrome/components/MediaGallerySelector.css.d.ts +1 -1
  27. package/internal-do-not-import-from-here/ux/mediapickerV2/docs/MediaProviderExample.d.ts +0 -1
  28. package/internal-do-not-import-from-here/ux/mediapickerproviders/bingprovider-v2/handler.d.ts +1 -2
  29. package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/MyComputerProvider.d.ts +1 -0
  30. package/internal-do-not-import-from-here/ux/oxide/avatar/Avatar.d.ts +10 -10
  31. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +1 -1
  32. package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.css.d.ts +782 -329
  33. package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.d.ts +1607 -701
  34. package/internal-do-not-import-from-here/ux/oxide/datepicker/DateTimePicker.d.ts +69 -333
  35. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +9 -43
  36. package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts +11 -11
  37. package/internal-do-not-import-from-here/ux/oxide/link/Link.d.ts +10 -10
  38. package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts +1604 -698
  39. package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.css.d.ts +1 -0
  40. package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts +2 -2
  41. package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts +1 -1
  42. package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +11 -11
  43. package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts +782 -329
  44. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +20 -11
  45. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +15 -61
  46. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts +1 -0
  47. package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronData.d.ts +5 -3
  48. package/internal-do-not-import-from-here/ux/velcron/core/rules/IsEditMode.d.ts +1 -1
  49. package/internal-do-not-import-from-here/ux/velcron/editor/models/VelcronEditorDescriptors.d.ts +2 -1
  50. package/internal-do-not-import-from-here/ux/velcron/renderer/propertyeditors/ContainerEditor.d.ts +364 -0
  51. package/internal-do-not-import-from-here/ux/versionedlayout/blade/Shared.d.ts +1 -0
  52. package/internal-do-not-import-from-here/wctypings.d.ts +50 -0
  53. package/package.json +2 -2
  54. package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/FillsEditorStore.d.ts +0 -50
  55. package/internal-do-not-import-from-here/ux/aurora/store/ChromeBlueprintStore.d.ts +0 -5318
  56. /package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/blades/{FillBladeEdit.d.ts → ContainersBlade.d.ts} +0 -0
  57. /package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/blades/{FillsBlade.d.ts → ContainersBladeEdit.d.ts} +0 -0
package/internal-do-not-import-from-here/ux/aurora/store/ColorSchemaStore.d.ts CHANGED
@@ -99,8 +99,20 @@ export declare const useColorSchemaStore: () => {
99
99
  get: {
100
100
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
101
101
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
102
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
103
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
102
+ button: {
103
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
104
+ };
105
+ icon: {
106
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
107
+ };
108
+ block: {
109
+ hasBlueprintVariant(type: string): boolean;
110
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
111
+ };
112
+ container: {
113
+ hasVariant(type: string): boolean;
114
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
115
+ };
104
116
  };
105
117
  deactivated(): void;
106
118
  };
@@ -109,11 +121,11 @@ export declare const useColorSchemaStore: () => {
109
121
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
110
122
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
111
123
  component(): import("@omnia/fx-models").ComponentBlueprints;
112
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
113
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
114
- complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorTypes;
115
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
116
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
124
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
125
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
126
+ complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorTypes;
127
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
128
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
117
129
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
118
130
  };
119
131
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -196,8 +208,20 @@ export declare const useColorSchemaStore: () => {
196
208
  get: {
197
209
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
198
210
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
199
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
200
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
211
+ button: {
212
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
213
+ };
214
+ icon: {
215
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
216
+ };
217
+ block: {
218
+ hasBlueprintVariant(type: string): boolean;
219
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
220
+ };
221
+ container: {
222
+ hasVariant(type: string): boolean;
223
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
224
+ };
201
225
  };
202
226
  deactivated(): void;
203
227
  };
@@ -206,11 +230,11 @@ export declare const useColorSchemaStore: () => {
206
230
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
207
231
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
208
232
  component(): import("@omnia/fx-models").ComponentBlueprints;
209
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
210
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
211
- complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorTypes;
212
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
213
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
233
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
234
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
235
+ complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorTypes;
236
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
237
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
214
238
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
215
239
  };
216
240
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -293,8 +317,20 @@ export declare const useColorSchemaStore: () => {
293
317
  get: {
294
318
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
295
319
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
296
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
297
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
320
+ button: {
321
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
322
+ };
323
+ icon: {
324
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
325
+ };
326
+ block: {
327
+ hasBlueprintVariant(type: string): boolean;
328
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
329
+ };
330
+ container: {
331
+ hasVariant(type: string): boolean;
332
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
333
+ };
298
334
  };
299
335
  deactivated(): void;
300
336
  };
@@ -303,11 +339,11 @@ export declare const useColorSchemaStore: () => {
303
339
  fillValue(value: import("@omnia/fx-models").FillDefinitionValue, type: "typography"): any;
304
340
  spacing(): import("@omnia/fx-models").SpacingBlueprints;
305
341
  component(): import("@omnia/fx-models").ComponentBlueprints;
306
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
307
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
308
- complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorTypes;
309
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): string;
310
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes): ColorDefinition;
342
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
343
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
344
+ complementaryColorType(colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorTypes;
345
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): string;
346
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes): ColorDefinition;
311
347
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
312
348
  };
313
349
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -660,12 +696,12 @@ export declare const useColorSchemaStore: () => {
660
696
  fills?: {
661
697
  variant1?: {
662
698
  colors: (string | {
663
- colorType: "base" | "onBase" | "container" | "onContainer";
699
+ colorType: "container" | "base" | "onBase" | "onContainer";
664
700
  toned?: boolean;
665
701
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
666
702
  } | {
667
703
  color: string | {
668
- colorType: "base" | "onBase" | "container" | "onContainer";
704
+ colorType: "container" | "base" | "onBase" | "onContainer";
669
705
  toned?: boolean;
670
706
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
671
707
  };
@@ -676,12 +712,12 @@ export declare const useColorSchemaStore: () => {
676
712
  };
677
713
  variant2?: {
678
714
  colors: (string | {
679
- colorType: "base" | "onBase" | "container" | "onContainer";
715
+ colorType: "container" | "base" | "onBase" | "onContainer";
680
716
  toned?: boolean;
681
717
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
682
718
  } | {
683
719
  color: string | {
684
- colorType: "base" | "onBase" | "container" | "onContainer";
720
+ colorType: "container" | "base" | "onBase" | "onContainer";
685
721
  toned?: boolean;
686
722
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
687
723
  };
@@ -692,12 +728,12 @@ export declare const useColorSchemaStore: () => {
692
728
  };
693
729
  variant3?: {
694
730
  colors: (string | {
695
- colorType: "base" | "onBase" | "container" | "onContainer";
731
+ colorType: "container" | "base" | "onBase" | "onContainer";
696
732
  toned?: boolean;
697
733
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
698
734
  } | {
699
735
  color: string | {
700
- colorType: "base" | "onBase" | "container" | "onContainer";
736
+ colorType: "container" | "base" | "onBase" | "onContainer";
701
737
  toned?: boolean;
702
738
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
703
739
  };
@@ -1018,14 +1054,14 @@ export declare const useColorSchemaStore: () => {
1018
1054
  left?: import("@omnia/fx-models").SpacingValue;
1019
1055
  };
1020
1056
  background?: {
1021
- fill?: {
1057
+ fill?: string | {
1022
1058
  colors: (string | {
1023
- colorType: "base" | "onBase" | "container" | "onContainer";
1059
+ colorType: "container" | "base" | "onBase" | "onContainer";
1024
1060
  toned?: boolean;
1025
1061
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1026
1062
  } | {
1027
1063
  color: string | {
1028
- colorType: "base" | "onBase" | "container" | "onContainer";
1064
+ colorType: "container" | "base" | "onBase" | "onContainer";
1029
1065
  toned?: boolean;
1030
1066
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1031
1067
  };
@@ -1033,6 +1069,10 @@ export declare const useColorSchemaStore: () => {
1033
1069
  })[];
1034
1070
  acrylic?: boolean;
1035
1071
  opacity?: number;
1072
+ } | {
1073
+ colorType: "container" | "base" | "onBase" | "onContainer";
1074
+ toned?: boolean;
1075
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1036
1076
  };
1037
1077
  border?: {
1038
1078
  radius?: {
@@ -1049,7 +1089,7 @@ export declare const useColorSchemaStore: () => {
1049
1089
  };
1050
1090
  fill?: {
1051
1091
  colors: (string | {
1052
- colorType: "base" | "onBase" | "container" | "onContainer";
1092
+ colorType: "container" | "base" | "onBase" | "onContainer";
1053
1093
  toned?: boolean;
1054
1094
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1055
1095
  } | {
@@ -1066,12 +1106,12 @@ export declare const useColorSchemaStore: () => {
1066
1106
  text?: {
1067
1107
  color?: string | {
1068
1108
  colors: (string | {
1069
- colorType: "base" | "onBase" | "container" | "onContainer";
1109
+ colorType: "container" | "base" | "onBase" | "onContainer";
1070
1110
  toned?: boolean;
1071
1111
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1072
1112
  } | {
1073
1113
  color: string | {
1074
- colorType: "base" | "onBase" | "container" | "onContainer";
1114
+ colorType: "container" | "base" | "onBase" | "onContainer";
1075
1115
  toned?: boolean;
1076
1116
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1077
1117
  };
@@ -1080,7 +1120,7 @@ export declare const useColorSchemaStore: () => {
1080
1120
  acrylic?: boolean;
1081
1121
  opacity?: number;
1082
1122
  } | {
1083
- colorType: "base" | "onBase" | "container" | "onContainer";
1123
+ colorType: "container" | "base" | "onBase" | "onContainer";
1084
1124
  toned?: boolean;
1085
1125
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1086
1126
  };
@@ -1109,12 +1149,12 @@ export declare const useColorSchemaStore: () => {
1109
1149
  icon?: {
1110
1150
  color?: {
1111
1151
  colors: (string | {
1112
- colorType: "base" | "onBase" | "container" | "onContainer";
1152
+ colorType: "container" | "base" | "onBase" | "onContainer";
1113
1153
  toned?: boolean;
1114
1154
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1115
1155
  } | {
1116
1156
  color: string | {
1117
- colorType: "base" | "onBase" | "container" | "onContainer";
1157
+ colorType: "container" | "base" | "onBase" | "onContainer";
1118
1158
  toned?: boolean;
1119
1159
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1120
1160
  };
@@ -1134,14 +1174,14 @@ export declare const useColorSchemaStore: () => {
1134
1174
  left?: import("@omnia/fx-models").SpacingValue;
1135
1175
  };
1136
1176
  background?: {
1137
- fill?: {
1177
+ fill?: string | {
1138
1178
  colors: (string | {
1139
- colorType: "base" | "onBase" | "container" | "onContainer";
1179
+ colorType: "container" | "base" | "onBase" | "onContainer";
1140
1180
  toned?: boolean;
1141
1181
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1142
1182
  } | {
1143
1183
  color: string | {
1144
- colorType: "base" | "onBase" | "container" | "onContainer";
1184
+ colorType: "container" | "base" | "onBase" | "onContainer";
1145
1185
  toned?: boolean;
1146
1186
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1147
1187
  };
@@ -1149,6 +1189,10 @@ export declare const useColorSchemaStore: () => {
1149
1189
  })[];
1150
1190
  acrylic?: boolean;
1151
1191
  opacity?: number;
1192
+ } | {
1193
+ colorType: "container" | "base" | "onBase" | "onContainer";
1194
+ toned?: boolean;
1195
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1152
1196
  };
1153
1197
  border?: {
1154
1198
  radius?: {
@@ -1165,7 +1209,7 @@ export declare const useColorSchemaStore: () => {
1165
1209
  };
1166
1210
  fill?: {
1167
1211
  colors: (string | {
1168
- colorType: "base" | "onBase" | "container" | "onContainer";
1212
+ colorType: "container" | "base" | "onBase" | "onContainer";
1169
1213
  toned?: boolean;
1170
1214
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1171
1215
  } | {
@@ -1182,12 +1226,12 @@ export declare const useColorSchemaStore: () => {
1182
1226
  text?: {
1183
1227
  color?: string | {
1184
1228
  colors: (string | {
1185
- colorType: "base" | "onBase" | "container" | "onContainer";
1229
+ colorType: "container" | "base" | "onBase" | "onContainer";
1186
1230
  toned?: boolean;
1187
1231
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1188
1232
  } | {
1189
1233
  color: string | {
1190
- colorType: "base" | "onBase" | "container" | "onContainer";
1234
+ colorType: "container" | "base" | "onBase" | "onContainer";
1191
1235
  toned?: boolean;
1192
1236
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1193
1237
  };
@@ -1196,7 +1240,7 @@ export declare const useColorSchemaStore: () => {
1196
1240
  acrylic?: boolean;
1197
1241
  opacity?: number;
1198
1242
  } | {
1199
- colorType: "base" | "onBase" | "container" | "onContainer";
1243
+ colorType: "container" | "base" | "onBase" | "onContainer";
1200
1244
  toned?: boolean;
1201
1245
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1202
1246
  };
@@ -1225,12 +1269,12 @@ export declare const useColorSchemaStore: () => {
1225
1269
  icon?: {
1226
1270
  color?: {
1227
1271
  colors: (string | {
1228
- colorType: "base" | "onBase" | "container" | "onContainer";
1272
+ colorType: "container" | "base" | "onBase" | "onContainer";
1229
1273
  toned?: boolean;
1230
1274
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1231
1275
  } | {
1232
1276
  color: string | {
1233
- colorType: "base" | "onBase" | "container" | "onContainer";
1277
+ colorType: "container" | "base" | "onBase" | "onContainer";
1234
1278
  toned?: boolean;
1235
1279
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1236
1280
  };
@@ -1250,14 +1294,14 @@ export declare const useColorSchemaStore: () => {
1250
1294
  left?: import("@omnia/fx-models").SpacingValue;
1251
1295
  };
1252
1296
  background?: {
1253
- fill?: {
1297
+ fill?: string | {
1254
1298
  colors: (string | {
1255
- colorType: "base" | "onBase" | "container" | "onContainer";
1299
+ colorType: "container" | "base" | "onBase" | "onContainer";
1256
1300
  toned?: boolean;
1257
1301
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1258
1302
  } | {
1259
1303
  color: string | {
1260
- colorType: "base" | "onBase" | "container" | "onContainer";
1304
+ colorType: "container" | "base" | "onBase" | "onContainer";
1261
1305
  toned?: boolean;
1262
1306
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1263
1307
  };
@@ -1265,6 +1309,10 @@ export declare const useColorSchemaStore: () => {
1265
1309
  })[];
1266
1310
  acrylic?: boolean;
1267
1311
  opacity?: number;
1312
+ } | {
1313
+ colorType: "container" | "base" | "onBase" | "onContainer";
1314
+ toned?: boolean;
1315
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1268
1316
  };
1269
1317
  border?: {
1270
1318
  radius?: {
@@ -1281,7 +1329,7 @@ export declare const useColorSchemaStore: () => {
1281
1329
  };
1282
1330
  fill?: {
1283
1331
  colors: (string | {
1284
- colorType: "base" | "onBase" | "container" | "onContainer";
1332
+ colorType: "container" | "base" | "onBase" | "onContainer";
1285
1333
  toned?: boolean;
1286
1334
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1287
1335
  } | {
@@ -1298,12 +1346,12 @@ export declare const useColorSchemaStore: () => {
1298
1346
  text?: {
1299
1347
  color?: string | {
1300
1348
  colors: (string | {
1301
- colorType: "base" | "onBase" | "container" | "onContainer";
1349
+ colorType: "container" | "base" | "onBase" | "onContainer";
1302
1350
  toned?: boolean;
1303
1351
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1304
1352
  } | {
1305
1353
  color: string | {
1306
- colorType: "base" | "onBase" | "container" | "onContainer";
1354
+ colorType: "container" | "base" | "onBase" | "onContainer";
1307
1355
  toned?: boolean;
1308
1356
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1309
1357
  };
@@ -1312,7 +1360,7 @@ export declare const useColorSchemaStore: () => {
1312
1360
  acrylic?: boolean;
1313
1361
  opacity?: number;
1314
1362
  } | {
1315
- colorType: "base" | "onBase" | "container" | "onContainer";
1363
+ colorType: "container" | "base" | "onBase" | "onContainer";
1316
1364
  toned?: boolean;
1317
1365
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1318
1366
  };
@@ -1341,12 +1389,12 @@ export declare const useColorSchemaStore: () => {
1341
1389
  icon?: {
1342
1390
  color?: {
1343
1391
  colors: (string | {
1344
- colorType: "base" | "onBase" | "container" | "onContainer";
1392
+ colorType: "container" | "base" | "onBase" | "onContainer";
1345
1393
  toned?: boolean;
1346
1394
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1347
1395
  } | {
1348
1396
  color: string | {
1349
- colorType: "base" | "onBase" | "container" | "onContainer";
1397
+ colorType: "container" | "base" | "onBase" | "onContainer";
1350
1398
  toned?: boolean;
1351
1399
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1352
1400
  };
@@ -1366,14 +1414,14 @@ export declare const useColorSchemaStore: () => {
1366
1414
  left?: import("@omnia/fx-models").SpacingValue;
1367
1415
  };
1368
1416
  background?: {
1369
- fill?: {
1417
+ fill?: string | {
1370
1418
  colors: (string | {
1371
- colorType: "base" | "onBase" | "container" | "onContainer";
1419
+ colorType: "container" | "base" | "onBase" | "onContainer";
1372
1420
  toned?: boolean;
1373
1421
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1374
1422
  } | {
1375
1423
  color: string | {
1376
- colorType: "base" | "onBase" | "container" | "onContainer";
1424
+ colorType: "container" | "base" | "onBase" | "onContainer";
1377
1425
  toned?: boolean;
1378
1426
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1379
1427
  };
@@ -1381,6 +1429,10 @@ export declare const useColorSchemaStore: () => {
1381
1429
  })[];
1382
1430
  acrylic?: boolean;
1383
1431
  opacity?: number;
1432
+ } | {
1433
+ colorType: "container" | "base" | "onBase" | "onContainer";
1434
+ toned?: boolean;
1435
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1384
1436
  };
1385
1437
  border?: {
1386
1438
  radius?: {
@@ -1397,7 +1449,7 @@ export declare const useColorSchemaStore: () => {
1397
1449
  };
1398
1450
  fill?: {
1399
1451
  colors: (string | {
1400
- colorType: "base" | "onBase" | "container" | "onContainer";
1452
+ colorType: "container" | "base" | "onBase" | "onContainer";
1401
1453
  toned?: boolean;
1402
1454
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1403
1455
  } | {
@@ -1414,12 +1466,12 @@ export declare const useColorSchemaStore: () => {
1414
1466
  text?: {
1415
1467
  color?: string | {
1416
1468
  colors: (string | {
1417
- colorType: "base" | "onBase" | "container" | "onContainer";
1469
+ colorType: "container" | "base" | "onBase" | "onContainer";
1418
1470
  toned?: boolean;
1419
1471
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1420
1472
  } | {
1421
1473
  color: string | {
1422
- colorType: "base" | "onBase" | "container" | "onContainer";
1474
+ colorType: "container" | "base" | "onBase" | "onContainer";
1423
1475
  toned?: boolean;
1424
1476
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1425
1477
  };
@@ -1428,7 +1480,7 @@ export declare const useColorSchemaStore: () => {
1428
1480
  acrylic?: boolean;
1429
1481
  opacity?: number;
1430
1482
  } | {
1431
- colorType: "base" | "onBase" | "container" | "onContainer";
1483
+ colorType: "container" | "base" | "onBase" | "onContainer";
1432
1484
  toned?: boolean;
1433
1485
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1434
1486
  };
@@ -1457,12 +1509,12 @@ export declare const useColorSchemaStore: () => {
1457
1509
  icon?: {
1458
1510
  color?: {
1459
1511
  colors: (string | {
1460
- colorType: "base" | "onBase" | "container" | "onContainer";
1512
+ colorType: "container" | "base" | "onBase" | "onContainer";
1461
1513
  toned?: boolean;
1462
1514
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1463
1515
  } | {
1464
1516
  color: string | {
1465
- colorType: "base" | "onBase" | "container" | "onContainer";
1517
+ colorType: "container" | "base" | "onBase" | "onContainer";
1466
1518
  toned?: boolean;
1467
1519
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1468
1520
  };
@@ -1482,14 +1534,14 @@ export declare const useColorSchemaStore: () => {
1482
1534
  left?: import("@omnia/fx-models").SpacingValue;
1483
1535
  };
1484
1536
  background?: {
1485
- fill?: {
1537
+ fill?: string | {
1486
1538
  colors: (string | {
1487
- colorType: "base" | "onBase" | "container" | "onContainer";
1539
+ colorType: "container" | "base" | "onBase" | "onContainer";
1488
1540
  toned?: boolean;
1489
1541
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1490
1542
  } | {
1491
1543
  color: string | {
1492
- colorType: "base" | "onBase" | "container" | "onContainer";
1544
+ colorType: "container" | "base" | "onBase" | "onContainer";
1493
1545
  toned?: boolean;
1494
1546
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1495
1547
  };
@@ -1497,6 +1549,10 @@ export declare const useColorSchemaStore: () => {
1497
1549
  })[];
1498
1550
  acrylic?: boolean;
1499
1551
  opacity?: number;
1552
+ } | {
1553
+ colorType: "container" | "base" | "onBase" | "onContainer";
1554
+ toned?: boolean;
1555
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1500
1556
  };
1501
1557
  border?: {
1502
1558
  radius?: {
@@ -1513,7 +1569,7 @@ export declare const useColorSchemaStore: () => {
1513
1569
  };
1514
1570
  fill?: {
1515
1571
  colors: (string | {
1516
- colorType: "base" | "onBase" | "container" | "onContainer";
1572
+ colorType: "container" | "base" | "onBase" | "onContainer";
1517
1573
  toned?: boolean;
1518
1574
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1519
1575
  } | {
@@ -1530,12 +1586,12 @@ export declare const useColorSchemaStore: () => {
1530
1586
  text?: {
1531
1587
  color?: string | {
1532
1588
  colors: (string | {
1533
- colorType: "base" | "onBase" | "container" | "onContainer";
1589
+ colorType: "container" | "base" | "onBase" | "onContainer";
1534
1590
  toned?: boolean;
1535
1591
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1536
1592
  } | {
1537
1593
  color: string | {
1538
- colorType: "base" | "onBase" | "container" | "onContainer";
1594
+ colorType: "container" | "base" | "onBase" | "onContainer";
1539
1595
  toned?: boolean;
1540
1596
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1541
1597
  };
@@ -1544,7 +1600,7 @@ export declare const useColorSchemaStore: () => {
1544
1600
  acrylic?: boolean;
1545
1601
  opacity?: number;
1546
1602
  } | {
1547
- colorType: "base" | "onBase" | "container" | "onContainer";
1603
+ colorType: "container" | "base" | "onBase" | "onContainer";
1548
1604
  toned?: boolean;
1549
1605
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1550
1606
  };
@@ -1573,12 +1629,12 @@ export declare const useColorSchemaStore: () => {
1573
1629
  icon?: {
1574
1630
  color?: {
1575
1631
  colors: (string | {
1576
- colorType: "base" | "onBase" | "container" | "onContainer";
1632
+ colorType: "container" | "base" | "onBase" | "onContainer";
1577
1633
  toned?: boolean;
1578
1634
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1579
1635
  } | {
1580
1636
  color: string | {
1581
- colorType: "base" | "onBase" | "container" | "onContainer";
1637
+ colorType: "container" | "base" | "onBase" | "onContainer";
1582
1638
  toned?: boolean;
1583
1639
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1584
1640
  };
@@ -1598,14 +1654,14 @@ export declare const useColorSchemaStore: () => {
1598
1654
  left?: import("@omnia/fx-models").SpacingValue;
1599
1655
  };
1600
1656
  background?: {
1601
- fill?: {
1657
+ fill?: string | {
1602
1658
  colors: (string | {
1603
- colorType: "base" | "onBase" | "container" | "onContainer";
1659
+ colorType: "container" | "base" | "onBase" | "onContainer";
1604
1660
  toned?: boolean;
1605
1661
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1606
1662
  } | {
1607
1663
  color: string | {
1608
- colorType: "base" | "onBase" | "container" | "onContainer";
1664
+ colorType: "container" | "base" | "onBase" | "onContainer";
1609
1665
  toned?: boolean;
1610
1666
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1611
1667
  };
@@ -1613,6 +1669,10 @@ export declare const useColorSchemaStore: () => {
1613
1669
  })[];
1614
1670
  acrylic?: boolean;
1615
1671
  opacity?: number;
1672
+ } | {
1673
+ colorType: "container" | "base" | "onBase" | "onContainer";
1674
+ toned?: boolean;
1675
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1616
1676
  };
1617
1677
  border?: {
1618
1678
  radius?: {
@@ -1629,7 +1689,7 @@ export declare const useColorSchemaStore: () => {
1629
1689
  };
1630
1690
  fill?: {
1631
1691
  colors: (string | {
1632
- colorType: "base" | "onBase" | "container" | "onContainer";
1692
+ colorType: "container" | "base" | "onBase" | "onContainer";
1633
1693
  toned?: boolean;
1634
1694
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1635
1695
  } | {
@@ -1646,12 +1706,12 @@ export declare const useColorSchemaStore: () => {
1646
1706
  text?: {
1647
1707
  color?: string | {
1648
1708
  colors: (string | {
1649
- colorType: "base" | "onBase" | "container" | "onContainer";
1709
+ colorType: "container" | "base" | "onBase" | "onContainer";
1650
1710
  toned?: boolean;
1651
1711
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1652
1712
  } | {
1653
1713
  color: string | {
1654
- colorType: "base" | "onBase" | "container" | "onContainer";
1714
+ colorType: "container" | "base" | "onBase" | "onContainer";
1655
1715
  toned?: boolean;
1656
1716
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1657
1717
  };
@@ -1660,7 +1720,7 @@ export declare const useColorSchemaStore: () => {
1660
1720
  acrylic?: boolean;
1661
1721
  opacity?: number;
1662
1722
  } | {
1663
- colorType: "base" | "onBase" | "container" | "onContainer";
1723
+ colorType: "container" | "base" | "onBase" | "onContainer";
1664
1724
  toned?: boolean;
1665
1725
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1666
1726
  };
@@ -1689,12 +1749,12 @@ export declare const useColorSchemaStore: () => {
1689
1749
  icon?: {
1690
1750
  color?: {
1691
1751
  colors: (string | {
1692
- colorType: "base" | "onBase" | "container" | "onContainer";
1752
+ colorType: "container" | "base" | "onBase" | "onContainer";
1693
1753
  toned?: boolean;
1694
1754
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1695
1755
  } | {
1696
1756
  color: string | {
1697
- colorType: "base" | "onBase" | "container" | "onContainer";
1757
+ colorType: "container" | "base" | "onBase" | "onContainer";
1698
1758
  toned?: boolean;
1699
1759
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1700
1760
  };
@@ -1714,14 +1774,14 @@ export declare const useColorSchemaStore: () => {
1714
1774
  left?: import("@omnia/fx-models").SpacingValue;
1715
1775
  };
1716
1776
  background?: {
1717
- fill?: {
1777
+ fill?: string | {
1718
1778
  colors: (string | {
1719
- colorType: "base" | "onBase" | "container" | "onContainer";
1779
+ colorType: "container" | "base" | "onBase" | "onContainer";
1720
1780
  toned?: boolean;
1721
1781
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1722
1782
  } | {
1723
1783
  color: string | {
1724
- colorType: "base" | "onBase" | "container" | "onContainer";
1784
+ colorType: "container" | "base" | "onBase" | "onContainer";
1725
1785
  toned?: boolean;
1726
1786
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1727
1787
  };
@@ -1729,6 +1789,10 @@ export declare const useColorSchemaStore: () => {
1729
1789
  })[];
1730
1790
  acrylic?: boolean;
1731
1791
  opacity?: number;
1792
+ } | {
1793
+ colorType: "container" | "base" | "onBase" | "onContainer";
1794
+ toned?: boolean;
1795
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1732
1796
  };
1733
1797
  border?: {
1734
1798
  radius?: {
@@ -1745,7 +1809,7 @@ export declare const useColorSchemaStore: () => {
1745
1809
  };
1746
1810
  fill?: {
1747
1811
  colors: (string | {
1748
- colorType: "base" | "onBase" | "container" | "onContainer";
1812
+ colorType: "container" | "base" | "onBase" | "onContainer";
1749
1813
  toned?: boolean;
1750
1814
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1751
1815
  } | {
@@ -1762,12 +1826,12 @@ export declare const useColorSchemaStore: () => {
1762
1826
  text?: {
1763
1827
  color?: string | {
1764
1828
  colors: (string | {
1765
- colorType: "base" | "onBase" | "container" | "onContainer";
1829
+ colorType: "container" | "base" | "onBase" | "onContainer";
1766
1830
  toned?: boolean;
1767
1831
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1768
1832
  } | {
1769
1833
  color: string | {
1770
- colorType: "base" | "onBase" | "container" | "onContainer";
1834
+ colorType: "container" | "base" | "onBase" | "onContainer";
1771
1835
  toned?: boolean;
1772
1836
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1773
1837
  };
@@ -1776,7 +1840,7 @@ export declare const useColorSchemaStore: () => {
1776
1840
  acrylic?: boolean;
1777
1841
  opacity?: number;
1778
1842
  } | {
1779
- colorType: "base" | "onBase" | "container" | "onContainer";
1843
+ colorType: "container" | "base" | "onBase" | "onContainer";
1780
1844
  toned?: boolean;
1781
1845
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1782
1846
  };
@@ -1805,12 +1869,12 @@ export declare const useColorSchemaStore: () => {
1805
1869
  icon?: {
1806
1870
  color?: {
1807
1871
  colors: (string | {
1808
- colorType: "base" | "onBase" | "container" | "onContainer";
1872
+ colorType: "container" | "base" | "onBase" | "onContainer";
1809
1873
  toned?: boolean;
1810
1874
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1811
1875
  } | {
1812
1876
  color: string | {
1813
- colorType: "base" | "onBase" | "container" | "onContainer";
1877
+ colorType: "container" | "base" | "onBase" | "onContainer";
1814
1878
  toned?: boolean;
1815
1879
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1816
1880
  };
@@ -1830,14 +1894,14 @@ export declare const useColorSchemaStore: () => {
1830
1894
  left?: import("@omnia/fx-models").SpacingValue;
1831
1895
  };
1832
1896
  background?: {
1833
- fill?: {
1897
+ fill?: string | {
1834
1898
  colors: (string | {
1835
- colorType: "base" | "onBase" | "container" | "onContainer";
1899
+ colorType: "container" | "base" | "onBase" | "onContainer";
1836
1900
  toned?: boolean;
1837
1901
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1838
1902
  } | {
1839
1903
  color: string | {
1840
- colorType: "base" | "onBase" | "container" | "onContainer";
1904
+ colorType: "container" | "base" | "onBase" | "onContainer";
1841
1905
  toned?: boolean;
1842
1906
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1843
1907
  };
@@ -1845,6 +1909,10 @@ export declare const useColorSchemaStore: () => {
1845
1909
  })[];
1846
1910
  acrylic?: boolean;
1847
1911
  opacity?: number;
1912
+ } | {
1913
+ colorType: "container" | "base" | "onBase" | "onContainer";
1914
+ toned?: boolean;
1915
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1848
1916
  };
1849
1917
  border?: {
1850
1918
  radius?: {
@@ -1861,7 +1929,7 @@ export declare const useColorSchemaStore: () => {
1861
1929
  };
1862
1930
  fill?: {
1863
1931
  colors: (string | {
1864
- colorType: "base" | "onBase" | "container" | "onContainer";
1932
+ colorType: "container" | "base" | "onBase" | "onContainer";
1865
1933
  toned?: boolean;
1866
1934
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1867
1935
  } | {
@@ -1878,12 +1946,12 @@ export declare const useColorSchemaStore: () => {
1878
1946
  text?: {
1879
1947
  color?: string | {
1880
1948
  colors: (string | {
1881
- colorType: "base" | "onBase" | "container" | "onContainer";
1949
+ colorType: "container" | "base" | "onBase" | "onContainer";
1882
1950
  toned?: boolean;
1883
1951
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1884
1952
  } | {
1885
1953
  color: string | {
1886
- colorType: "base" | "onBase" | "container" | "onContainer";
1954
+ colorType: "container" | "base" | "onBase" | "onContainer";
1887
1955
  toned?: boolean;
1888
1956
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1889
1957
  };
@@ -1892,7 +1960,7 @@ export declare const useColorSchemaStore: () => {
1892
1960
  acrylic?: boolean;
1893
1961
  opacity?: number;
1894
1962
  } | {
1895
- colorType: "base" | "onBase" | "container" | "onContainer";
1963
+ colorType: "container" | "base" | "onBase" | "onContainer";
1896
1964
  toned?: boolean;
1897
1965
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1898
1966
  };
@@ -1921,12 +1989,12 @@ export declare const useColorSchemaStore: () => {
1921
1989
  icon?: {
1922
1990
  color?: {
1923
1991
  colors: (string | {
1924
- colorType: "base" | "onBase" | "container" | "onContainer";
1992
+ colorType: "container" | "base" | "onBase" | "onContainer";
1925
1993
  toned?: boolean;
1926
1994
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1927
1995
  } | {
1928
1996
  color: string | {
1929
- colorType: "base" | "onBase" | "container" | "onContainer";
1997
+ colorType: "container" | "base" | "onBase" | "onContainer";
1930
1998
  toned?: boolean;
1931
1999
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1932
2000
  };
@@ -1946,14 +2014,14 @@ export declare const useColorSchemaStore: () => {
1946
2014
  left?: import("@omnia/fx-models").SpacingValue;
1947
2015
  };
1948
2016
  background?: {
1949
- fill?: {
2017
+ fill?: string | {
1950
2018
  colors: (string | {
1951
- colorType: "base" | "onBase" | "container" | "onContainer";
2019
+ colorType: "container" | "base" | "onBase" | "onContainer";
1952
2020
  toned?: boolean;
1953
2021
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1954
2022
  } | {
1955
2023
  color: string | {
1956
- colorType: "base" | "onBase" | "container" | "onContainer";
2024
+ colorType: "container" | "base" | "onBase" | "onContainer";
1957
2025
  toned?: boolean;
1958
2026
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1959
2027
  };
@@ -1961,6 +2029,10 @@ export declare const useColorSchemaStore: () => {
1961
2029
  })[];
1962
2030
  acrylic?: boolean;
1963
2031
  opacity?: number;
2032
+ } | {
2033
+ colorType: "container" | "base" | "onBase" | "onContainer";
2034
+ toned?: boolean;
2035
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1964
2036
  };
1965
2037
  border?: {
1966
2038
  radius?: {
@@ -1977,7 +2049,7 @@ export declare const useColorSchemaStore: () => {
1977
2049
  };
1978
2050
  fill?: {
1979
2051
  colors: (string | {
1980
- colorType: "base" | "onBase" | "container" | "onContainer";
2052
+ colorType: "container" | "base" | "onBase" | "onContainer";
1981
2053
  toned?: boolean;
1982
2054
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
1983
2055
  } | {
@@ -1994,12 +2066,12 @@ export declare const useColorSchemaStore: () => {
1994
2066
  text?: {
1995
2067
  color?: string | {
1996
2068
  colors: (string | {
1997
- colorType: "base" | "onBase" | "container" | "onContainer";
2069
+ colorType: "container" | "base" | "onBase" | "onContainer";
1998
2070
  toned?: boolean;
1999
2071
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2000
2072
  } | {
2001
2073
  color: string | {
2002
- colorType: "base" | "onBase" | "container" | "onContainer";
2074
+ colorType: "container" | "base" | "onBase" | "onContainer";
2003
2075
  toned?: boolean;
2004
2076
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2005
2077
  };
@@ -2008,7 +2080,7 @@ export declare const useColorSchemaStore: () => {
2008
2080
  acrylic?: boolean;
2009
2081
  opacity?: number;
2010
2082
  } | {
2011
- colorType: "base" | "onBase" | "container" | "onContainer";
2083
+ colorType: "container" | "base" | "onBase" | "onContainer";
2012
2084
  toned?: boolean;
2013
2085
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2014
2086
  };
@@ -2037,12 +2109,12 @@ export declare const useColorSchemaStore: () => {
2037
2109
  icon?: {
2038
2110
  color?: {
2039
2111
  colors: (string | {
2040
- colorType: "base" | "onBase" | "container" | "onContainer";
2112
+ colorType: "container" | "base" | "onBase" | "onContainer";
2041
2113
  toned?: boolean;
2042
2114
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2043
2115
  } | {
2044
2116
  color: string | {
2045
- colorType: "base" | "onBase" | "container" | "onContainer";
2117
+ colorType: "container" | "base" | "onBase" | "onContainer";
2046
2118
  toned?: boolean;
2047
2119
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2048
2120
  };
@@ -2064,14 +2136,14 @@ export declare const useColorSchemaStore: () => {
2064
2136
  left?: import("@omnia/fx-models").SpacingValue;
2065
2137
  };
2066
2138
  background?: {
2067
- fill?: {
2139
+ fill?: string | {
2068
2140
  colors: (string | {
2069
- colorType: "base" | "onBase" | "container" | "onContainer";
2141
+ colorType: "container" | "base" | "onBase" | "onContainer";
2070
2142
  toned?: boolean;
2071
2143
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2072
2144
  } | {
2073
2145
  color: string | {
2074
- colorType: "base" | "onBase" | "container" | "onContainer";
2146
+ colorType: "container" | "base" | "onBase" | "onContainer";
2075
2147
  toned?: boolean;
2076
2148
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2077
2149
  };
@@ -2079,6 +2151,10 @@ export declare const useColorSchemaStore: () => {
2079
2151
  })[];
2080
2152
  acrylic?: boolean;
2081
2153
  opacity?: number;
2154
+ } | {
2155
+ colorType: "container" | "base" | "onBase" | "onContainer";
2156
+ toned?: boolean;
2157
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2082
2158
  };
2083
2159
  border?: {
2084
2160
  radius?: {
@@ -2095,7 +2171,7 @@ export declare const useColorSchemaStore: () => {
2095
2171
  };
2096
2172
  fill?: {
2097
2173
  colors: (string | {
2098
- colorType: "base" | "onBase" | "container" | "onContainer";
2174
+ colorType: "container" | "base" | "onBase" | "onContainer";
2099
2175
  toned?: boolean;
2100
2176
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2101
2177
  } | {
@@ -2112,12 +2188,12 @@ export declare const useColorSchemaStore: () => {
2112
2188
  text?: {
2113
2189
  color?: string | {
2114
2190
  colors: (string | {
2115
- colorType: "base" | "onBase" | "container" | "onContainer";
2191
+ colorType: "container" | "base" | "onBase" | "onContainer";
2116
2192
  toned?: boolean;
2117
2193
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2118
2194
  } | {
2119
2195
  color: string | {
2120
- colorType: "base" | "onBase" | "container" | "onContainer";
2196
+ colorType: "container" | "base" | "onBase" | "onContainer";
2121
2197
  toned?: boolean;
2122
2198
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2123
2199
  };
@@ -2126,7 +2202,7 @@ export declare const useColorSchemaStore: () => {
2126
2202
  acrylic?: boolean;
2127
2203
  opacity?: number;
2128
2204
  } | {
2129
- colorType: "base" | "onBase" | "container" | "onContainer";
2205
+ colorType: "container" | "base" | "onBase" | "onContainer";
2130
2206
  toned?: boolean;
2131
2207
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2132
2208
  };
@@ -2155,12 +2231,12 @@ export declare const useColorSchemaStore: () => {
2155
2231
  icon?: {
2156
2232
  color?: {
2157
2233
  colors: (string | {
2158
- colorType: "base" | "onBase" | "container" | "onContainer";
2234
+ colorType: "container" | "base" | "onBase" | "onContainer";
2159
2235
  toned?: boolean;
2160
2236
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2161
2237
  } | {
2162
2238
  color: string | {
2163
- colorType: "base" | "onBase" | "container" | "onContainer";
2239
+ colorType: "container" | "base" | "onBase" | "onContainer";
2164
2240
  toned?: boolean;
2165
2241
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2166
2242
  };
@@ -2180,14 +2256,14 @@ export declare const useColorSchemaStore: () => {
2180
2256
  left?: import("@omnia/fx-models").SpacingValue;
2181
2257
  };
2182
2258
  background?: {
2183
- fill?: {
2259
+ fill?: string | {
2184
2260
  colors: (string | {
2185
- colorType: "base" | "onBase" | "container" | "onContainer";
2261
+ colorType: "container" | "base" | "onBase" | "onContainer";
2186
2262
  toned?: boolean;
2187
2263
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2188
2264
  } | {
2189
2265
  color: string | {
2190
- colorType: "base" | "onBase" | "container" | "onContainer";
2266
+ colorType: "container" | "base" | "onBase" | "onContainer";
2191
2267
  toned?: boolean;
2192
2268
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2193
2269
  };
@@ -2195,6 +2271,10 @@ export declare const useColorSchemaStore: () => {
2195
2271
  })[];
2196
2272
  acrylic?: boolean;
2197
2273
  opacity?: number;
2274
+ } | {
2275
+ colorType: "container" | "base" | "onBase" | "onContainer";
2276
+ toned?: boolean;
2277
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2198
2278
  };
2199
2279
  border?: {
2200
2280
  radius?: {
@@ -2211,7 +2291,7 @@ export declare const useColorSchemaStore: () => {
2211
2291
  };
2212
2292
  fill?: {
2213
2293
  colors: (string | {
2214
- colorType: "base" | "onBase" | "container" | "onContainer";
2294
+ colorType: "container" | "base" | "onBase" | "onContainer";
2215
2295
  toned?: boolean;
2216
2296
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2217
2297
  } | {
@@ -2228,12 +2308,12 @@ export declare const useColorSchemaStore: () => {
2228
2308
  text?: {
2229
2309
  color?: string | {
2230
2310
  colors: (string | {
2231
- colorType: "base" | "onBase" | "container" | "onContainer";
2311
+ colorType: "container" | "base" | "onBase" | "onContainer";
2232
2312
  toned?: boolean;
2233
2313
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2234
2314
  } | {
2235
2315
  color: string | {
2236
- colorType: "base" | "onBase" | "container" | "onContainer";
2316
+ colorType: "container" | "base" | "onBase" | "onContainer";
2237
2317
  toned?: boolean;
2238
2318
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2239
2319
  };
@@ -2242,7 +2322,7 @@ export declare const useColorSchemaStore: () => {
2242
2322
  acrylic?: boolean;
2243
2323
  opacity?: number;
2244
2324
  } | {
2245
- colorType: "base" | "onBase" | "container" | "onContainer";
2325
+ colorType: "container" | "base" | "onBase" | "onContainer";
2246
2326
  toned?: boolean;
2247
2327
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2248
2328
  };
@@ -2271,12 +2351,12 @@ export declare const useColorSchemaStore: () => {
2271
2351
  icon?: {
2272
2352
  color?: {
2273
2353
  colors: (string | {
2274
- colorType: "base" | "onBase" | "container" | "onContainer";
2354
+ colorType: "container" | "base" | "onBase" | "onContainer";
2275
2355
  toned?: boolean;
2276
2356
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2277
2357
  } | {
2278
2358
  color: string | {
2279
- colorType: "base" | "onBase" | "container" | "onContainer";
2359
+ colorType: "container" | "base" | "onBase" | "onContainer";
2280
2360
  toned?: boolean;
2281
2361
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2282
2362
  };
@@ -2296,14 +2376,14 @@ export declare const useColorSchemaStore: () => {
2296
2376
  left?: import("@omnia/fx-models").SpacingValue;
2297
2377
  };
2298
2378
  background?: {
2299
- fill?: {
2379
+ fill?: string | {
2300
2380
  colors: (string | {
2301
- colorType: "base" | "onBase" | "container" | "onContainer";
2381
+ colorType: "container" | "base" | "onBase" | "onContainer";
2302
2382
  toned?: boolean;
2303
2383
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2304
2384
  } | {
2305
2385
  color: string | {
2306
- colorType: "base" | "onBase" | "container" | "onContainer";
2386
+ colorType: "container" | "base" | "onBase" | "onContainer";
2307
2387
  toned?: boolean;
2308
2388
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2309
2389
  };
@@ -2311,6 +2391,10 @@ export declare const useColorSchemaStore: () => {
2311
2391
  })[];
2312
2392
  acrylic?: boolean;
2313
2393
  opacity?: number;
2394
+ } | {
2395
+ colorType: "container" | "base" | "onBase" | "onContainer";
2396
+ toned?: boolean;
2397
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2314
2398
  };
2315
2399
  border?: {
2316
2400
  radius?: {
@@ -2327,7 +2411,7 @@ export declare const useColorSchemaStore: () => {
2327
2411
  };
2328
2412
  fill?: {
2329
2413
  colors: (string | {
2330
- colorType: "base" | "onBase" | "container" | "onContainer";
2414
+ colorType: "container" | "base" | "onBase" | "onContainer";
2331
2415
  toned?: boolean;
2332
2416
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2333
2417
  } | {
@@ -2344,12 +2428,12 @@ export declare const useColorSchemaStore: () => {
2344
2428
  text?: {
2345
2429
  color?: string | {
2346
2430
  colors: (string | {
2347
- colorType: "base" | "onBase" | "container" | "onContainer";
2431
+ colorType: "container" | "base" | "onBase" | "onContainer";
2348
2432
  toned?: boolean;
2349
2433
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2350
2434
  } | {
2351
2435
  color: string | {
2352
- colorType: "base" | "onBase" | "container" | "onContainer";
2436
+ colorType: "container" | "base" | "onBase" | "onContainer";
2353
2437
  toned?: boolean;
2354
2438
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2355
2439
  };
@@ -2358,7 +2442,7 @@ export declare const useColorSchemaStore: () => {
2358
2442
  acrylic?: boolean;
2359
2443
  opacity?: number;
2360
2444
  } | {
2361
- colorType: "base" | "onBase" | "container" | "onContainer";
2445
+ colorType: "container" | "base" | "onBase" | "onContainer";
2362
2446
  toned?: boolean;
2363
2447
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2364
2448
  };
@@ -2387,12 +2471,12 @@ export declare const useColorSchemaStore: () => {
2387
2471
  icon?: {
2388
2472
  color?: {
2389
2473
  colors: (string | {
2390
- colorType: "base" | "onBase" | "container" | "onContainer";
2474
+ colorType: "container" | "base" | "onBase" | "onContainer";
2391
2475
  toned?: boolean;
2392
2476
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2393
2477
  } | {
2394
2478
  color: string | {
2395
- colorType: "base" | "onBase" | "container" | "onContainer";
2479
+ colorType: "container" | "base" | "onBase" | "onContainer";
2396
2480
  toned?: boolean;
2397
2481
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2398
2482
  };
@@ -2412,14 +2496,14 @@ export declare const useColorSchemaStore: () => {
2412
2496
  left?: import("@omnia/fx-models").SpacingValue;
2413
2497
  };
2414
2498
  background?: {
2415
- fill?: {
2499
+ fill?: string | {
2416
2500
  colors: (string | {
2417
- colorType: "base" | "onBase" | "container" | "onContainer";
2501
+ colorType: "container" | "base" | "onBase" | "onContainer";
2418
2502
  toned?: boolean;
2419
2503
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2420
2504
  } | {
2421
2505
  color: string | {
2422
- colorType: "base" | "onBase" | "container" | "onContainer";
2506
+ colorType: "container" | "base" | "onBase" | "onContainer";
2423
2507
  toned?: boolean;
2424
2508
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2425
2509
  };
@@ -2427,6 +2511,10 @@ export declare const useColorSchemaStore: () => {
2427
2511
  })[];
2428
2512
  acrylic?: boolean;
2429
2513
  opacity?: number;
2514
+ } | {
2515
+ colorType: "container" | "base" | "onBase" | "onContainer";
2516
+ toned?: boolean;
2517
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2430
2518
  };
2431
2519
  border?: {
2432
2520
  radius?: {
@@ -2443,7 +2531,7 @@ export declare const useColorSchemaStore: () => {
2443
2531
  };
2444
2532
  fill?: {
2445
2533
  colors: (string | {
2446
- colorType: "base" | "onBase" | "container" | "onContainer";
2534
+ colorType: "container" | "base" | "onBase" | "onContainer";
2447
2535
  toned?: boolean;
2448
2536
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2449
2537
  } | {
@@ -2460,12 +2548,12 @@ export declare const useColorSchemaStore: () => {
2460
2548
  text?: {
2461
2549
  color?: string | {
2462
2550
  colors: (string | {
2463
- colorType: "base" | "onBase" | "container" | "onContainer";
2551
+ colorType: "container" | "base" | "onBase" | "onContainer";
2464
2552
  toned?: boolean;
2465
2553
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2466
2554
  } | {
2467
2555
  color: string | {
2468
- colorType: "base" | "onBase" | "container" | "onContainer";
2556
+ colorType: "container" | "base" | "onBase" | "onContainer";
2469
2557
  toned?: boolean;
2470
2558
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2471
2559
  };
@@ -2474,7 +2562,7 @@ export declare const useColorSchemaStore: () => {
2474
2562
  acrylic?: boolean;
2475
2563
  opacity?: number;
2476
2564
  } | {
2477
- colorType: "base" | "onBase" | "container" | "onContainer";
2565
+ colorType: "container" | "base" | "onBase" | "onContainer";
2478
2566
  toned?: boolean;
2479
2567
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2480
2568
  };
@@ -2503,12 +2591,12 @@ export declare const useColorSchemaStore: () => {
2503
2591
  icon?: {
2504
2592
  color?: {
2505
2593
  colors: (string | {
2506
- colorType: "base" | "onBase" | "container" | "onContainer";
2594
+ colorType: "container" | "base" | "onBase" | "onContainer";
2507
2595
  toned?: boolean;
2508
2596
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2509
2597
  } | {
2510
2598
  color: string | {
2511
- colorType: "base" | "onBase" | "container" | "onContainer";
2599
+ colorType: "container" | "base" | "onBase" | "onContainer";
2512
2600
  toned?: boolean;
2513
2601
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2514
2602
  };
@@ -2528,14 +2616,14 @@ export declare const useColorSchemaStore: () => {
2528
2616
  left?: import("@omnia/fx-models").SpacingValue;
2529
2617
  };
2530
2618
  background?: {
2531
- fill?: {
2619
+ fill?: string | {
2532
2620
  colors: (string | {
2533
- colorType: "base" | "onBase" | "container" | "onContainer";
2621
+ colorType: "container" | "base" | "onBase" | "onContainer";
2534
2622
  toned?: boolean;
2535
2623
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2536
2624
  } | {
2537
2625
  color: string | {
2538
- colorType: "base" | "onBase" | "container" | "onContainer";
2626
+ colorType: "container" | "base" | "onBase" | "onContainer";
2539
2627
  toned?: boolean;
2540
2628
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2541
2629
  };
@@ -2543,6 +2631,10 @@ export declare const useColorSchemaStore: () => {
2543
2631
  })[];
2544
2632
  acrylic?: boolean;
2545
2633
  opacity?: number;
2634
+ } | {
2635
+ colorType: "container" | "base" | "onBase" | "onContainer";
2636
+ toned?: boolean;
2637
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2546
2638
  };
2547
2639
  border?: {
2548
2640
  radius?: {
@@ -2559,7 +2651,7 @@ export declare const useColorSchemaStore: () => {
2559
2651
  };
2560
2652
  fill?: {
2561
2653
  colors: (string | {
2562
- colorType: "base" | "onBase" | "container" | "onContainer";
2654
+ colorType: "container" | "base" | "onBase" | "onContainer";
2563
2655
  toned?: boolean;
2564
2656
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2565
2657
  } | {
@@ -2576,12 +2668,12 @@ export declare const useColorSchemaStore: () => {
2576
2668
  text?: {
2577
2669
  color?: string | {
2578
2670
  colors: (string | {
2579
- colorType: "base" | "onBase" | "container" | "onContainer";
2671
+ colorType: "container" | "base" | "onBase" | "onContainer";
2580
2672
  toned?: boolean;
2581
2673
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2582
2674
  } | {
2583
2675
  color: string | {
2584
- colorType: "base" | "onBase" | "container" | "onContainer";
2676
+ colorType: "container" | "base" | "onBase" | "onContainer";
2585
2677
  toned?: boolean;
2586
2678
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2587
2679
  };
@@ -2590,7 +2682,7 @@ export declare const useColorSchemaStore: () => {
2590
2682
  acrylic?: boolean;
2591
2683
  opacity?: number;
2592
2684
  } | {
2593
- colorType: "base" | "onBase" | "container" | "onContainer";
2685
+ colorType: "container" | "base" | "onBase" | "onContainer";
2594
2686
  toned?: boolean;
2595
2687
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2596
2688
  };
@@ -2619,12 +2711,12 @@ export declare const useColorSchemaStore: () => {
2619
2711
  icon?: {
2620
2712
  color?: {
2621
2713
  colors: (string | {
2622
- colorType: "base" | "onBase" | "container" | "onContainer";
2714
+ colorType: "container" | "base" | "onBase" | "onContainer";
2623
2715
  toned?: boolean;
2624
2716
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2625
2717
  } | {
2626
2718
  color: string | {
2627
- colorType: "base" | "onBase" | "container" | "onContainer";
2719
+ colorType: "container" | "base" | "onBase" | "onContainer";
2628
2720
  toned?: boolean;
2629
2721
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2630
2722
  };
@@ -2644,14 +2736,14 @@ export declare const useColorSchemaStore: () => {
2644
2736
  left?: import("@omnia/fx-models").SpacingValue;
2645
2737
  };
2646
2738
  background?: {
2647
- fill?: {
2739
+ fill?: string | {
2648
2740
  colors: (string | {
2649
- colorType: "base" | "onBase" | "container" | "onContainer";
2741
+ colorType: "container" | "base" | "onBase" | "onContainer";
2650
2742
  toned?: boolean;
2651
2743
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2652
2744
  } | {
2653
2745
  color: string | {
2654
- colorType: "base" | "onBase" | "container" | "onContainer";
2746
+ colorType: "container" | "base" | "onBase" | "onContainer";
2655
2747
  toned?: boolean;
2656
2748
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2657
2749
  };
@@ -2659,6 +2751,10 @@ export declare const useColorSchemaStore: () => {
2659
2751
  })[];
2660
2752
  acrylic?: boolean;
2661
2753
  opacity?: number;
2754
+ } | {
2755
+ colorType: "container" | "base" | "onBase" | "onContainer";
2756
+ toned?: boolean;
2757
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2662
2758
  };
2663
2759
  border?: {
2664
2760
  radius?: {
@@ -2675,7 +2771,7 @@ export declare const useColorSchemaStore: () => {
2675
2771
  };
2676
2772
  fill?: {
2677
2773
  colors: (string | {
2678
- colorType: "base" | "onBase" | "container" | "onContainer";
2774
+ colorType: "container" | "base" | "onBase" | "onContainer";
2679
2775
  toned?: boolean;
2680
2776
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2681
2777
  } | {
@@ -2692,12 +2788,12 @@ export declare const useColorSchemaStore: () => {
2692
2788
  text?: {
2693
2789
  color?: string | {
2694
2790
  colors: (string | {
2695
- colorType: "base" | "onBase" | "container" | "onContainer";
2791
+ colorType: "container" | "base" | "onBase" | "onContainer";
2696
2792
  toned?: boolean;
2697
2793
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2698
2794
  } | {
2699
2795
  color: string | {
2700
- colorType: "base" | "onBase" | "container" | "onContainer";
2796
+ colorType: "container" | "base" | "onBase" | "onContainer";
2701
2797
  toned?: boolean;
2702
2798
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2703
2799
  };
@@ -2706,7 +2802,7 @@ export declare const useColorSchemaStore: () => {
2706
2802
  acrylic?: boolean;
2707
2803
  opacity?: number;
2708
2804
  } | {
2709
- colorType: "base" | "onBase" | "container" | "onContainer";
2805
+ colorType: "container" | "base" | "onBase" | "onContainer";
2710
2806
  toned?: boolean;
2711
2807
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2712
2808
  };
@@ -2735,12 +2831,12 @@ export declare const useColorSchemaStore: () => {
2735
2831
  icon?: {
2736
2832
  color?: {
2737
2833
  colors: (string | {
2738
- colorType: "base" | "onBase" | "container" | "onContainer";
2834
+ colorType: "container" | "base" | "onBase" | "onContainer";
2739
2835
  toned?: boolean;
2740
2836
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2741
2837
  } | {
2742
2838
  color: string | {
2743
- colorType: "base" | "onBase" | "container" | "onContainer";
2839
+ colorType: "container" | "base" | "onBase" | "onContainer";
2744
2840
  toned?: boolean;
2745
2841
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2746
2842
  };
@@ -2760,14 +2856,14 @@ export declare const useColorSchemaStore: () => {
2760
2856
  left?: import("@omnia/fx-models").SpacingValue;
2761
2857
  };
2762
2858
  background?: {
2763
- fill?: {
2859
+ fill?: string | {
2764
2860
  colors: (string | {
2765
- colorType: "base" | "onBase" | "container" | "onContainer";
2861
+ colorType: "container" | "base" | "onBase" | "onContainer";
2766
2862
  toned?: boolean;
2767
2863
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2768
2864
  } | {
2769
2865
  color: string | {
2770
- colorType: "base" | "onBase" | "container" | "onContainer";
2866
+ colorType: "container" | "base" | "onBase" | "onContainer";
2771
2867
  toned?: boolean;
2772
2868
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2773
2869
  };
@@ -2775,6 +2871,10 @@ export declare const useColorSchemaStore: () => {
2775
2871
  })[];
2776
2872
  acrylic?: boolean;
2777
2873
  opacity?: number;
2874
+ } | {
2875
+ colorType: "container" | "base" | "onBase" | "onContainer";
2876
+ toned?: boolean;
2877
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2778
2878
  };
2779
2879
  border?: {
2780
2880
  radius?: {
@@ -2791,7 +2891,7 @@ export declare const useColorSchemaStore: () => {
2791
2891
  };
2792
2892
  fill?: {
2793
2893
  colors: (string | {
2794
- colorType: "base" | "onBase" | "container" | "onContainer";
2894
+ colorType: "container" | "base" | "onBase" | "onContainer";
2795
2895
  toned?: boolean;
2796
2896
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2797
2897
  } | {
@@ -2808,12 +2908,12 @@ export declare const useColorSchemaStore: () => {
2808
2908
  text?: {
2809
2909
  color?: string | {
2810
2910
  colors: (string | {
2811
- colorType: "base" | "onBase" | "container" | "onContainer";
2911
+ colorType: "container" | "base" | "onBase" | "onContainer";
2812
2912
  toned?: boolean;
2813
2913
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2814
2914
  } | {
2815
2915
  color: string | {
2816
- colorType: "base" | "onBase" | "container" | "onContainer";
2916
+ colorType: "container" | "base" | "onBase" | "onContainer";
2817
2917
  toned?: boolean;
2818
2918
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2819
2919
  };
@@ -2822,7 +2922,7 @@ export declare const useColorSchemaStore: () => {
2822
2922
  acrylic?: boolean;
2823
2923
  opacity?: number;
2824
2924
  } | {
2825
- colorType: "base" | "onBase" | "container" | "onContainer";
2925
+ colorType: "container" | "base" | "onBase" | "onContainer";
2826
2926
  toned?: boolean;
2827
2927
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2828
2928
  };
@@ -2851,12 +2951,12 @@ export declare const useColorSchemaStore: () => {
2851
2951
  icon?: {
2852
2952
  color?: {
2853
2953
  colors: (string | {
2854
- colorType: "base" | "onBase" | "container" | "onContainer";
2954
+ colorType: "container" | "base" | "onBase" | "onContainer";
2855
2955
  toned?: boolean;
2856
2956
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2857
2957
  } | {
2858
2958
  color: string | {
2859
- colorType: "base" | "onBase" | "container" | "onContainer";
2959
+ colorType: "container" | "base" | "onBase" | "onContainer";
2860
2960
  toned?: boolean;
2861
2961
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2862
2962
  };
@@ -2876,14 +2976,14 @@ export declare const useColorSchemaStore: () => {
2876
2976
  left?: import("@omnia/fx-models").SpacingValue;
2877
2977
  };
2878
2978
  background?: {
2879
- fill?: {
2979
+ fill?: string | {
2880
2980
  colors: (string | {
2881
- colorType: "base" | "onBase" | "container" | "onContainer";
2981
+ colorType: "container" | "base" | "onBase" | "onContainer";
2882
2982
  toned?: boolean;
2883
2983
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2884
2984
  } | {
2885
2985
  color: string | {
2886
- colorType: "base" | "onBase" | "container" | "onContainer";
2986
+ colorType: "container" | "base" | "onBase" | "onContainer";
2887
2987
  toned?: boolean;
2888
2988
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2889
2989
  };
@@ -2891,6 +2991,10 @@ export declare const useColorSchemaStore: () => {
2891
2991
  })[];
2892
2992
  acrylic?: boolean;
2893
2993
  opacity?: number;
2994
+ } | {
2995
+ colorType: "container" | "base" | "onBase" | "onContainer";
2996
+ toned?: boolean;
2997
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2894
2998
  };
2895
2999
  border?: {
2896
3000
  radius?: {
@@ -2907,7 +3011,7 @@ export declare const useColorSchemaStore: () => {
2907
3011
  };
2908
3012
  fill?: {
2909
3013
  colors: (string | {
2910
- colorType: "base" | "onBase" | "container" | "onContainer";
3014
+ colorType: "container" | "base" | "onBase" | "onContainer";
2911
3015
  toned?: boolean;
2912
3016
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2913
3017
  } | {
@@ -2924,12 +3028,12 @@ export declare const useColorSchemaStore: () => {
2924
3028
  text?: {
2925
3029
  color?: string | {
2926
3030
  colors: (string | {
2927
- colorType: "base" | "onBase" | "container" | "onContainer";
3031
+ colorType: "container" | "base" | "onBase" | "onContainer";
2928
3032
  toned?: boolean;
2929
3033
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2930
3034
  } | {
2931
3035
  color: string | {
2932
- colorType: "base" | "onBase" | "container" | "onContainer";
3036
+ colorType: "container" | "base" | "onBase" | "onContainer";
2933
3037
  toned?: boolean;
2934
3038
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2935
3039
  };
@@ -2938,7 +3042,7 @@ export declare const useColorSchemaStore: () => {
2938
3042
  acrylic?: boolean;
2939
3043
  opacity?: number;
2940
3044
  } | {
2941
- colorType: "base" | "onBase" | "container" | "onContainer";
3045
+ colorType: "container" | "base" | "onBase" | "onContainer";
2942
3046
  toned?: boolean;
2943
3047
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2944
3048
  };
@@ -2967,12 +3071,12 @@ export declare const useColorSchemaStore: () => {
2967
3071
  icon?: {
2968
3072
  color?: {
2969
3073
  colors: (string | {
2970
- colorType: "base" | "onBase" | "container" | "onContainer";
3074
+ colorType: "container" | "base" | "onBase" | "onContainer";
2971
3075
  toned?: boolean;
2972
3076
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2973
3077
  } | {
2974
3078
  color: string | {
2975
- colorType: "base" | "onBase" | "container" | "onContainer";
3079
+ colorType: "container" | "base" | "onBase" | "onContainer";
2976
3080
  toned?: boolean;
2977
3081
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
2978
3082
  };
@@ -2992,14 +3096,14 @@ export declare const useColorSchemaStore: () => {
2992
3096
  left?: import("@omnia/fx-models").SpacingValue;
2993
3097
  };
2994
3098
  background?: {
2995
- fill?: {
3099
+ fill?: string | {
2996
3100
  colors: (string | {
2997
- colorType: "base" | "onBase" | "container" | "onContainer";
3101
+ colorType: "container" | "base" | "onBase" | "onContainer";
2998
3102
  toned?: boolean;
2999
3103
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3000
3104
  } | {
3001
3105
  color: string | {
3002
- colorType: "base" | "onBase" | "container" | "onContainer";
3106
+ colorType: "container" | "base" | "onBase" | "onContainer";
3003
3107
  toned?: boolean;
3004
3108
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3005
3109
  };
@@ -3007,6 +3111,10 @@ export declare const useColorSchemaStore: () => {
3007
3111
  })[];
3008
3112
  acrylic?: boolean;
3009
3113
  opacity?: number;
3114
+ } | {
3115
+ colorType: "container" | "base" | "onBase" | "onContainer";
3116
+ toned?: boolean;
3117
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3010
3118
  };
3011
3119
  border?: {
3012
3120
  radius?: {
@@ -3023,7 +3131,7 @@ export declare const useColorSchemaStore: () => {
3023
3131
  };
3024
3132
  fill?: {
3025
3133
  colors: (string | {
3026
- colorType: "base" | "onBase" | "container" | "onContainer";
3134
+ colorType: "container" | "base" | "onBase" | "onContainer";
3027
3135
  toned?: boolean;
3028
3136
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3029
3137
  } | {
@@ -3040,12 +3148,12 @@ export declare const useColorSchemaStore: () => {
3040
3148
  text?: {
3041
3149
  color?: string | {
3042
3150
  colors: (string | {
3043
- colorType: "base" | "onBase" | "container" | "onContainer";
3151
+ colorType: "container" | "base" | "onBase" | "onContainer";
3044
3152
  toned?: boolean;
3045
3153
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3046
3154
  } | {
3047
3155
  color: string | {
3048
- colorType: "base" | "onBase" | "container" | "onContainer";
3156
+ colorType: "container" | "base" | "onBase" | "onContainer";
3049
3157
  toned?: boolean;
3050
3158
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3051
3159
  };
@@ -3054,7 +3162,7 @@ export declare const useColorSchemaStore: () => {
3054
3162
  acrylic?: boolean;
3055
3163
  opacity?: number;
3056
3164
  } | {
3057
- colorType: "base" | "onBase" | "container" | "onContainer";
3165
+ colorType: "container" | "base" | "onBase" | "onContainer";
3058
3166
  toned?: boolean;
3059
3167
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3060
3168
  };
@@ -3083,12 +3191,12 @@ export declare const useColorSchemaStore: () => {
3083
3191
  icon?: {
3084
3192
  color?: {
3085
3193
  colors: (string | {
3086
- colorType: "base" | "onBase" | "container" | "onContainer";
3194
+ colorType: "container" | "base" | "onBase" | "onContainer";
3087
3195
  toned?: boolean;
3088
3196
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3089
3197
  } | {
3090
3198
  color: string | {
3091
- colorType: "base" | "onBase" | "container" | "onContainer";
3199
+ colorType: "container" | "base" | "onBase" | "onContainer";
3092
3200
  toned?: boolean;
3093
3201
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3094
3202
  };
@@ -3106,14 +3214,14 @@ export declare const useColorSchemaStore: () => {
3106
3214
  tabs?: {
3107
3215
  primary?: {
3108
3216
  background?: {
3109
- fill?: {
3217
+ fill?: string | {
3110
3218
  colors: (string | {
3111
- colorType: "base" | "onBase" | "container" | "onContainer";
3219
+ colorType: "container" | "base" | "onBase" | "onContainer";
3112
3220
  toned?: boolean;
3113
3221
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3114
3222
  } | {
3115
3223
  color: string | {
3116
- colorType: "base" | "onBase" | "container" | "onContainer";
3224
+ colorType: "container" | "base" | "onBase" | "onContainer";
3117
3225
  toned?: boolean;
3118
3226
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3119
3227
  };
@@ -3121,6 +3229,10 @@ export declare const useColorSchemaStore: () => {
3121
3229
  })[];
3122
3230
  acrylic?: boolean;
3123
3231
  opacity?: number;
3232
+ } | {
3233
+ colorType: "container" | "base" | "onBase" | "onContainer";
3234
+ toned?: boolean;
3235
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3124
3236
  };
3125
3237
  border?: {
3126
3238
  radius?: {
@@ -3137,12 +3249,12 @@ export declare const useColorSchemaStore: () => {
3137
3249
  };
3138
3250
  fill?: {
3139
3251
  colors: (string | {
3140
- colorType: "base" | "onBase" | "container" | "onContainer";
3252
+ colorType: "container" | "base" | "onBase" | "onContainer";
3141
3253
  toned?: boolean;
3142
3254
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3143
3255
  } | {
3144
3256
  color: string | {
3145
- colorType: "base" | "onBase" | "container" | "onContainer";
3257
+ colorType: "container" | "base" | "onBase" | "onContainer";
3146
3258
  toned?: boolean;
3147
3259
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3148
3260
  };
@@ -3174,19 +3286,19 @@ export declare const useColorSchemaStore: () => {
3174
3286
  minWidth?: number;
3175
3287
  alignment?: "center" | "start" | "end";
3176
3288
  sliderColor?: string | {
3177
- colorType: "base" | "onBase" | "container" | "onContainer";
3289
+ colorType: "container" | "base" | "onBase" | "onContainer";
3178
3290
  toned?: boolean;
3179
3291
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3180
3292
  };
3181
3293
  text?: {
3182
3294
  color?: string | {
3183
3295
  colors: (string | {
3184
- colorType: "base" | "onBase" | "container" | "onContainer";
3296
+ colorType: "container" | "base" | "onBase" | "onContainer";
3185
3297
  toned?: boolean;
3186
3298
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3187
3299
  } | {
3188
3300
  color: string | {
3189
- colorType: "base" | "onBase" | "container" | "onContainer";
3301
+ colorType: "container" | "base" | "onBase" | "onContainer";
3190
3302
  toned?: boolean;
3191
3303
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3192
3304
  };
@@ -3195,7 +3307,7 @@ export declare const useColorSchemaStore: () => {
3195
3307
  acrylic?: boolean;
3196
3308
  opacity?: number;
3197
3309
  } | {
3198
- colorType: "base" | "onBase" | "container" | "onContainer";
3310
+ colorType: "container" | "base" | "onBase" | "onContainer";
3199
3311
  toned?: boolean;
3200
3312
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3201
3313
  };
@@ -3224,12 +3336,12 @@ export declare const useColorSchemaStore: () => {
3224
3336
  icon?: {
3225
3337
  color?: {
3226
3338
  colors: (string | {
3227
- colorType: "base" | "onBase" | "container" | "onContainer";
3339
+ colorType: "container" | "base" | "onBase" | "onContainer";
3228
3340
  toned?: boolean;
3229
3341
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3230
3342
  } | {
3231
3343
  color: string | {
3232
- colorType: "base" | "onBase" | "container" | "onContainer";
3344
+ colorType: "container" | "base" | "onBase" | "onContainer";
3233
3345
  toned?: boolean;
3234
3346
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3235
3347
  };
@@ -3248,14 +3360,14 @@ export declare const useColorSchemaStore: () => {
3248
3360
  left?: import("@omnia/fx-models").SpacingValue;
3249
3361
  };
3250
3362
  background?: {
3251
- fill?: {
3363
+ fill?: string | {
3252
3364
  colors: (string | {
3253
- colorType: "base" | "onBase" | "container" | "onContainer";
3365
+ colorType: "container" | "base" | "onBase" | "onContainer";
3254
3366
  toned?: boolean;
3255
3367
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3256
3368
  } | {
3257
3369
  color: string | {
3258
- colorType: "base" | "onBase" | "container" | "onContainer";
3370
+ colorType: "container" | "base" | "onBase" | "onContainer";
3259
3371
  toned?: boolean;
3260
3372
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3261
3373
  };
@@ -3263,6 +3375,10 @@ export declare const useColorSchemaStore: () => {
3263
3375
  })[];
3264
3376
  acrylic?: boolean;
3265
3377
  opacity?: number;
3378
+ } | {
3379
+ colorType: "container" | "base" | "onBase" | "onContainer";
3380
+ toned?: boolean;
3381
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3266
3382
  };
3267
3383
  border?: {
3268
3384
  radius?: {
@@ -3279,7 +3395,7 @@ export declare const useColorSchemaStore: () => {
3279
3395
  };
3280
3396
  fill?: {
3281
3397
  colors: (string | {
3282
- colorType: "base" | "onBase" | "container" | "onContainer";
3398
+ colorType: "container" | "base" | "onBase" | "onContainer";
3283
3399
  toned?: boolean;
3284
3400
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3285
3401
  } | {
@@ -3295,12 +3411,12 @@ export declare const useColorSchemaStore: () => {
3295
3411
  text?: {
3296
3412
  color?: string | {
3297
3413
  colors: (string | {
3298
- colorType: "base" | "onBase" | "container" | "onContainer";
3414
+ colorType: "container" | "base" | "onBase" | "onContainer";
3299
3415
  toned?: boolean;
3300
3416
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3301
3417
  } | {
3302
3418
  color: string | {
3303
- colorType: "base" | "onBase" | "container" | "onContainer";
3419
+ colorType: "container" | "base" | "onBase" | "onContainer";
3304
3420
  toned?: boolean;
3305
3421
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3306
3422
  };
@@ -3309,7 +3425,7 @@ export declare const useColorSchemaStore: () => {
3309
3425
  acrylic?: boolean;
3310
3426
  opacity?: number;
3311
3427
  } | {
3312
- colorType: "base" | "onBase" | "container" | "onContainer";
3428
+ colorType: "container" | "base" | "onBase" | "onContainer";
3313
3429
  toned?: boolean;
3314
3430
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3315
3431
  };
@@ -3338,12 +3454,12 @@ export declare const useColorSchemaStore: () => {
3338
3454
  icon?: {
3339
3455
  color?: {
3340
3456
  colors: (string | {
3341
- colorType: "base" | "onBase" | "container" | "onContainer";
3457
+ colorType: "container" | "base" | "onBase" | "onContainer";
3342
3458
  toned?: boolean;
3343
3459
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3344
3460
  } | {
3345
3461
  color: string | {
3346
- colorType: "base" | "onBase" | "container" | "onContainer";
3462
+ colorType: "container" | "base" | "onBase" | "onContainer";
3347
3463
  toned?: boolean;
3348
3464
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3349
3465
  };
@@ -3357,14 +3473,14 @@ export declare const useColorSchemaStore: () => {
3357
3473
  };
3358
3474
  inactive?: {
3359
3475
  background?: {
3360
- fill?: {
3476
+ fill?: string | {
3361
3477
  colors: (string | {
3362
- colorType: "base" | "onBase" | "container" | "onContainer";
3478
+ colorType: "container" | "base" | "onBase" | "onContainer";
3363
3479
  toned?: boolean;
3364
3480
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3365
3481
  } | {
3366
3482
  color: string | {
3367
- colorType: "base" | "onBase" | "container" | "onContainer";
3483
+ colorType: "container" | "base" | "onBase" | "onContainer";
3368
3484
  toned?: boolean;
3369
3485
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3370
3486
  };
@@ -3372,6 +3488,10 @@ export declare const useColorSchemaStore: () => {
3372
3488
  })[];
3373
3489
  acrylic?: boolean;
3374
3490
  opacity?: number;
3491
+ } | {
3492
+ colorType: "container" | "base" | "onBase" | "onContainer";
3493
+ toned?: boolean;
3494
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3375
3495
  };
3376
3496
  border?: {
3377
3497
  radius?: {
@@ -3388,7 +3508,7 @@ export declare const useColorSchemaStore: () => {
3388
3508
  };
3389
3509
  fill?: {
3390
3510
  colors: (string | {
3391
- colorType: "base" | "onBase" | "container" | "onContainer";
3511
+ colorType: "container" | "base" | "onBase" | "onContainer";
3392
3512
  toned?: boolean;
3393
3513
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3394
3514
  } | {
@@ -3405,14 +3525,14 @@ export declare const useColorSchemaStore: () => {
3405
3525
  };
3406
3526
  variant1?: {
3407
3527
  background?: {
3408
- fill?: {
3528
+ fill?: string | {
3409
3529
  colors: (string | {
3410
- colorType: "base" | "onBase" | "container" | "onContainer";
3530
+ colorType: "container" | "base" | "onBase" | "onContainer";
3411
3531
  toned?: boolean;
3412
3532
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3413
3533
  } | {
3414
3534
  color: string | {
3415
- colorType: "base" | "onBase" | "container" | "onContainer";
3535
+ colorType: "container" | "base" | "onBase" | "onContainer";
3416
3536
  toned?: boolean;
3417
3537
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3418
3538
  };
@@ -3420,6 +3540,10 @@ export declare const useColorSchemaStore: () => {
3420
3540
  })[];
3421
3541
  acrylic?: boolean;
3422
3542
  opacity?: number;
3543
+ } | {
3544
+ colorType: "container" | "base" | "onBase" | "onContainer";
3545
+ toned?: boolean;
3546
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3423
3547
  };
3424
3548
  border?: {
3425
3549
  radius?: {
@@ -3436,12 +3560,12 @@ export declare const useColorSchemaStore: () => {
3436
3560
  };
3437
3561
  fill?: {
3438
3562
  colors: (string | {
3439
- colorType: "base" | "onBase" | "container" | "onContainer";
3563
+ colorType: "container" | "base" | "onBase" | "onContainer";
3440
3564
  toned?: boolean;
3441
3565
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3442
3566
  } | {
3443
3567
  color: string | {
3444
- colorType: "base" | "onBase" | "container" | "onContainer";
3568
+ colorType: "container" | "base" | "onBase" | "onContainer";
3445
3569
  toned?: boolean;
3446
3570
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3447
3571
  };
@@ -3473,19 +3597,19 @@ export declare const useColorSchemaStore: () => {
3473
3597
  minWidth?: number;
3474
3598
  alignment?: "center" | "start" | "end";
3475
3599
  sliderColor?: string | {
3476
- colorType: "base" | "onBase" | "container" | "onContainer";
3600
+ colorType: "container" | "base" | "onBase" | "onContainer";
3477
3601
  toned?: boolean;
3478
3602
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3479
3603
  };
3480
3604
  text?: {
3481
3605
  color?: string | {
3482
3606
  colors: (string | {
3483
- colorType: "base" | "onBase" | "container" | "onContainer";
3607
+ colorType: "container" | "base" | "onBase" | "onContainer";
3484
3608
  toned?: boolean;
3485
3609
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3486
3610
  } | {
3487
3611
  color: string | {
3488
- colorType: "base" | "onBase" | "container" | "onContainer";
3612
+ colorType: "container" | "base" | "onBase" | "onContainer";
3489
3613
  toned?: boolean;
3490
3614
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3491
3615
  };
@@ -3494,7 +3618,7 @@ export declare const useColorSchemaStore: () => {
3494
3618
  acrylic?: boolean;
3495
3619
  opacity?: number;
3496
3620
  } | {
3497
- colorType: "base" | "onBase" | "container" | "onContainer";
3621
+ colorType: "container" | "base" | "onBase" | "onContainer";
3498
3622
  toned?: boolean;
3499
3623
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3500
3624
  };
@@ -3523,12 +3647,12 @@ export declare const useColorSchemaStore: () => {
3523
3647
  icon?: {
3524
3648
  color?: {
3525
3649
  colors: (string | {
3526
- colorType: "base" | "onBase" | "container" | "onContainer";
3650
+ colorType: "container" | "base" | "onBase" | "onContainer";
3527
3651
  toned?: boolean;
3528
3652
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3529
3653
  } | {
3530
3654
  color: string | {
3531
- colorType: "base" | "onBase" | "container" | "onContainer";
3655
+ colorType: "container" | "base" | "onBase" | "onContainer";
3532
3656
  toned?: boolean;
3533
3657
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3534
3658
  };
@@ -3547,14 +3671,14 @@ export declare const useColorSchemaStore: () => {
3547
3671
  left?: import("@omnia/fx-models").SpacingValue;
3548
3672
  };
3549
3673
  background?: {
3550
- fill?: {
3674
+ fill?: string | {
3551
3675
  colors: (string | {
3552
- colorType: "base" | "onBase" | "container" | "onContainer";
3676
+ colorType: "container" | "base" | "onBase" | "onContainer";
3553
3677
  toned?: boolean;
3554
3678
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3555
3679
  } | {
3556
3680
  color: string | {
3557
- colorType: "base" | "onBase" | "container" | "onContainer";
3681
+ colorType: "container" | "base" | "onBase" | "onContainer";
3558
3682
  toned?: boolean;
3559
3683
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3560
3684
  };
@@ -3562,6 +3686,10 @@ export declare const useColorSchemaStore: () => {
3562
3686
  })[];
3563
3687
  acrylic?: boolean;
3564
3688
  opacity?: number;
3689
+ } | {
3690
+ colorType: "container" | "base" | "onBase" | "onContainer";
3691
+ toned?: boolean;
3692
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3565
3693
  };
3566
3694
  border?: {
3567
3695
  radius?: {
@@ -3578,7 +3706,7 @@ export declare const useColorSchemaStore: () => {
3578
3706
  };
3579
3707
  fill?: {
3580
3708
  colors: (string | {
3581
- colorType: "base" | "onBase" | "container" | "onContainer";
3709
+ colorType: "container" | "base" | "onBase" | "onContainer";
3582
3710
  toned?: boolean;
3583
3711
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3584
3712
  } | {
@@ -3594,12 +3722,12 @@ export declare const useColorSchemaStore: () => {
3594
3722
  text?: {
3595
3723
  color?: string | {
3596
3724
  colors: (string | {
3597
- colorType: "base" | "onBase" | "container" | "onContainer";
3725
+ colorType: "container" | "base" | "onBase" | "onContainer";
3598
3726
  toned?: boolean;
3599
3727
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3600
3728
  } | {
3601
3729
  color: string | {
3602
- colorType: "base" | "onBase" | "container" | "onContainer";
3730
+ colorType: "container" | "base" | "onBase" | "onContainer";
3603
3731
  toned?: boolean;
3604
3732
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3605
3733
  };
@@ -3608,7 +3736,7 @@ export declare const useColorSchemaStore: () => {
3608
3736
  acrylic?: boolean;
3609
3737
  opacity?: number;
3610
3738
  } | {
3611
- colorType: "base" | "onBase" | "container" | "onContainer";
3739
+ colorType: "container" | "base" | "onBase" | "onContainer";
3612
3740
  toned?: boolean;
3613
3741
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3614
3742
  };
@@ -3637,12 +3765,12 @@ export declare const useColorSchemaStore: () => {
3637
3765
  icon?: {
3638
3766
  color?: {
3639
3767
  colors: (string | {
3640
- colorType: "base" | "onBase" | "container" | "onContainer";
3768
+ colorType: "container" | "base" | "onBase" | "onContainer";
3641
3769
  toned?: boolean;
3642
3770
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3643
3771
  } | {
3644
3772
  color: string | {
3645
- colorType: "base" | "onBase" | "container" | "onContainer";
3773
+ colorType: "container" | "base" | "onBase" | "onContainer";
3646
3774
  toned?: boolean;
3647
3775
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3648
3776
  };
@@ -3656,14 +3784,14 @@ export declare const useColorSchemaStore: () => {
3656
3784
  };
3657
3785
  inactive?: {
3658
3786
  background?: {
3659
- fill?: {
3787
+ fill?: string | {
3660
3788
  colors: (string | {
3661
- colorType: "base" | "onBase" | "container" | "onContainer";
3789
+ colorType: "container" | "base" | "onBase" | "onContainer";
3662
3790
  toned?: boolean;
3663
3791
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3664
3792
  } | {
3665
3793
  color: string | {
3666
- colorType: "base" | "onBase" | "container" | "onContainer";
3794
+ colorType: "container" | "base" | "onBase" | "onContainer";
3667
3795
  toned?: boolean;
3668
3796
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3669
3797
  };
@@ -3671,6 +3799,10 @@ export declare const useColorSchemaStore: () => {
3671
3799
  })[];
3672
3800
  acrylic?: boolean;
3673
3801
  opacity?: number;
3802
+ } | {
3803
+ colorType: "container" | "base" | "onBase" | "onContainer";
3804
+ toned?: boolean;
3805
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3674
3806
  };
3675
3807
  border?: {
3676
3808
  radius?: {
@@ -3687,7 +3819,7 @@ export declare const useColorSchemaStore: () => {
3687
3819
  };
3688
3820
  fill?: {
3689
3821
  colors: (string | {
3690
- colorType: "base" | "onBase" | "container" | "onContainer";
3822
+ colorType: "container" | "base" | "onBase" | "onContainer";
3691
3823
  toned?: boolean;
3692
3824
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3693
3825
  } | {
@@ -3704,14 +3836,14 @@ export declare const useColorSchemaStore: () => {
3704
3836
  };
3705
3837
  variant2?: {
3706
3838
  background?: {
3707
- fill?: {
3839
+ fill?: string | {
3708
3840
  colors: (string | {
3709
- colorType: "base" | "onBase" | "container" | "onContainer";
3841
+ colorType: "container" | "base" | "onBase" | "onContainer";
3710
3842
  toned?: boolean;
3711
3843
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3712
3844
  } | {
3713
3845
  color: string | {
3714
- colorType: "base" | "onBase" | "container" | "onContainer";
3846
+ colorType: "container" | "base" | "onBase" | "onContainer";
3715
3847
  toned?: boolean;
3716
3848
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3717
3849
  };
@@ -3719,6 +3851,10 @@ export declare const useColorSchemaStore: () => {
3719
3851
  })[];
3720
3852
  acrylic?: boolean;
3721
3853
  opacity?: number;
3854
+ } | {
3855
+ colorType: "container" | "base" | "onBase" | "onContainer";
3856
+ toned?: boolean;
3857
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3722
3858
  };
3723
3859
  border?: {
3724
3860
  radius?: {
@@ -3735,12 +3871,12 @@ export declare const useColorSchemaStore: () => {
3735
3871
  };
3736
3872
  fill?: {
3737
3873
  colors: (string | {
3738
- colorType: "base" | "onBase" | "container" | "onContainer";
3874
+ colorType: "container" | "base" | "onBase" | "onContainer";
3739
3875
  toned?: boolean;
3740
3876
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3741
3877
  } | {
3742
3878
  color: string | {
3743
- colorType: "base" | "onBase" | "container" | "onContainer";
3879
+ colorType: "container" | "base" | "onBase" | "onContainer";
3744
3880
  toned?: boolean;
3745
3881
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3746
3882
  };
@@ -3772,19 +3908,19 @@ export declare const useColorSchemaStore: () => {
3772
3908
  minWidth?: number;
3773
3909
  alignment?: "center" | "start" | "end";
3774
3910
  sliderColor?: string | {
3775
- colorType: "base" | "onBase" | "container" | "onContainer";
3911
+ colorType: "container" | "base" | "onBase" | "onContainer";
3776
3912
  toned?: boolean;
3777
3913
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3778
3914
  };
3779
3915
  text?: {
3780
3916
  color?: string | {
3781
3917
  colors: (string | {
3782
- colorType: "base" | "onBase" | "container" | "onContainer";
3918
+ colorType: "container" | "base" | "onBase" | "onContainer";
3783
3919
  toned?: boolean;
3784
3920
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3785
3921
  } | {
3786
3922
  color: string | {
3787
- colorType: "base" | "onBase" | "container" | "onContainer";
3923
+ colorType: "container" | "base" | "onBase" | "onContainer";
3788
3924
  toned?: boolean;
3789
3925
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3790
3926
  };
@@ -3793,7 +3929,7 @@ export declare const useColorSchemaStore: () => {
3793
3929
  acrylic?: boolean;
3794
3930
  opacity?: number;
3795
3931
  } | {
3796
- colorType: "base" | "onBase" | "container" | "onContainer";
3932
+ colorType: "container" | "base" | "onBase" | "onContainer";
3797
3933
  toned?: boolean;
3798
3934
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3799
3935
  };
@@ -3822,12 +3958,12 @@ export declare const useColorSchemaStore: () => {
3822
3958
  icon?: {
3823
3959
  color?: {
3824
3960
  colors: (string | {
3825
- colorType: "base" | "onBase" | "container" | "onContainer";
3961
+ colorType: "container" | "base" | "onBase" | "onContainer";
3826
3962
  toned?: boolean;
3827
3963
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3828
3964
  } | {
3829
3965
  color: string | {
3830
- colorType: "base" | "onBase" | "container" | "onContainer";
3966
+ colorType: "container" | "base" | "onBase" | "onContainer";
3831
3967
  toned?: boolean;
3832
3968
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3833
3969
  };
@@ -3846,14 +3982,14 @@ export declare const useColorSchemaStore: () => {
3846
3982
  left?: import("@omnia/fx-models").SpacingValue;
3847
3983
  };
3848
3984
  background?: {
3849
- fill?: {
3985
+ fill?: string | {
3850
3986
  colors: (string | {
3851
- colorType: "base" | "onBase" | "container" | "onContainer";
3987
+ colorType: "container" | "base" | "onBase" | "onContainer";
3852
3988
  toned?: boolean;
3853
3989
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3854
3990
  } | {
3855
3991
  color: string | {
3856
- colorType: "base" | "onBase" | "container" | "onContainer";
3992
+ colorType: "container" | "base" | "onBase" | "onContainer";
3857
3993
  toned?: boolean;
3858
3994
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3859
3995
  };
@@ -3861,6 +3997,10 @@ export declare const useColorSchemaStore: () => {
3861
3997
  })[];
3862
3998
  acrylic?: boolean;
3863
3999
  opacity?: number;
4000
+ } | {
4001
+ colorType: "container" | "base" | "onBase" | "onContainer";
4002
+ toned?: boolean;
4003
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3864
4004
  };
3865
4005
  border?: {
3866
4006
  radius?: {
@@ -3877,7 +4017,7 @@ export declare const useColorSchemaStore: () => {
3877
4017
  };
3878
4018
  fill?: {
3879
4019
  colors: (string | {
3880
- colorType: "base" | "onBase" | "container" | "onContainer";
4020
+ colorType: "container" | "base" | "onBase" | "onContainer";
3881
4021
  toned?: boolean;
3882
4022
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3883
4023
  } | {
@@ -3893,12 +4033,12 @@ export declare const useColorSchemaStore: () => {
3893
4033
  text?: {
3894
4034
  color?: string | {
3895
4035
  colors: (string | {
3896
- colorType: "base" | "onBase" | "container" | "onContainer";
4036
+ colorType: "container" | "base" | "onBase" | "onContainer";
3897
4037
  toned?: boolean;
3898
4038
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3899
4039
  } | {
3900
4040
  color: string | {
3901
- colorType: "base" | "onBase" | "container" | "onContainer";
4041
+ colorType: "container" | "base" | "onBase" | "onContainer";
3902
4042
  toned?: boolean;
3903
4043
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3904
4044
  };
@@ -3907,7 +4047,7 @@ export declare const useColorSchemaStore: () => {
3907
4047
  acrylic?: boolean;
3908
4048
  opacity?: number;
3909
4049
  } | {
3910
- colorType: "base" | "onBase" | "container" | "onContainer";
4050
+ colorType: "container" | "base" | "onBase" | "onContainer";
3911
4051
  toned?: boolean;
3912
4052
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3913
4053
  };
@@ -3936,12 +4076,12 @@ export declare const useColorSchemaStore: () => {
3936
4076
  icon?: {
3937
4077
  color?: {
3938
4078
  colors: (string | {
3939
- colorType: "base" | "onBase" | "container" | "onContainer";
4079
+ colorType: "container" | "base" | "onBase" | "onContainer";
3940
4080
  toned?: boolean;
3941
4081
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3942
4082
  } | {
3943
4083
  color: string | {
3944
- colorType: "base" | "onBase" | "container" | "onContainer";
4084
+ colorType: "container" | "base" | "onBase" | "onContainer";
3945
4085
  toned?: boolean;
3946
4086
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3947
4087
  };
@@ -3955,14 +4095,14 @@ export declare const useColorSchemaStore: () => {
3955
4095
  };
3956
4096
  inactive?: {
3957
4097
  background?: {
3958
- fill?: {
4098
+ fill?: string | {
3959
4099
  colors: (string | {
3960
- colorType: "base" | "onBase" | "container" | "onContainer";
4100
+ colorType: "container" | "base" | "onBase" | "onContainer";
3961
4101
  toned?: boolean;
3962
4102
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3963
4103
  } | {
3964
4104
  color: string | {
3965
- colorType: "base" | "onBase" | "container" | "onContainer";
4105
+ colorType: "container" | "base" | "onBase" | "onContainer";
3966
4106
  toned?: boolean;
3967
4107
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3968
4108
  };
@@ -3970,6 +4110,10 @@ export declare const useColorSchemaStore: () => {
3970
4110
  })[];
3971
4111
  acrylic?: boolean;
3972
4112
  opacity?: number;
4113
+ } | {
4114
+ colorType: "container" | "base" | "onBase" | "onContainer";
4115
+ toned?: boolean;
4116
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3973
4117
  };
3974
4118
  border?: {
3975
4119
  radius?: {
@@ -3986,7 +4130,7 @@ export declare const useColorSchemaStore: () => {
3986
4130
  };
3987
4131
  fill?: {
3988
4132
  colors: (string | {
3989
- colorType: "base" | "onBase" | "container" | "onContainer";
4133
+ colorType: "container" | "base" | "onBase" | "onContainer";
3990
4134
  toned?: boolean;
3991
4135
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
3992
4136
  } | {
@@ -4003,14 +4147,14 @@ export declare const useColorSchemaStore: () => {
4003
4147
  };
4004
4148
  variant3?: {
4005
4149
  background?: {
4006
- fill?: {
4150
+ fill?: string | {
4007
4151
  colors: (string | {
4008
- colorType: "base" | "onBase" | "container" | "onContainer";
4152
+ colorType: "container" | "base" | "onBase" | "onContainer";
4009
4153
  toned?: boolean;
4010
4154
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4011
4155
  } | {
4012
4156
  color: string | {
4013
- colorType: "base" | "onBase" | "container" | "onContainer";
4157
+ colorType: "container" | "base" | "onBase" | "onContainer";
4014
4158
  toned?: boolean;
4015
4159
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4016
4160
  };
@@ -4018,6 +4162,10 @@ export declare const useColorSchemaStore: () => {
4018
4162
  })[];
4019
4163
  acrylic?: boolean;
4020
4164
  opacity?: number;
4165
+ } | {
4166
+ colorType: "container" | "base" | "onBase" | "onContainer";
4167
+ toned?: boolean;
4168
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4021
4169
  };
4022
4170
  border?: {
4023
4171
  radius?: {
@@ -4034,12 +4182,12 @@ export declare const useColorSchemaStore: () => {
4034
4182
  };
4035
4183
  fill?: {
4036
4184
  colors: (string | {
4037
- colorType: "base" | "onBase" | "container" | "onContainer";
4185
+ colorType: "container" | "base" | "onBase" | "onContainer";
4038
4186
  toned?: boolean;
4039
4187
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4040
4188
  } | {
4041
4189
  color: string | {
4042
- colorType: "base" | "onBase" | "container" | "onContainer";
4190
+ colorType: "container" | "base" | "onBase" | "onContainer";
4043
4191
  toned?: boolean;
4044
4192
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4045
4193
  };
@@ -4071,19 +4219,19 @@ export declare const useColorSchemaStore: () => {
4071
4219
  minWidth?: number;
4072
4220
  alignment?: "center" | "start" | "end";
4073
4221
  sliderColor?: string | {
4074
- colorType: "base" | "onBase" | "container" | "onContainer";
4222
+ colorType: "container" | "base" | "onBase" | "onContainer";
4075
4223
  toned?: boolean;
4076
4224
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4077
4225
  };
4078
4226
  text?: {
4079
4227
  color?: string | {
4080
4228
  colors: (string | {
4081
- colorType: "base" | "onBase" | "container" | "onContainer";
4229
+ colorType: "container" | "base" | "onBase" | "onContainer";
4082
4230
  toned?: boolean;
4083
4231
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4084
4232
  } | {
4085
4233
  color: string | {
4086
- colorType: "base" | "onBase" | "container" | "onContainer";
4234
+ colorType: "container" | "base" | "onBase" | "onContainer";
4087
4235
  toned?: boolean;
4088
4236
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4089
4237
  };
@@ -4092,7 +4240,7 @@ export declare const useColorSchemaStore: () => {
4092
4240
  acrylic?: boolean;
4093
4241
  opacity?: number;
4094
4242
  } | {
4095
- colorType: "base" | "onBase" | "container" | "onContainer";
4243
+ colorType: "container" | "base" | "onBase" | "onContainer";
4096
4244
  toned?: boolean;
4097
4245
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4098
4246
  };
@@ -4121,12 +4269,12 @@ export declare const useColorSchemaStore: () => {
4121
4269
  icon?: {
4122
4270
  color?: {
4123
4271
  colors: (string | {
4124
- colorType: "base" | "onBase" | "container" | "onContainer";
4272
+ colorType: "container" | "base" | "onBase" | "onContainer";
4125
4273
  toned?: boolean;
4126
4274
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4127
4275
  } | {
4128
4276
  color: string | {
4129
- colorType: "base" | "onBase" | "container" | "onContainer";
4277
+ colorType: "container" | "base" | "onBase" | "onContainer";
4130
4278
  toned?: boolean;
4131
4279
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4132
4280
  };
@@ -4145,14 +4293,14 @@ export declare const useColorSchemaStore: () => {
4145
4293
  left?: import("@omnia/fx-models").SpacingValue;
4146
4294
  };
4147
4295
  background?: {
4148
- fill?: {
4296
+ fill?: string | {
4149
4297
  colors: (string | {
4150
- colorType: "base" | "onBase" | "container" | "onContainer";
4298
+ colorType: "container" | "base" | "onBase" | "onContainer";
4151
4299
  toned?: boolean;
4152
4300
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4153
4301
  } | {
4154
4302
  color: string | {
4155
- colorType: "base" | "onBase" | "container" | "onContainer";
4303
+ colorType: "container" | "base" | "onBase" | "onContainer";
4156
4304
  toned?: boolean;
4157
4305
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4158
4306
  };
@@ -4160,6 +4308,10 @@ export declare const useColorSchemaStore: () => {
4160
4308
  })[];
4161
4309
  acrylic?: boolean;
4162
4310
  opacity?: number;
4311
+ } | {
4312
+ colorType: "container" | "base" | "onBase" | "onContainer";
4313
+ toned?: boolean;
4314
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4163
4315
  };
4164
4316
  border?: {
4165
4317
  radius?: {
@@ -4176,7 +4328,7 @@ export declare const useColorSchemaStore: () => {
4176
4328
  };
4177
4329
  fill?: {
4178
4330
  colors: (string | {
4179
- colorType: "base" | "onBase" | "container" | "onContainer";
4331
+ colorType: "container" | "base" | "onBase" | "onContainer";
4180
4332
  toned?: boolean;
4181
4333
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4182
4334
  } | {
@@ -4192,12 +4344,12 @@ export declare const useColorSchemaStore: () => {
4192
4344
  text?: {
4193
4345
  color?: string | {
4194
4346
  colors: (string | {
4195
- colorType: "base" | "onBase" | "container" | "onContainer";
4347
+ colorType: "container" | "base" | "onBase" | "onContainer";
4196
4348
  toned?: boolean;
4197
4349
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4198
4350
  } | {
4199
4351
  color: string | {
4200
- colorType: "base" | "onBase" | "container" | "onContainer";
4352
+ colorType: "container" | "base" | "onBase" | "onContainer";
4201
4353
  toned?: boolean;
4202
4354
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4203
4355
  };
@@ -4206,7 +4358,7 @@ export declare const useColorSchemaStore: () => {
4206
4358
  acrylic?: boolean;
4207
4359
  opacity?: number;
4208
4360
  } | {
4209
- colorType: "base" | "onBase" | "container" | "onContainer";
4361
+ colorType: "container" | "base" | "onBase" | "onContainer";
4210
4362
  toned?: boolean;
4211
4363
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4212
4364
  };
@@ -4235,12 +4387,12 @@ export declare const useColorSchemaStore: () => {
4235
4387
  icon?: {
4236
4388
  color?: {
4237
4389
  colors: (string | {
4238
- colorType: "base" | "onBase" | "container" | "onContainer";
4390
+ colorType: "container" | "base" | "onBase" | "onContainer";
4239
4391
  toned?: boolean;
4240
4392
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4241
4393
  } | {
4242
4394
  color: string | {
4243
- colorType: "base" | "onBase" | "container" | "onContainer";
4395
+ colorType: "container" | "base" | "onBase" | "onContainer";
4244
4396
  toned?: boolean;
4245
4397
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4246
4398
  };
@@ -4254,14 +4406,14 @@ export declare const useColorSchemaStore: () => {
4254
4406
  };
4255
4407
  inactive?: {
4256
4408
  background?: {
4257
- fill?: {
4409
+ fill?: string | {
4258
4410
  colors: (string | {
4259
- colorType: "base" | "onBase" | "container" | "onContainer";
4411
+ colorType: "container" | "base" | "onBase" | "onContainer";
4260
4412
  toned?: boolean;
4261
4413
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4262
4414
  } | {
4263
4415
  color: string | {
4264
- colorType: "base" | "onBase" | "container" | "onContainer";
4416
+ colorType: "container" | "base" | "onBase" | "onContainer";
4265
4417
  toned?: boolean;
4266
4418
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4267
4419
  };
@@ -4269,6 +4421,10 @@ export declare const useColorSchemaStore: () => {
4269
4421
  })[];
4270
4422
  acrylic?: boolean;
4271
4423
  opacity?: number;
4424
+ } | {
4425
+ colorType: "container" | "base" | "onBase" | "onContainer";
4426
+ toned?: boolean;
4427
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4272
4428
  };
4273
4429
  border?: {
4274
4430
  radius?: {
@@ -4285,7 +4441,7 @@ export declare const useColorSchemaStore: () => {
4285
4441
  };
4286
4442
  fill?: {
4287
4443
  colors: (string | {
4288
- colorType: "base" | "onBase" | "container" | "onContainer";
4444
+ colorType: "container" | "base" | "onBase" | "onContainer";
4289
4445
  toned?: boolean;
4290
4446
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4291
4447
  } | {
@@ -4306,7 +4462,7 @@ export declare const useColorSchemaStore: () => {
4306
4462
  primary: {
4307
4463
  name?: string;
4308
4464
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4309
- header: {
4465
+ header?: {
4310
4466
  definitionId: {
4311
4467
  toString: () => string;
4312
4468
  equals?: {
@@ -4459,14 +4615,14 @@ export declare const useColorSchemaStore: () => {
4459
4615
  };
4460
4616
  styles: {
4461
4617
  background?: {
4462
- fill?: {
4618
+ fill?: string | {
4463
4619
  colors: (string | {
4464
- colorType: "base" | "onBase" | "container" | "onContainer";
4620
+ colorType: "container" | "base" | "onBase" | "onContainer";
4465
4621
  toned?: boolean;
4466
4622
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4467
4623
  } | {
4468
4624
  color: string | {
4469
- colorType: "base" | "onBase" | "container" | "onContainer";
4625
+ colorType: "container" | "base" | "onBase" | "onContainer";
4470
4626
  toned?: boolean;
4471
4627
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4472
4628
  };
@@ -4474,6 +4630,10 @@ export declare const useColorSchemaStore: () => {
4474
4630
  })[];
4475
4631
  acrylic?: boolean;
4476
4632
  opacity?: number;
4633
+ } | {
4634
+ colorType: "container" | "base" | "onBase" | "onContainer";
4635
+ toned?: boolean;
4636
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4477
4637
  };
4478
4638
  border?: {
4479
4639
  radius?: {
@@ -4490,7 +4650,7 @@ export declare const useColorSchemaStore: () => {
4490
4650
  };
4491
4651
  fill?: {
4492
4652
  colors: (string | {
4493
- colorType: "base" | "onBase" | "container" | "onContainer";
4653
+ colorType: "container" | "base" | "onBase" | "onContainer";
4494
4654
  toned?: boolean;
4495
4655
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4496
4656
  } | {
@@ -4514,7 +4674,7 @@ export declare const useColorSchemaStore: () => {
4514
4674
  variant1?: {
4515
4675
  name?: string;
4516
4676
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4517
- header: {
4677
+ header?: {
4518
4678
  definitionId: {
4519
4679
  toString: () => string;
4520
4680
  equals?: {
@@ -4667,14 +4827,14 @@ export declare const useColorSchemaStore: () => {
4667
4827
  };
4668
4828
  styles: {
4669
4829
  background?: {
4670
- fill?: {
4830
+ fill?: string | {
4671
4831
  colors: (string | {
4672
- colorType: "base" | "onBase" | "container" | "onContainer";
4832
+ colorType: "container" | "base" | "onBase" | "onContainer";
4673
4833
  toned?: boolean;
4674
4834
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4675
4835
  } | {
4676
4836
  color: string | {
4677
- colorType: "base" | "onBase" | "container" | "onContainer";
4837
+ colorType: "container" | "base" | "onBase" | "onContainer";
4678
4838
  toned?: boolean;
4679
4839
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4680
4840
  };
@@ -4682,6 +4842,10 @@ export declare const useColorSchemaStore: () => {
4682
4842
  })[];
4683
4843
  acrylic?: boolean;
4684
4844
  opacity?: number;
4845
+ } | {
4846
+ colorType: "container" | "base" | "onBase" | "onContainer";
4847
+ toned?: boolean;
4848
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4685
4849
  };
4686
4850
  border?: {
4687
4851
  radius?: {
@@ -4698,7 +4862,7 @@ export declare const useColorSchemaStore: () => {
4698
4862
  };
4699
4863
  fill?: {
4700
4864
  colors: (string | {
4701
- colorType: "base" | "onBase" | "container" | "onContainer";
4865
+ colorType: "container" | "base" | "onBase" | "onContainer";
4702
4866
  toned?: boolean;
4703
4867
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4704
4868
  } | {
@@ -4722,7 +4886,7 @@ export declare const useColorSchemaStore: () => {
4722
4886
  variant2?: {
4723
4887
  name?: string;
4724
4888
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4725
- header: {
4889
+ header?: {
4726
4890
  definitionId: {
4727
4891
  toString: () => string;
4728
4892
  equals?: {
@@ -4875,14 +5039,14 @@ export declare const useColorSchemaStore: () => {
4875
5039
  };
4876
5040
  styles: {
4877
5041
  background?: {
4878
- fill?: {
5042
+ fill?: string | {
4879
5043
  colors: (string | {
4880
- colorType: "base" | "onBase" | "container" | "onContainer";
5044
+ colorType: "container" | "base" | "onBase" | "onContainer";
4881
5045
  toned?: boolean;
4882
5046
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4883
5047
  } | {
4884
5048
  color: string | {
4885
- colorType: "base" | "onBase" | "container" | "onContainer";
5049
+ colorType: "container" | "base" | "onBase" | "onContainer";
4886
5050
  toned?: boolean;
4887
5051
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4888
5052
  };
@@ -4890,6 +5054,10 @@ export declare const useColorSchemaStore: () => {
4890
5054
  })[];
4891
5055
  acrylic?: boolean;
4892
5056
  opacity?: number;
5057
+ } | {
5058
+ colorType: "container" | "base" | "onBase" | "onContainer";
5059
+ toned?: boolean;
5060
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4893
5061
  };
4894
5062
  border?: {
4895
5063
  radius?: {
@@ -4906,7 +5074,7 @@ export declare const useColorSchemaStore: () => {
4906
5074
  };
4907
5075
  fill?: {
4908
5076
  colors: (string | {
4909
- colorType: "base" | "onBase" | "container" | "onContainer";
5077
+ colorType: "container" | "base" | "onBase" | "onContainer";
4910
5078
  toned?: boolean;
4911
5079
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4912
5080
  } | {
@@ -4930,7 +5098,7 @@ export declare const useColorSchemaStore: () => {
4930
5098
  variant3?: {
4931
5099
  name?: string;
4932
5100
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
4933
- header: {
5101
+ header?: {
4934
5102
  definitionId: {
4935
5103
  toString: () => string;
4936
5104
  equals?: {
@@ -5083,14 +5251,14 @@ export declare const useColorSchemaStore: () => {
5083
5251
  };
5084
5252
  styles: {
5085
5253
  background?: {
5086
- fill?: {
5254
+ fill?: string | {
5087
5255
  colors: (string | {
5088
- colorType: "base" | "onBase" | "container" | "onContainer";
5256
+ colorType: "container" | "base" | "onBase" | "onContainer";
5089
5257
  toned?: boolean;
5090
5258
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5091
5259
  } | {
5092
5260
  color: string | {
5093
- colorType: "base" | "onBase" | "container" | "onContainer";
5261
+ colorType: "container" | "base" | "onBase" | "onContainer";
5094
5262
  toned?: boolean;
5095
5263
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5096
5264
  };
@@ -5098,6 +5266,10 @@ export declare const useColorSchemaStore: () => {
5098
5266
  })[];
5099
5267
  acrylic?: boolean;
5100
5268
  opacity?: number;
5269
+ } | {
5270
+ colorType: "container" | "base" | "onBase" | "onContainer";
5271
+ toned?: boolean;
5272
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5101
5273
  };
5102
5274
  border?: {
5103
5275
  radius?: {
@@ -5114,7 +5286,7 @@ export declare const useColorSchemaStore: () => {
5114
5286
  };
5115
5287
  fill?: {
5116
5288
  colors: (string | {
5117
- colorType: "base" | "onBase" | "container" | "onContainer";
5289
+ colorType: "container" | "base" | "onBase" | "onContainer";
5118
5290
  toned?: boolean;
5119
5291
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5120
5292
  } | {
@@ -5147,12 +5319,12 @@ export declare const useColorSchemaStore: () => {
5147
5319
  xs?: {
5148
5320
  color?: {
5149
5321
  colors: (string | {
5150
- colorType: "base" | "onBase" | "container" | "onContainer";
5322
+ colorType: "container" | "base" | "onBase" | "onContainer";
5151
5323
  toned?: boolean;
5152
5324
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5153
5325
  } | {
5154
5326
  color: string | {
5155
- colorType: "base" | "onBase" | "container" | "onContainer";
5327
+ colorType: "container" | "base" | "onBase" | "onContainer";
5156
5328
  toned?: boolean;
5157
5329
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5158
5330
  };
@@ -5166,12 +5338,12 @@ export declare const useColorSchemaStore: () => {
5166
5338
  s?: {
5167
5339
  color?: {
5168
5340
  colors: (string | {
5169
- colorType: "base" | "onBase" | "container" | "onContainer";
5341
+ colorType: "container" | "base" | "onBase" | "onContainer";
5170
5342
  toned?: boolean;
5171
5343
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5172
5344
  } | {
5173
5345
  color: string | {
5174
- colorType: "base" | "onBase" | "container" | "onContainer";
5346
+ colorType: "container" | "base" | "onBase" | "onContainer";
5175
5347
  toned?: boolean;
5176
5348
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5177
5349
  };
@@ -5185,12 +5357,12 @@ export declare const useColorSchemaStore: () => {
5185
5357
  m?: {
5186
5358
  color?: {
5187
5359
  colors: (string | {
5188
- colorType: "base" | "onBase" | "container" | "onContainer";
5360
+ colorType: "container" | "base" | "onBase" | "onContainer";
5189
5361
  toned?: boolean;
5190
5362
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5191
5363
  } | {
5192
5364
  color: string | {
5193
- colorType: "base" | "onBase" | "container" | "onContainer";
5365
+ colorType: "container" | "base" | "onBase" | "onContainer";
5194
5366
  toned?: boolean;
5195
5367
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5196
5368
  };
@@ -5204,12 +5376,12 @@ export declare const useColorSchemaStore: () => {
5204
5376
  l?: {
5205
5377
  color?: {
5206
5378
  colors: (string | {
5207
- colorType: "base" | "onBase" | "container" | "onContainer";
5379
+ colorType: "container" | "base" | "onBase" | "onContainer";
5208
5380
  toned?: boolean;
5209
5381
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5210
5382
  } | {
5211
5383
  color: string | {
5212
- colorType: "base" | "onBase" | "container" | "onContainer";
5384
+ colorType: "container" | "base" | "onBase" | "onContainer";
5213
5385
  toned?: boolean;
5214
5386
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5215
5387
  };
@@ -5223,12 +5395,12 @@ export declare const useColorSchemaStore: () => {
5223
5395
  xl?: {
5224
5396
  color?: {
5225
5397
  colors: (string | {
5226
- colorType: "base" | "onBase" | "container" | "onContainer";
5398
+ colorType: "container" | "base" | "onBase" | "onContainer";
5227
5399
  toned?: boolean;
5228
5400
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5229
5401
  } | {
5230
5402
  color: string | {
5231
- colorType: "base" | "onBase" | "container" | "onContainer";
5403
+ colorType: "container" | "base" | "onBase" | "onContainer";
5232
5404
  toned?: boolean;
5233
5405
  colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5234
5406
  };
@@ -5241,6 +5413,263 @@ export declare const useColorSchemaStore: () => {
5241
5413
  };
5242
5414
  name?: string;
5243
5415
  };
5416
+ containers?: {
5417
+ variant1?: {
5418
+ name?: string;
5419
+ background?: {
5420
+ fill?: string | {
5421
+ colors: (string | {
5422
+ colorType: "container" | "base" | "onBase" | "onContainer";
5423
+ toned?: boolean;
5424
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5425
+ } | {
5426
+ color: string | {
5427
+ colorType: "container" | "base" | "onBase" | "onContainer";
5428
+ toned?: boolean;
5429
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5430
+ };
5431
+ stop?: number;
5432
+ })[];
5433
+ acrylic?: boolean;
5434
+ opacity?: number;
5435
+ } | {
5436
+ colorType: "container" | "base" | "onBase" | "onContainer";
5437
+ toned?: boolean;
5438
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5439
+ };
5440
+ border?: {
5441
+ radius?: {
5442
+ top?: import("@omnia/fx-models").SpacingValue;
5443
+ right?: import("@omnia/fx-models").SpacingValue;
5444
+ bottom?: import("@omnia/fx-models").SpacingValue;
5445
+ left?: import("@omnia/fx-models").SpacingValue;
5446
+ };
5447
+ width?: {
5448
+ top?: import("@omnia/fx-models").SpacingValue;
5449
+ right?: import("@omnia/fx-models").SpacingValue;
5450
+ bottom?: import("@omnia/fx-models").SpacingValue;
5451
+ left?: import("@omnia/fx-models").SpacingValue;
5452
+ };
5453
+ fill?: {
5454
+ colors: (string | {
5455
+ colorType: "container" | "base" | "onBase" | "onContainer";
5456
+ toned?: boolean;
5457
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5458
+ } | {
5459
+ color: string | {
5460
+ colorType: "container" | "base" | "onBase" | "onContainer";
5461
+ toned?: boolean;
5462
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5463
+ };
5464
+ stop?: number;
5465
+ })[];
5466
+ acrylic?: boolean;
5467
+ opacity?: number;
5468
+ };
5469
+ };
5470
+ elevation?: number;
5471
+ };
5472
+ id: {
5473
+ toString: () => string;
5474
+ equals?: {
5475
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5476
+ };
5477
+ };
5478
+ };
5479
+ variant2?: {
5480
+ name?: string;
5481
+ background?: {
5482
+ fill?: string | {
5483
+ colors: (string | {
5484
+ colorType: "container" | "base" | "onBase" | "onContainer";
5485
+ toned?: boolean;
5486
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5487
+ } | {
5488
+ color: string | {
5489
+ colorType: "container" | "base" | "onBase" | "onContainer";
5490
+ toned?: boolean;
5491
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5492
+ };
5493
+ stop?: number;
5494
+ })[];
5495
+ acrylic?: boolean;
5496
+ opacity?: number;
5497
+ } | {
5498
+ colorType: "container" | "base" | "onBase" | "onContainer";
5499
+ toned?: boolean;
5500
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5501
+ };
5502
+ border?: {
5503
+ radius?: {
5504
+ top?: import("@omnia/fx-models").SpacingValue;
5505
+ right?: import("@omnia/fx-models").SpacingValue;
5506
+ bottom?: import("@omnia/fx-models").SpacingValue;
5507
+ left?: import("@omnia/fx-models").SpacingValue;
5508
+ };
5509
+ width?: {
5510
+ top?: import("@omnia/fx-models").SpacingValue;
5511
+ right?: import("@omnia/fx-models").SpacingValue;
5512
+ bottom?: import("@omnia/fx-models").SpacingValue;
5513
+ left?: import("@omnia/fx-models").SpacingValue;
5514
+ };
5515
+ fill?: {
5516
+ colors: (string | {
5517
+ colorType: "container" | "base" | "onBase" | "onContainer";
5518
+ toned?: boolean;
5519
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5520
+ } | {
5521
+ color: string | {
5522
+ colorType: "container" | "base" | "onBase" | "onContainer";
5523
+ toned?: boolean;
5524
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5525
+ };
5526
+ stop?: number;
5527
+ })[];
5528
+ acrylic?: boolean;
5529
+ opacity?: number;
5530
+ };
5531
+ };
5532
+ elevation?: number;
5533
+ };
5534
+ id: {
5535
+ toString: () => string;
5536
+ equals?: {
5537
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5538
+ };
5539
+ };
5540
+ };
5541
+ variant3?: {
5542
+ name?: string;
5543
+ background?: {
5544
+ fill?: string | {
5545
+ colors: (string | {
5546
+ colorType: "container" | "base" | "onBase" | "onContainer";
5547
+ toned?: boolean;
5548
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5549
+ } | {
5550
+ color: string | {
5551
+ colorType: "container" | "base" | "onBase" | "onContainer";
5552
+ toned?: boolean;
5553
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5554
+ };
5555
+ stop?: number;
5556
+ })[];
5557
+ acrylic?: boolean;
5558
+ opacity?: number;
5559
+ } | {
5560
+ colorType: "container" | "base" | "onBase" | "onContainer";
5561
+ toned?: boolean;
5562
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5563
+ };
5564
+ border?: {
5565
+ radius?: {
5566
+ top?: import("@omnia/fx-models").SpacingValue;
5567
+ right?: import("@omnia/fx-models").SpacingValue;
5568
+ bottom?: import("@omnia/fx-models").SpacingValue;
5569
+ left?: import("@omnia/fx-models").SpacingValue;
5570
+ };
5571
+ width?: {
5572
+ top?: import("@omnia/fx-models").SpacingValue;
5573
+ right?: import("@omnia/fx-models").SpacingValue;
5574
+ bottom?: import("@omnia/fx-models").SpacingValue;
5575
+ left?: import("@omnia/fx-models").SpacingValue;
5576
+ };
5577
+ fill?: {
5578
+ colors: (string | {
5579
+ colorType: "container" | "base" | "onBase" | "onContainer";
5580
+ toned?: boolean;
5581
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5582
+ } | {
5583
+ color: string | {
5584
+ colorType: "container" | "base" | "onBase" | "onContainer";
5585
+ toned?: boolean;
5586
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5587
+ };
5588
+ stop?: number;
5589
+ })[];
5590
+ acrylic?: boolean;
5591
+ opacity?: number;
5592
+ };
5593
+ };
5594
+ elevation?: number;
5595
+ };
5596
+ id: {
5597
+ toString: () => string;
5598
+ equals?: {
5599
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5600
+ };
5601
+ };
5602
+ };
5603
+ variant4?: {
5604
+ name?: string;
5605
+ background?: {
5606
+ fill?: string | {
5607
+ colors: (string | {
5608
+ colorType: "container" | "base" | "onBase" | "onContainer";
5609
+ toned?: boolean;
5610
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5611
+ } | {
5612
+ color: string | {
5613
+ colorType: "container" | "base" | "onBase" | "onContainer";
5614
+ toned?: boolean;
5615
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5616
+ };
5617
+ stop?: number;
5618
+ })[];
5619
+ acrylic?: boolean;
5620
+ opacity?: number;
5621
+ } | {
5622
+ colorType: "container" | "base" | "onBase" | "onContainer";
5623
+ toned?: boolean;
5624
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5625
+ };
5626
+ border?: {
5627
+ radius?: {
5628
+ top?: import("@omnia/fx-models").SpacingValue;
5629
+ right?: import("@omnia/fx-models").SpacingValue;
5630
+ bottom?: import("@omnia/fx-models").SpacingValue;
5631
+ left?: import("@omnia/fx-models").SpacingValue;
5632
+ };
5633
+ width?: {
5634
+ top?: import("@omnia/fx-models").SpacingValue;
5635
+ right?: import("@omnia/fx-models").SpacingValue;
5636
+ bottom?: import("@omnia/fx-models").SpacingValue;
5637
+ left?: import("@omnia/fx-models").SpacingValue;
5638
+ };
5639
+ fill?: {
5640
+ colors: (string | {
5641
+ colorType: "container" | "base" | "onBase" | "onContainer";
5642
+ toned?: boolean;
5643
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5644
+ } | {
5645
+ color: string | {
5646
+ colorType: "container" | "base" | "onBase" | "onContainer";
5647
+ toned?: boolean;
5648
+ colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
5649
+ };
5650
+ stop?: number;
5651
+ })[];
5652
+ acrylic?: boolean;
5653
+ opacity?: number;
5654
+ };
5655
+ };
5656
+ elevation?: number;
5657
+ };
5658
+ id: {
5659
+ toString: () => string;
5660
+ equals?: {
5661
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5662
+ };
5663
+ };
5664
+ };
5665
+ name?: string;
5666
+ id: {
5667
+ toString: () => string;
5668
+ equals?: {
5669
+ guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
5670
+ };
5671
+ };
5672
+ };
5244
5673
  name?: string;
5245
5674
  id: {
5246
5675
  toString: () => string;
@@ -5325,8 +5754,20 @@ export declare const useColorSchemaStore: () => {
5325
5754
  get: {
5326
5755
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
5327
5756
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
5328
- buttonBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
5329
- iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
5757
+ button: {
5758
+ blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): import("@omnia/fx-models").ButtonBlueprint;
5759
+ };
5760
+ icon: {
5761
+ iconBlueprint(size: "small" | "default" | "large" | "x-large" | "x-small"): import("@omnia/fx-models").IconBlueprint;
5762
+ };
5763
+ block: {
5764
+ hasBlueprintVariant(type: string): boolean;
5765
+ blueprintByType(type: string): import("@omnia/fx-models").ChromeBlueprint;
5766
+ };
5767
+ container: {
5768
+ hasVariant(type: string): boolean;
5769
+ getByType(type: string): import("@omnia/fx-models").ContainerBlueprint;
5770
+ };
5330
5771
  };
5331
5772
  deactivated(): void;
5332
5773
  };
@@ -5335,11 +5776,11 @@ export declare const useColorSchemaStore: () => {
5335
5776
  fillValue: (value: import("@omnia/fx-models").FillDefinitionValue, type: "typography") => any;
5336
5777
  spacing: () => import("@omnia/fx-models").SpacingBlueprints;
5337
5778
  component: () => import("@omnia/fx-models").ComponentBlueprints;
5338
- color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes) => string;
5339
- colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes) => ColorDefinition;
5340
- complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes) => ColorTypes;
5341
- complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes) => string;
5342
- complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | ColorTypes) => ColorDefinition;
5779
+ color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes) => string;
5780
+ colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes) => ColorDefinition;
5781
+ complementaryColorType: (colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes) => ColorTypes;
5782
+ complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes) => string;
5783
+ complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "container" | "base" | "onBase" | "onContainer" | ColorTypes) => ColorDefinition;
5343
5784
  currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
5344
5785
  };
5345
5786
  };