@omnia/fx 8.0.154-dev → 8.0.155-dev
Sign up to get free protection for your applications and to get access to all the features.
- package/internal-do-not-import-from-here/services/SecurityService.d.ts +2 -0
- package/internal-do-not-import-from-here/stores/mediapicker/handlers/provider/BaseImageHandler.d.ts +1 -8
- package/internal-do-not-import-from-here/stores/mediapicker/handlers/provider/BaseVideoHandler.d.ts +1 -8
- package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ComponentEditorStore.d.ts +58 -21
- package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ContainersEditorStore.d.ts +77 -0
- package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleEditor.d.ts +19 -5
- package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleViewer.d.ts +71 -0
- package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonStyleEditor.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/components/chrome/ChromePicker.d.ts +10 -10
- package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerBlueprintsViewer.d.ts +70 -0
- package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerPicker.css.d.ts +4 -0
- package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/ContainerPicker.d.ts +466 -0
- package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/docs/ExampleComponents.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/docs/SampleComponent.d.ts +55 -0
- package/internal-do-not-import-from-here/ux/aurora/components/containerpicker/docs/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.d.ts +7 -7
- package/internal-do-not-import-from-here/ux/aurora/store/ColorSchemaStore.d.ts +763 -322
- package/internal-do-not-import-from-here/ux/aurora/store/ComponentBlueprintStore.d.ts +15 -3
- package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts +763 -322
- package/internal-do-not-import-from-here/ux/aurora/store/ThemeContextStore.d.ts +228 -84
- package/internal-do-not-import-from-here/ux/aurora/store/ThemeStoreV2.d.ts +14 -2
- package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +763 -322
- package/internal-do-not-import-from-here/ux/aurora/store/index.d.ts +0 -1
- package/internal-do-not-import-from-here/ux/aurora/themeprovider/ThemeProvider.d.ts +1 -8
- package/internal-do-not-import-from-here/ux/features/loc/localize.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/mediapickerV2/chrome/components/MediaGallerySelector.css.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/mediapickerV2/docs/MediaProviderExample.d.ts +0 -1
- package/internal-do-not-import-from-here/ux/mediapickerproviders/bingprovider-v2/handler.d.ts +1 -2
- package/internal-do-not-import-from-here/ux/mediapickerproviders/shareds/providers/MyComputerProvider.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/oxide/avatar/Avatar.d.ts +10 -10
- package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.css.d.ts +782 -329
- package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.d.ts +1607 -701
- package/internal-do-not-import-from-here/ux/oxide/datepicker/DateTimePicker.d.ts +69 -333
- package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +9 -43
- package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts +11 -11
- package/internal-do-not-import-from-here/ux/oxide/link/Link.d.ts +10 -10
- package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts +1604 -698
- package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.css.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +11 -11
- package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts +782 -329
- package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +20 -11
- package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +15 -61
- package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronData.d.ts +5 -3
- package/internal-do-not-import-from-here/ux/velcron/core/rules/IsEditMode.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/velcron/editor/models/VelcronEditorDescriptors.d.ts +2 -1
- package/internal-do-not-import-from-here/ux/velcron/renderer/propertyeditors/ContainerEditor.d.ts +364 -0
- package/internal-do-not-import-from-here/wctypings.d.ts +50 -0
- package/package.json +2 -2
- package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/FillsEditorStore.d.ts +0 -50
- package/internal-do-not-import-from-here/ux/aurora/store/ChromeBlueprintStore.d.ts +0 -5318
- /package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/blades/{FillBladeEdit.d.ts → ContainersBlade.d.ts} +0 -0
- /package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/blades/{FillsBlade.d.ts → ContainersBladeEdit.d.ts} +0 -0
@@ -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
|
-
|
103
|
-
|
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: "
|
113
|
-
colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
114
|
-
complementaryColorType(colorType: "
|
115
|
-
complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
116
|
-
complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
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
|
-
|
200
|
-
|
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: "
|
210
|
-
colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
211
|
-
complementaryColorType(colorType: "
|
212
|
-
complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
213
|
-
complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
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
|
-
|
297
|
-
|
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: "
|
307
|
-
colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
308
|
-
complementaryColorType(colorType: "
|
309
|
-
complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
310
|
-
complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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: "
|
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
|
-
|
5329
|
-
|
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: "
|
5339
|
-
colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
5340
|
-
complementaryColorType: (colorType: "
|
5341
|
-
complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
5342
|
-
complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic", colorType: "
|
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
|
};
|