@omnia/fx 8.0.84-dev → 8.0.85-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/internal-do-not-import-from-here/manifests/omnia.fx.ux.manifest.json +1 -1
  2. package/internal-do-not-import-from-here/shared/models/theming/ChromeDefinition.d.ts +3 -9
  3. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +20 -4
  4. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js +6 -1
  5. package/internal-do-not-import-from-here/shared/models/theming/index.d.ts +0 -1
  6. package/internal-do-not-import-from-here/shared/models/theming/index.js +1 -1
  7. package/internal-do-not-import-from-here/ux/appprovisioning/apppropertiesinput/AppPropertiesInput.d.ts +9 -9
  8. package/internal-do-not-import-from-here/ux/appprovisioning/components/AppInstanceEnterprisePropertiesVueComponent.d.ts +32 -1
  9. package/internal-do-not-import-from-here/ux/colorpickerV2/ColorPicker.css.d.ts +1 -1
  10. package/internal-do-not-import-from-here/ux/colorpickerV2/ColorPicker.d.ts +171 -103
  11. package/internal-do-not-import-from-here/ux/colorschemapicker/ColorSchemaPicker.d.ts +32 -4
  12. package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStore.d.ts +12 -5
  13. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutStep.d.ts +0 -1
  14. package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/ColorSettings.d.ts +23 -38
  15. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.css.d.ts +3 -1
  16. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionRenderer.css.d.ts +5 -1
  17. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionTabRenderer.css.d.ts +2 -1
  18. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererFunctions.d.ts +0 -16
  19. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererStyles.css.d.ts +0 -69
  20. package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/index.d.ts +0 -2
  21. package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts +10 -0
  22. package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.css.d.ts +26 -25
  23. package/internal-do-not-import-from-here/ux/oxide/link/Link.d.ts +10 -10
  24. package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +10 -10
  25. package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Blockquote/Blockquote.d.ts +15 -2
  26. package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Blockquote/BlockquoteToolbar.d.ts +16 -12
  27. package/internal-do-not-import-from-here/ux/theming-v2/admin/blades/blueprints/chrome/store/ChromeEditorStore.d.ts +3 -9
  28. package/internal-do-not-import-from-here/ux/theming-v2/designkits/core/DefinitionsChrome.d.ts +25 -3
  29. package/internal-do-not-import-from-here/ux/theming-v2/store/ChromeBlueprintStore.d.ts +20 -20
  30. package/internal-do-not-import-from-here/ux/theming-v2/store/ColorSchemaManager.d.ts +6 -1
  31. package/internal-do-not-import-from-here/ux/theming-v2/store/ColorSchemaStore.d.ts +22 -21
  32. package/internal-do-not-import-from-here/ux/theming-v2/store/ComponentBlueprintStore.d.ts +20 -20
  33. package/internal-do-not-import-from-here/ux/theming-v2/store/SpacingBlueprintStore.d.ts +20 -20
  34. package/internal-do-not-import-from-here/ux/theming-v2/store/ThemeContextStore.d.ts +45 -45
  35. package/internal-do-not-import-from-here/ux/theming-v2/store/TypographyBlueprintStore.d.ts +20 -20
  36. package/internal-do-not-import-from-here/ux/theming-v2/store/index.d.ts +0 -1
  37. package/internal-do-not-import-from-here/ux/theming-v2/styling/UseStyling.d.ts +93 -93
  38. package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Chrome.d.ts +3 -2
  39. package/internal-do-not-import-from-here/ux/theming-v2/themeprovider/ThemeProvider.d.ts +655 -650
  40. package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts +26 -25
  41. package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronColorSchema.d.ts +5 -5
  42. package/package.json +4 -4
  43. package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.d.ts +0 -5
  44. package/internal-do-not-import-from-here/shared/models/theming/OmniaThemes.js +0 -18
package/internal-do-not-import-from-here/ux/colorschemapicker/ColorSchemaPicker.d.ts CHANGED
@@ -84,6 +84,9 @@ declare const _default: {
84
84
  };
85
85
  }>;
86
86
  };
87
+ colorSchemaType?: any;
88
+ container?: any;
89
+ colors?: any;
87
90
  class: {
88
91
  type: import("vue").PropType<String | String[]>;
89
92
  required: boolean;
@@ -179,6 +182,9 @@ declare const _default: {
179
182
  };
180
183
  }>;
181
184
  };
185
+ colorSchemaType?: any;
186
+ container?: any;
187
+ colors?: any;
182
188
  class: {
183
189
  type: import("vue").PropType<String | String[]>;
184
190
  required: boolean;
@@ -187,7 +193,11 @@ declare const _default: {
187
193
  "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes) => any;
188
194
  "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
189
195
  "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
190
- }, {}, true, {}, {}, {
196
+ }, {
197
+ container?: any;
198
+ colorSchemaType?: any;
199
+ colors?: any;
200
+ }, true, {}, {}, {
191
201
  P: {};
192
202
  B: {};
193
203
  D: {};
@@ -277,6 +287,9 @@ declare const _default: {
277
287
  };
278
288
  }>;
279
289
  };
290
+ colorSchemaType?: any;
291
+ container?: any;
292
+ colors?: any;
280
293
  class: {
281
294
  type: import("vue").PropType<String | String[]>;
282
295
  required: boolean;
@@ -285,7 +298,11 @@ declare const _default: {
285
298
  "onUpdate:modelValue"?: (colorSchemaType: ColorSchemaTypes) => any;
286
299
  "onColor:enter"?: (colorSchemaType: ColorSchemaTypes) => any;
287
300
  "onColor:leave"?: (colorSchemaType: ColorSchemaTypes) => any;
288
- }, () => JSX.Element, {}, {}, {}, {}>;
301
+ }, () => JSX.Element, {}, {}, {}, {
302
+ container?: any;
303
+ colorSchemaType?: any;
304
+ colors?: any;
305
+ }>;
289
306
  __isFragment?: never;
290
307
  __isTeleport?: never;
291
308
  __isSuspense?: never;
@@ -372,6 +389,9 @@ declare const _default: {
372
389
  };
373
390
  }>;
374
391
  };
392
+ colorSchemaType?: any;
393
+ container?: any;
394
+ colors?: any;
375
395
  class: {
376
396
  type: import("vue").PropType<String | String[]>;
377
397
  required: boolean;
@@ -384,8 +404,16 @@ declare const _default: {
384
404
  "update:modelValue": (colorSchemaType: ColorSchemaTypes) => any;
385
405
  "color:enter": (colorSchemaType: ColorSchemaTypes) => any;
386
406
  "color:leave": (colorSchemaType: ColorSchemaTypes) => any;
387
- }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
388
- propsDefinition: Omit<Readonly<{} & {
407
+ }, string, {
408
+ container?: any;
409
+ colorSchemaType?: any;
410
+ colors?: any;
411
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
412
+ propsDefinition: Omit<Readonly<{
413
+ container?: any;
414
+ colorSchemaType?: any;
415
+ colors?: any;
416
+ } & {
389
417
  name?: {
390
418
  [x: `onUpdate:${string}`]: {
391
419
  type: import("vue").PropType<(value: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | ColorSchemaTypes) => any>;
package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStore.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { IActionItem, IEditorItem, IMessageBusSubscriptionHandler, NotificationMessage, EditorLeaveDestination } from "../../../models";
1
+ import { IActionItem, IEditorItem, IMessageBusSubscriptionHandler, NotificationMessage, EditorLeaveDestination, LayoutEditorCanvasApi } from "../../../models";
2
2
  import { EditorTabStore } from "./EditorTabStore";
3
3
  import { Store } from "../../../stores";
4
4
  import { EditorSettingsStore } from "./EditorSettingsStore";
@@ -6,6 +6,9 @@ export declare class EditorChromeStore extends Store {
6
6
  private serviceContainerContext;
7
7
  settings: EditorSettingsStore;
8
8
  tabs: EditorTabStore;
9
+ canvasZoom: import("../../../stores").StoreState<{
10
+ level: number;
11
+ }>;
9
12
  /**
10
13
  * State
11
14
  */
@@ -23,7 +26,8 @@ export declare class EditorChromeStore extends Store {
23
26
  hideNavigationDrawer: import("../../../stores").StoreState<boolean>;
24
27
  hideActionToolbar: import("../../../stores").StoreState<boolean>;
25
28
  actionToolbarId: import("../../../stores").StoreState<string>;
26
- canvasZoom: import("../../../stores").StoreState<{
29
+ canvasApi: LayoutEditorCanvasApi;
30
+ zoomLevel: import("../../../stores").StoreState<{
27
31
  level: number;
28
32
  }>;
29
33
  notificationMessage: import("../../../stores").StoreState<{
@@ -37,11 +41,14 @@ export declare class EditorChromeStore extends Store {
37
41
  constructor();
38
42
  onActivated(): void;
39
43
  onDisposing(): void;
40
- getters: {};
41
44
  /**
42
- * Adds an item to the layout.
43
- */
45
+ * Adds an item to the layout.
46
+ */
47
+ setInternalZoomLevel(): void;
44
48
  mutations: {
49
+ zoom: (zoom: number) => void;
50
+ zoomIn: () => void;
51
+ zoomOut: () => void;
45
52
  setEditorLoadingState: import("../../../stores").StoreMutation<(isLoading: boolean) => void, (isLoading: boolean) => IMessageBusSubscriptionHandler>;
46
53
  showMessage: import("../../../stores").StoreMutation<(message: NotificationMessage) => void, (message: NotificationMessage) => IMessageBusSubscriptionHandler>;
47
54
  registerTemporaryActionButtons: import("../../../stores").StoreMutation<(buttons: Array<IActionItem>) => void, (buttons: IActionItem[]) => IMessageBusSubscriptionHandler>;
package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutStep.d.ts CHANGED
@@ -17,7 +17,6 @@ export declare class LayoutStep extends VueComponentBase<StepProps> {
17
17
  tabState: object;
18
18
  layoutEditorStore: LayoutCanvasStore;
19
19
  mediaPickerService: MediaPickerService;
20
- private sharedRendererStyles;
21
20
  private get backgroundImage();
22
21
  /**
23
22
  * Function to render the columns
package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/ColorSettings.d.ts CHANGED
@@ -1,50 +1,35 @@
1
- import { RadialGradientShapes } from "../../../../../fx/models";
2
- export interface ColorValue {
3
- colors: Array<string>;
4
- }
5
- export interface LinearGradientColorValue extends ColorValue {
6
- degrees: number;
7
- }
8
- export interface RadialGradientColorValue extends ColorValue {
9
- shape: RadialGradientShapes;
10
- position?: number;
11
- }
12
- export interface ColorSettingsProps {
13
- valueBind: ColorValue | LinearGradientColorValue | RadialGradientColorValue;
14
- onValueChanged?: (value: ColorValue) => void;
15
- forceDark?: boolean;
16
- }
1
+ import { BackgroundColorValue } from "../../../../../fx/models";
17
2
  declare const _default: {
18
3
  new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
19
4
  "onUpdate:modelValue": {
20
- type: import("vue").PropType<(value: ColorValue) => any>;
5
+ type: import("vue").PropType<(value: BackgroundColorValue) => any>;
21
6
  };
22
7
  "v-model": {
23
- type: import("vue").PropType<ColorValue>;
8
+ type: import("vue").PropType<BackgroundColorValue>;
24
9
  required: false;
25
10
  };
26
11
  modelValue: {
27
- type: import("vue").PropType<ColorValue>;
12
+ type: import("vue").PropType<BackgroundColorValue>;
28
13
  required: false;
29
14
  };
30
15
  }>> & {
31
- "onUpdate:modelValue"?: (value: ColorValue) => any;
16
+ "onUpdate:modelValue"?: (value: BackgroundColorValue) => any;
32
17
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
33
- "update:modelValue": (value: ColorValue) => true;
18
+ "update:modelValue": (value: BackgroundColorValue) => true;
34
19
  }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
35
20
  "onUpdate:modelValue": {
36
- type: import("vue").PropType<(value: ColorValue) => any>;
21
+ type: import("vue").PropType<(value: BackgroundColorValue) => any>;
37
22
  };
38
23
  "v-model": {
39
- type: import("vue").PropType<ColorValue>;
24
+ type: import("vue").PropType<BackgroundColorValue>;
40
25
  required: false;
41
26
  };
42
27
  modelValue: {
43
- type: import("vue").PropType<ColorValue>;
28
+ type: import("vue").PropType<BackgroundColorValue>;
44
29
  required: false;
45
30
  };
46
31
  }>> & {
47
- "onUpdate:modelValue"?: (value: ColorValue) => any;
32
+ "onUpdate:modelValue"?: (value: BackgroundColorValue) => any;
48
33
  }, {}, true, {}, {}, {
49
34
  P: {};
50
35
  B: {};
@@ -54,45 +39,45 @@ declare const _default: {
54
39
  Defaults: {};
55
40
  }, Readonly<import("vue").ExtractPropTypes<{
56
41
  "onUpdate:modelValue": {
57
- type: import("vue").PropType<(value: ColorValue) => any>;
42
+ type: import("vue").PropType<(value: BackgroundColorValue) => any>;
58
43
  };
59
44
  "v-model": {
60
- type: import("vue").PropType<ColorValue>;
45
+ type: import("vue").PropType<BackgroundColorValue>;
61
46
  required: false;
62
47
  };
63
48
  modelValue: {
64
- type: import("vue").PropType<ColorValue>;
49
+ type: import("vue").PropType<BackgroundColorValue>;
65
50
  required: false;
66
51
  };
67
52
  }>> & {
68
- "onUpdate:modelValue"?: (value: ColorValue) => any;
53
+ "onUpdate:modelValue"?: (value: BackgroundColorValue) => any;
69
54
  }, () => JSX.Element, {}, {}, {}, {}>;
70
55
  __isFragment?: never;
71
56
  __isTeleport?: never;
72
57
  __isSuspense?: never;
73
58
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
74
59
  "onUpdate:modelValue": {
75
- type: import("vue").PropType<(value: ColorValue) => any>;
60
+ type: import("vue").PropType<(value: BackgroundColorValue) => any>;
76
61
  };
77
62
  "v-model": {
78
- type: import("vue").PropType<ColorValue>;
63
+ type: import("vue").PropType<BackgroundColorValue>;
79
64
  required: false;
80
65
  };
81
66
  modelValue: {
82
- type: import("vue").PropType<ColorValue>;
67
+ type: import("vue").PropType<BackgroundColorValue>;
83
68
  required: false;
84
69
  };
85
70
  }>> & {
86
- "onUpdate:modelValue"?: (value: ColorValue) => any;
71
+ "onUpdate:modelValue"?: (value: BackgroundColorValue) => any;
87
72
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
88
- "update:modelValue": (value: ColorValue) => true;
73
+ "update:modelValue": (value: BackgroundColorValue) => true;
89
74
  }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
90
75
  propsDefinition: Omit<Readonly<{} & {
91
- "onUpdate:modelValue"?: (value: ColorValue) => any;
92
- "v-model"?: ColorValue;
93
- modelValue?: ColorValue;
76
+ "onUpdate:modelValue"?: (value: BackgroundColorValue) => any;
77
+ "v-model"?: BackgroundColorValue;
78
+ modelValue?: BackgroundColorValue;
94
79
  }>, "onUpdate:modelValue"> & {
95
- "onUpdate:modelValue"?: (value: ColorValue) => any;
80
+ "onUpdate:modelValue"?: (value: BackgroundColorValue) => any;
96
81
  };
97
82
  };
98
83
  export default _default;
package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.css.d.ts CHANGED
@@ -1,4 +1,6 @@
1
- import { ColumnedSectionItemSettings, SectionSettings } from "@omnia/fx-models";
1
+ import { ColumnedSectionItemSettings, LayoutItem, SectionSettings } from "@omnia/fx-models";
2
2
  export declare const LayoutColumnRendererStyles: {
3
+ triggerHideContainer: (isEditMode: boolean, isHidden: boolean) => string;
4
+ hideContainer: (items: Array<LayoutItem>, isEditMode: boolean) => string;
3
5
  columnWrapper: (columnSettings: ColumnedSectionItemSettings, sectionSettings: SectionSettings) => string;
4
6
  };
package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionRenderer.css.d.ts CHANGED
@@ -1,4 +1,8 @@
1
- import { SectionSettings } from "@omnia/fx-models";
1
+ import { BackgroundSettings, SectionSettings } from "@omnia/fx-models";
2
+ import { useColorSchemaStore } from "@omnia/fx/ux";
3
+ export declare const LayoutSectionBackgroundStyling: {
4
+ styling: (settings: BackgroundSettings, backgroundUrl: string, colorSchema: ReturnType<typeof useColorSchemaStore>) => string;
5
+ };
2
6
  export declare const LayoutSectionStyles: {
3
7
  getAlignmentSettings: (sectionSettings: SectionSettings) => any;
4
8
  sectionWrapper: (sectionSettings: SectionSettings) => string;
package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutSectionTabRenderer.css.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { AccordionedSectionSettings, SpacingSettings, TabbedSectionSettings } from "@omnia/fx-models";
2
+ import { useColorSchemaStore } from "@omnia/fx/ux";
2
3
  export declare const LayoutSectionTabRendererStyles: {
3
4
  tabsContentWrapper: (editMode: boolean) => string;
4
5
  tabsWrapper: (settings: TabbedSectionSettings) => string;
5
- accordionWrapper: (settings: AccordionedSectionSettings, spacing: SpacingSettings) => string;
6
+ accordionWrapper: (settings: AccordionedSectionSettings, spacing: SpacingSettings, colors: ReturnType<typeof useColorSchemaStore>) => string;
6
7
  };
package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererFunctions.d.ts CHANGED
@@ -1,16 +0,0 @@
1
- import { ITheming } from "@omnia/fx/ux";
2
- import { Section, BlockLayoutSettings, SectionSettings, TabbedSectionSettings } from "@omnia/fx/models";
3
- /**
4
- * Shared renderers functions
5
- * */
6
- export declare function useSharedRendererFunctions(): {
7
- block: {
8
- calculateMargin: (sectionSettings: SectionSettings) => string;
9
- calculatePadding: (blockSettings: BlockLayoutSettings) => string;
10
- };
11
- section: {
12
- getAlignmentSettings: (section: Section) => string;
13
- getTabTextColor: (tabSettings: TabbedSectionSettings, active: boolean, theming: ITheming) => string;
14
- allColumnsAreEmpty: (section: Section) => boolean;
15
- };
16
- };
package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererStyles.css.d.ts CHANGED
@@ -1,69 +0,0 @@
1
- import { types } from "typestyle";
2
- import { BlockLayoutSettings, DisplayBreakPoint, BackgroundSettings, LayoutSettings, ThemeStyling, SectionSettings, ColumnedSectionItemSettings, TabbedSectionSettings, LayoutItem } from "../../../../models";
3
- import { NestedCSSProperties } from "typestyle/lib/types";
4
- import { useThemeStoreV2 } from "@omnia/fx/ux";
5
- /**
6
- * Styles for the PageRendererStyles component
7
- */
8
- export declare function useSharedRendererStyles(): {
9
- common: {
10
- chrome_boxed: string;
11
- getElevationClass: (settings: BackgroundSettings, theme: ThemeStyling) => string;
12
- getBackgroundClasses: (settings: BackgroundSettings, backgroundUrl: string, backgroundColor?: any, themeStyling?: ThemeStyling) => string;
13
- setPageBackground: (settings: LayoutSettings, backgroundUrl: string, elementId: string, themeStoreV2: ReturnType<typeof useThemeStoreV2>, themeStyling?: ThemeStyling) => void;
14
- getBackgroundStyle: (settings: BackgroundSettings, backgroundUrl: string, backgroundColor?: any, themeStyling?: ThemeStyling) => types.NestedCSSProperties;
15
- useThemeStyling: (settings: BackgroundSettings, themeStyling?: ThemeStyling) => boolean;
16
- hasNoImageOrBackgroundColor: (settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any) => boolean;
17
- hasNoImageAndNoOverflow: (settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any) => boolean;
18
- getBackgroundBeforeStyling: (settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any) => types.NestedCSSSelectors;
19
- };
20
- block: {
21
- createMediaBreakPointForDevice: (blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint) => types.NestedCSSProperties;
22
- container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings) => string;
23
- clickProtectionOverlay: string;
24
- createMediaBreakPointBlockForDevice: (blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint) => types.NestedCSSProperties;
25
- };
26
- column: {
27
- getStylesFromSettings: (columnSettings: ColumnedSectionItemSettings, backgroundUrl: string, sectionSettings: SectionSettings) => string;
28
- hideContainer: (items: Array<LayoutItem>, isEditMode: boolean) => string;
29
- container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings) => string;
30
- triggerHideContainer: (isEditMode: boolean, isHidden: boolean) => string;
31
- };
32
- section: {
33
- sectionAlignmentContainer: (sectionSettings: SectionSettings) => string;
34
- columnWrapper: string;
35
- backgroundWrapperImage: string;
36
- getStyleStringForTitle: (settings: SectionSettings) => string;
37
- getStylesFromSettings: (settings: SectionSettings, useScrollMargingFix: boolean) => string;
38
- getStylesForSpacingInContainer: (sectionSettings: SectionSettings, fullHeight: boolean) => string;
39
- createMediaBreakPointForDevice: (sectionSettings: SectionSettings, deviceBreakPoint: DisplayBreakPoint) => types.NestedCSSProperties;
40
- getStylesForMarginCollapsAndSpacing: (sectionSettings: SectionSettings) => string;
41
- };
42
- tabs: {
43
- alignTextAndIcon: (settings: TabbedSectionSettings, iconAndText: boolean) => string;
44
- tabWrapper: string;
45
- verticalSliderStyle: (sliderColor: string) => string;
46
- createTabItemStyling: (settings: TabbedSectionSettings, index: number, items: number, hasIcon: boolean) => string;
47
- tabContentWrapper: (iconAndText: boolean) => string;
48
- stepper: {
49
- wrapper: string;
50
- header: string;
51
- inEditor: {
52
- expandedContent: string;
53
- verticalMode: {
54
- addStepButtonContainer: string;
55
- addStepButtonDivider: string;
56
- };
57
- horizontalMode: {
58
- labelBelowStep: {
59
- addStepButtonWrapper: string;
60
- };
61
- };
62
- stepTitleEditPanel: {
63
- header: string;
64
- };
65
- };
66
- horizontalContentItems: (inEditor: boolean) => string;
67
- };
68
- };
69
- };
package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/index.d.ts CHANGED
@@ -1,4 +1,2 @@
1
- export * from "./SharedRendererFunctions";
2
- export * from "./SharedRendererStyles.css";
3
1
  export * from "./LayoutSectionContainerHelper";
4
2
  export * from "./LayerIndex";
package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts CHANGED
@@ -6,6 +6,7 @@ import { MessageBusExposeOnlySubscription } from "../../..";
6
6
  import { ThemeStore } from "../../theming";
7
7
  import { Store, StoreState } from "../../../stores";
8
8
  import { ServiceContainerContext } from "../../../core";
9
+ import { useScrollContainerStore } from "../../oxide";
9
10
  export interface IBlockInstanceExtends<TSettings = void> extends IBlockInstance<TSettings> {
10
11
  settings: TSettings;
11
12
  serviceContainerContext: ServiceContainerContext;
@@ -107,6 +108,9 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
107
108
  };
108
109
  get: {};
109
110
  }>;
111
+ canvasZoom: StoreState<{
112
+ level: number;
113
+ }>;
110
114
  layout: StoreState<LoadedLayout>;
111
115
  previewUrl: StoreState<string>;
112
116
  provider: StoreState<string>;
@@ -125,6 +129,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
125
129
  }>;
126
130
  themeManager: LayoutEditorThemingManager;
127
131
  layoutItemFactory: EditorLayoutItemFactory;
132
+ scrollContainerStore: ReturnType<typeof useScrollContainerStore>;
128
133
  suggestedBlocks: StoreState<string[]>;
129
134
  layoutInheritanceBehaviors: StoreState<LayoutInheritanceBehaviors>;
130
135
  enableDisplayBreakpointSettings: StoreState<boolean>;
@@ -150,6 +155,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
150
155
  * Implementation of getters
151
156
  */
152
157
  getters: {
158
+ zoomLevel: () => number;
153
159
  getSelectedLayoutItem: () => LayoutItem;
154
160
  extractSelectedLayoutItemForClipBoard: () => ClipboardLayoutItem;
155
161
  isEnableAnchorLink: () => boolean;
@@ -170,6 +176,9 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
170
176
  * Implementation of mutations
171
177
  */
172
178
  mutations: {
179
+ zoom: (number: number) => void;
180
+ zoomOut: () => void;
181
+ zoomIn: () => void;
173
182
  setLayout: (layout: Layout) => void;
174
183
  createNewLayout: () => void;
175
184
  setTheme: (layoutThemeDefinition: ThemeDefinition, blockThemeDefinition: ThemeDefinition) => void;
@@ -187,6 +196,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
187
196
  disableAuth: () => void;
188
197
  unlockBlock: import("../../../stores").StoreMutation<(layoutItem: LayoutItem) => void, (layoutItem: LayoutItem) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
189
198
  lockBlock: import("../../../stores").StoreMutation<(layoutItem: LayoutItem) => void, (layoutItem: LayoutItem) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
199
+ scrollToSelectedLayoutItem: import("../../../stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
190
200
  setSelectedLayoutItem: import("../../../stores").StoreMutation<(item: LayoutItem, toggleSettings: boolean) => void, (item: LayoutItem, toggleSettings: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
191
201
  toggleActionForLayoutItem: import("../../../stores").StoreMutation<(item: LayoutItem | ClipboardLayoutItem, action: LayoutItemActionState) => void, (item: ClipboardLayoutItem | LayoutItem, action: LayoutItemActionState) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
192
202
  addDeviceBreakPointSetting: import("../../../stores").StoreMutation<(breakPointSetting: DisplayBreakPointSetting) => void, (breakPointSetting: DisplayBreakPointSetting) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.css.d.ts CHANGED
@@ -68,11 +68,11 @@ declare const _default: {
68
68
  spacing(): import("@omnia/fx-models").SpacingBlueprint;
69
69
  chrome(): import("@omnia/fx-models").ChromeBlueprint;
70
70
  component(): import("@omnia/fx-models").ComponentBlueprint;
71
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
72
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
73
- complementaryColorType(colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): import("@omnia/fx-models").ColorTypes;
74
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
75
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
71
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
72
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): ColorDefinition;
73
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
74
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
75
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): ColorDefinition;
76
76
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
77
77
  };
78
78
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -122,11 +122,11 @@ declare const _default: {
122
122
  spacing(): import("@omnia/fx-models").SpacingBlueprint;
123
123
  chrome(): import("@omnia/fx-models").ChromeBlueprint;
124
124
  component(): import("@omnia/fx-models").ComponentBlueprint;
125
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
126
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
127
- complementaryColorType(colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): import("@omnia/fx-models").ColorTypes;
128
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
129
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
125
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
126
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): ColorDefinition;
127
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
128
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
129
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): ColorDefinition;
130
130
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
131
131
  };
132
132
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -176,11 +176,11 @@ declare const _default: {
176
176
  spacing(): import("@omnia/fx-models").SpacingBlueprint;
177
177
  chrome(): import("@omnia/fx-models").ChromeBlueprint;
178
178
  component(): import("@omnia/fx-models").ComponentBlueprint;
179
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
180
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
181
- complementaryColorType(colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): import("@omnia/fx-models").ColorTypes;
182
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
183
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
179
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
180
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): ColorDefinition;
181
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
182
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
183
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): ColorDefinition;
184
184
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
185
185
  };
186
186
  }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -223,11 +223,11 @@ declare const _default: {
223
223
  spacing(): import("@omnia/fx-models").SpacingBlueprint;
224
224
  chrome(): import("@omnia/fx-models").ChromeBlueprint;
225
225
  component(): import("@omnia/fx-models").ComponentBlueprint;
226
- color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
227
- colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
228
- complementaryColorType(colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): import("@omnia/fx-models").ColorTypes;
229
- complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
230
- complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
226
+ color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
227
+ colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): ColorDefinition;
228
+ complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
229
+ complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
230
+ complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): ColorDefinition;
231
231
  currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
232
232
  };
233
233
  }): void;
@@ -495,14 +495,15 @@ declare const _default: {
495
495
  spacing: () => import("@omnia/fx-models").SpacingBlueprint;
496
496
  chrome: () => import("@omnia/fx-models").ChromeBlueprint;
497
497
  component: () => import("@omnia/fx-models").ComponentBlueprint;
498
- color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
499
- colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => ColorDefinition;
500
- complementaryColorType: (colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorTypes;
501
- complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
502
- complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => ColorDefinition;
498
+ color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
499
+ colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
500
+ complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
501
+ complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
502
+ complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
503
503
  currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
504
504
  };
505
505
  };
506
+ colorValue(color: import("@omnia/fx-models").ColorValue): string;
506
507
  readonly colorSchema: import("@omnia/fx-models").ColorSchema;
507
508
  readonly theme: "light" | "dark";
508
509
  readonly base: ColorDefinition;
package/internal-do-not-import-from-here/ux/oxide/link/Link.d.ts CHANGED
@@ -35,10 +35,10 @@ declare const _default: {
35
35
  type: import("vue").PropType<boolean>;
36
36
  };
37
37
  "color-type": {
38
- type: import("vue").PropType<ColorTypes | "base" | "onBase" | "container" | "onContainer">;
38
+ type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
39
39
  };
40
40
  colorType: {
41
- type: import("vue").PropType<ColorTypes | "base" | "onBase" | "container" | "onContainer">;
41
+ type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
42
42
  };
43
43
  size: {
44
44
  type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -92,10 +92,10 @@ declare const _default: {
92
92
  type: import("vue").PropType<boolean>;
93
93
  };
94
94
  "color-type": {
95
- type: import("vue").PropType<ColorTypes | "base" | "onBase" | "container" | "onContainer">;
95
+ type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
96
96
  };
97
97
  colorType: {
98
- type: import("vue").PropType<ColorTypes | "base" | "onBase" | "container" | "onContainer">;
98
+ type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
99
99
  };
100
100
  size: {
101
101
  type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -160,10 +160,10 @@ declare const _default: {
160
160
  type: import("vue").PropType<boolean>;
161
161
  };
162
162
  "color-type": {
163
- type: import("vue").PropType<ColorTypes | "base" | "onBase" | "container" | "onContainer">;
163
+ type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
164
164
  };
165
165
  colorType: {
166
- type: import("vue").PropType<ColorTypes | "base" | "onBase" | "container" | "onContainer">;
166
+ type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
167
167
  };
168
168
  size: {
169
169
  type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -225,10 +225,10 @@ declare const _default: {
225
225
  type: import("vue").PropType<boolean>;
226
226
  };
227
227
  "color-type": {
228
- type: import("vue").PropType<ColorTypes | "base" | "onBase" | "container" | "onContainer">;
228
+ type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
229
229
  };
230
230
  colorType: {
231
- type: import("vue").PropType<ColorTypes | "base" | "onBase" | "container" | "onContainer">;
231
+ type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
232
232
  };
233
233
  size: {
234
234
  type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -263,8 +263,8 @@ declare const _default: {
263
263
  href?: string;
264
264
  size?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
265
265
  toned?: boolean;
266
- colorType?: ColorTypes | "base" | "onBase" | "container" | "onContainer";
267
- "color-type"?: ColorTypes | "base" | "onBase" | "container" | "onContainer";
266
+ colorType?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
267
+ "color-type"?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
268
268
  truncateLines?: number;
269
269
  "truncate-lines"?: number;
270
270
  gradientColors?: ColorGradient[];