@omnia/fx 8.0.405-dev → 8.0.407-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 (43) hide show
  1. package/internal-do-not-import-from-here/ux/ComponentTypings.d.ts +1 -2
  2. package/internal-do-not-import-from-here/ux/admin/usermanagement/loc/localize.d.ts +1 -0
  3. package/internal-do-not-import-from-here/ux/admin/usermanagement/shared/UserManagementConstants.d.ts +1 -0
  4. package/internal-do-not-import-from-here/ux/admin/usermanagement/synchronization/SyncOmniaSearchBlade.d.ts +6 -0
  5. package/internal-do-not-import-from-here/ux/analytics/metric/Metric.d.ts +1 -1
  6. package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/store/TypographyEditorStore.d.ts +19 -18
  7. package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts +13 -6
  8. package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/store/TextStylePickerStore.d.ts +9 -8
  9. package/internal-do-not-import-from-here/ux/aurora/components/typography/TextStyleEditor.d.ts +29 -370
  10. package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyBlueprintsViewer.css.d.ts +3 -0
  11. package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyBlueprintsViewer.d.ts +9 -7
  12. package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TextStyleEditorStore.d.ts +42 -11
  13. package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TypographyViewerStore.d.ts +10 -4
  14. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintManager.d.ts +13 -6
  15. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +3 -0
  16. package/internal-do-not-import-from-here/ux/identities/components/settings/AzureAdSyncProviderSettings.d.ts +2 -2
  17. package/internal-do-not-import-from-here/ux/identities/components/shared/BladeIds.d.ts +2 -0
  18. package/internal-do-not-import-from-here/ux/identities/components/shared/IdentitySyncAddCondition.d.ts +29 -0
  19. package/internal-do-not-import-from-here/ux/identities/components/shared/IdentitySyncAddValueCondition.d.ts +18 -0
  20. package/internal-do-not-import-from-here/ux/identities/loc/Localize.d.ts +34 -0
  21. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPicker.d.ts +1 -1
  22. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerDialog.d.ts +3 -1
  23. package/internal-do-not-import-from-here/ux/identitypicker/IdentityPickerField.d.ts +3 -1
  24. package/internal-do-not-import-from-here/ux/journey/JourneyBlade.d.ts +1 -1
  25. package/internal-do-not-import-from-here/ux/journey/journeyfilter/JourneyFilterDialog.d.ts +2 -2
  26. package/internal-do-not-import-from-here/ux/journey/selection/JourneySelect.d.ts +12 -3
  27. package/internal-do-not-import-from-here/ux/journey/stores/JourneySelectStore.d.ts +21 -3
  28. package/internal-do-not-import-from-here/ux/journey/stores/JourneyStore.d.ts +6 -0
  29. package/internal-do-not-import-from-here/ux/mediapickerproviders/unsplash/Handler.d.ts +3 -0
  30. package/internal-do-not-import-from-here/ux/mediapickerproviders/unsplash/UnsplashProvider.d.ts +5 -15
  31. package/internal-do-not-import-from-here/ux/mediapickerproviders/unsplash/services/UnsplashImageService.d.ts +7 -1
  32. package/internal-do-not-import-from-here/ux/oxide/calendar/Calendar.d.ts +2 -2
  33. package/internal-do-not-import-from-here/ux/oxide/picker/Picker.d.ts +1 -1
  34. package/internal-do-not-import-from-here/ux/oxide/selection/Selection.d.ts +4 -3
  35. package/internal-do-not-import-from-here/ux/oxide/speeddial/SpeedDial.d.ts +1 -1
  36. package/internal-do-not-import-from-here/ux/oxide/tooltip/Tooltip.d.ts +1 -1
  37. package/internal-do-not-import-from-here/ux/properties/property-configuration/LabelOptionsRenderer.d.ts +0 -4
  38. package/internal-do-not-import-from-here/ux/vuetify/VuetifyCore.d.ts +3 -2
  39. package/internal-do-not-import-from-here/wctypings.d.ts +8 -0
  40. package/package.json +3 -3
  41. /package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/blades/{EditDefinitionBlade.d.ts → EditTextStyleBlade.d.ts} +0 -0
  42. /package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/blades/{EditStylesBlade.d.ts → EditTextStylesBlade.d.ts} +0 -0
  43. /package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/blades/{EditTypeScaleBlade.d.ts → ViewTypeScaleBlade.d.ts} +0 -0
@@ -69,11 +69,10 @@ type VuetifySlots<T> = {
69
69
  type VuetifyValue<T> = T extends {
70
70
  value?: any;
71
71
  } ? T["value"] : T;
72
- import { VIcon, VTooltip, VTextarea, VSwitch, VRadioGroup, VLazy, VForm, VTextField, VBtn, VBtnToggle, VBtnGroup, VNavigationDrawer, VList, VListItem, VListGroup, VListImg, VListItemAction, VListItemTitle, VListItemSubtitle, VListItemMedia, VListSubheader, VDialog, VDialogBottomTransition, VDialogTopTransition, VDialogTransition, VCard, VCardActions, VCardItem, VCardSubtitle, VCardText, VCardTitle, VExpansionPanels, VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VAutocomplete, VMenu, VTable, VCheckbox, VCheckboxBtn, VVirtualScroll, VChip, VSelect, VBadge, VCol, VPagination, VRating, VRangeSlider, VSnackbar, VRadio, VSlideGroup, VSlideGroupItem, VStepper, VStepperHeader, VStepperWindow, VStepperActions, VStepperWindowItem, VStepperItem, VTabs, VTab, VBreadcrumbs, VHover, VImg, VDataTable, VDataTableRow, VDataTableRows, VDataTableVirtual, VDataTableServer, VInfiniteScroll, VDatePicker, VFab, VSpeedDial } from "vuetify/components";
72
+ import { VIcon, VTooltip, VTextarea, VSwitch, VRadioGroup, VLazy, VForm, VTextField, VBtn, VBtnToggle, VBtnGroup, VNavigationDrawer, VList, VListItem, VListGroup, VListImg, VListItemAction, VListItemTitle, VListItemSubtitle, VListItemMedia, VListSubheader, VDialog, VDialogBottomTransition, VDialogTopTransition, VDialogTransition, VCard, VCardActions, VCardItem, VCardSubtitle, VCardText, VCardTitle, VExpansionPanels, VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VAutocomplete, VMenu, VTable, VCheckbox, VCheckboxBtn, VVirtualScroll, VChip, VSelect, VBadge, VCol, VPagination, VRating, VRangeSlider, VSnackbar, VRadio, VSlideGroup, VSlideGroupItem, VStepper, VStepperHeader, VStepperWindow, VStepperActions, VStepperWindowItem, VStepperItem, VTabs, VTab, VBreadcrumbs, VHover, VImg, VDataTable, VDataTableRow, VDataTableRows, VDataTableVirtual, VDataTableServer, VInfiniteScroll, VDatePicker, VFab, VSpeedDial, VNumberInput } from "vuetify/components";
73
73
  import { Intersect } from "vuetify/directives";
74
74
  import { VCalendar } from "vuetify/labs/VCalendar";
75
75
  import { VTimePicker } from "vuetify/labs/VTimePicker";
76
- import { VNumberInput } from "vuetify/labs/VNumberInput";
77
76
  import { VTreeview } from "vuetify/labs/VTreeview";
78
77
  export interface VDataTableProps extends VuetifyProps<Pick<VDataTable, "$props">> {
79
78
  }
@@ -229,6 +229,7 @@ export declare namespace UserManagementLocalization {
229
229
  LastRun: string;
230
230
  TimeToComplete: string;
231
231
  Settings: string;
232
+ OmniaSearch: string;
232
233
  RunFullSync: {
233
234
  StartButton: string;
234
235
  ConfirmTitle: string;
@@ -57,6 +57,7 @@ export declare const UserManagementBladeIds: {
57
57
  log: guid;
58
58
  omniaSearchUserLogs: guid;
59
59
  omniaSearchUserLogDetail: guid;
60
+ omniaSearch: guid;
60
61
  };
61
62
  authentication: {
62
63
  settings: guid;
@@ -0,0 +1,6 @@
1
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{}> & {} & {
2
+ "v-slots"?: {} & Omit<{
3
+ default?: import("vue").Slot;
4
+ }, never>;
5
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, never> & import("@omnia/fx/ux").VNodeEvents) => any;
6
+ export default _default;
@@ -7,5 +7,5 @@ declare const _default: (props: import("../..").ExtractProps<MetricProps> & {
7
7
  "v-slots"?: {} & Omit<{
8
8
  default?: import("vue").Slot;
9
9
  }, never>;
10
- } & {} & Omit<import("../..").VueComponentBaseProps, "title" | "icon" | "description" | "metricInfo" | "iconColor" | "emit:click"> & import("../..").VNodeEvents) => any;
10
+ } & {} & Omit<import("../..").VueComponentBaseProps, "title" | "icon" | "iconColor" | "description" | "metricInfo" | "emit:click"> & import("../..").VNodeEvents) => any;
11
11
  export default _default;
@@ -8,39 +8,37 @@ export interface BreakpointItem {
8
8
  type StyleVariant = "system-styles" | "custom-styles" | "type-scale";
9
9
  export declare const useTypographyEditorStore: () => {
10
10
  state: {
11
- blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
12
- availableFonts: ITemplateRegistration<IFontBlueprints>;
11
+ blueprintRegistration: ITemplateRegistration<TypographyBlueprint, import("@omnia/fx-models").TemplateRegistrationType>;
12
+ availableFonts: ITemplateRegistration<IFontBlueprints, import("@omnia/fx-models").TemplateRegistrationType>;
13
13
  blueprint: TypographyBlueprint;
14
14
  editMode: boolean;
15
15
  editing: {
16
- type: TextStyleType;
16
+ type: "display" | "headline" | "title" | "text" | "label" | "variants";
17
17
  styleVariant: StyleVariant;
18
18
  };
19
19
  selected: {
20
20
  textStyle: {
21
- type: TextStyleType;
21
+ type: "display" | "headline" | "title" | "text" | "label" | "variants";
22
22
  size: TextStyleSizes;
23
23
  definition: TextStyleDefinition;
24
- typeScaleDefinition: TextStyleDefinition;
25
24
  };
26
25
  breakpoint: BreakpointItem;
27
26
  };
28
27
  };
29
28
  events: import("@omnia/fx/stores").StoreEvents<{
30
- blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
31
- availableFonts: ITemplateRegistration<IFontBlueprints>;
29
+ blueprintRegistration: ITemplateRegistration<TypographyBlueprint, import("@omnia/fx-models").TemplateRegistrationType>;
30
+ availableFonts: ITemplateRegistration<IFontBlueprints, import("@omnia/fx-models").TemplateRegistrationType>;
32
31
  blueprint: TypographyBlueprint;
33
32
  editMode: boolean;
34
33
  editing: {
35
- type: TextStyleType;
34
+ type: "display" | "headline" | "title" | "text" | "label" | "variants";
36
35
  styleVariant: StyleVariant;
37
36
  };
38
37
  selected: {
39
38
  textStyle: {
40
- type: TextStyleType;
39
+ type: "display" | "headline" | "title" | "text" | "label" | "variants";
41
40
  size: TextStyleSizes;
42
41
  definition: TextStyleDefinition;
43
- typeScaleDefinition: TextStyleDefinition;
44
42
  };
45
43
  breakpoint: BreakpointItem;
46
44
  };
@@ -58,7 +56,6 @@ export declare const useTypographyEditorStore: () => {
58
56
  ativateBreakpoint(value: boolean): void;
59
57
  };
60
58
  calculate(): {
61
- editingDefinitionFromBaseStyles(): void;
62
59
  baseScale(): void;
63
60
  };
64
61
  breakpoint(): {
@@ -76,7 +73,6 @@ export declare const useTypographyEditorStore: () => {
76
73
  blueprints(): {
77
74
  edit(blueprints: ITemplateRegistration<TypographyBlueprint>): void;
78
75
  add(): void;
79
- copy(blueprint: TypographyBlueprint): void;
80
76
  };
81
77
  font(): {
82
78
  set: {
@@ -144,16 +140,21 @@ export declare const useTypographyEditorStore: () => {
144
140
  };
145
141
  bladeId: {
146
142
  startBlade: guid;
147
- editTypographyBlade: guid;
148
- editTypeScaleBlade: guid;
149
- editStylesBlade: guid;
150
- editScaleBlade: guid;
151
- settingsBlade: guid;
152
- breakpointBlade: guid;
143
+ edit: {
144
+ typography: guid;
145
+ textStyles: guid;
146
+ textStyle: guid;
147
+ };
148
+ scale: {
149
+ edit: guid;
150
+ view: guid;
151
+ };
152
+ breakpointSelect: guid;
153
153
  };
154
154
  rules: {
155
155
  breakpoint: {
156
156
  readonly showStatus: boolean;
157
+ hasActiveScale: (size: TextStyleBreakpointType) => boolean;
157
158
  isActive: (size: TextStyleBreakpointType) => boolean;
158
159
  readonly showEnableDisable: boolean;
159
160
  readonly isEnabled: boolean;
@@ -1,22 +1,29 @@
1
1
  import { DefineSlot } from "@omnia/fx/ux";
2
- import { TextBlueprint, ThemeContextType, TextStyleValue } from "@omnia/fx-models";
2
+ import { TextBlueprint, ThemeContextType, TextStyleValue, TypographyBlueprint, TextStyleBreakpointType } from "@omnia/fx-models";
3
3
  import { VNode } from "vue";
4
4
  import { PickerVariant } from "internal/fx/ux/oxide/picker/models/SharedSettings";
5
+ import { ViewTypes } from "./store/TextStylePickerStore";
5
6
  export type TypographyPickerTypes = "default" | "title" | "text" | "variant" | "navigation";
6
7
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
7
- "emit:update:modelValue": (value: TextStyleValue) => void;
8
+ "emit:update:modelValue": (value: number | TextStyleValue) => void;
8
9
  } & {
9
- "v-model"?: TextStyleValue;
10
+ "v-model"?: number | TextStyleValue;
10
11
  } & {
11
- modelValue?: TextStyleValue;
12
+ modelValue?: number | TextStyleValue;
12
13
  } & {
13
14
  customTyping?: boolean;
14
15
  } & {
15
16
  themeType?: ThemeContextType;
17
+ } & {
18
+ viewType?: ViewTypes;
16
19
  } & {
17
20
  type?: TypographyPickerTypes;
18
21
  } & {
19
22
  textBlueprint?: TextBlueprint;
23
+ } & {
24
+ typographyBlueprint?: TypographyBlueprint;
25
+ } & {
26
+ breakpoint?: TextStyleBreakpointType;
20
27
  } & {
21
28
  toned?: boolean;
22
29
  } & {
@@ -28,12 +35,12 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
28
35
  } & {
29
36
  sampleText?: string;
30
37
  } & DefineSlot<"activator", () => VNode>> & {
31
- "onUpdate:modelValue"?: (value: TextStyleValue) => any;
38
+ "onUpdate:modelValue"?: (value: number | TextStyleValue) => any;
32
39
  } & {
33
40
  "v-slots"?: {
34
41
  activator?: () => VNode;
35
42
  } & Omit<{
36
43
  default?: import("vue").Slot;
37
44
  }, "activator">;
38
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "type" | "variant" | "modelValue" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "themeType" | "slot:activator" | "textBlueprint" | "customTyping" | "sampleText"> & import("@omnia/fx/ux").VNodeEvents) => any;
45
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "type" | "variant" | "modelValue" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "themeType" | "slot:activator" | "textBlueprint" | "customTyping" | "viewType" | "typographyBlueprint" | "breakpoint" | "sampleText"> & import("@omnia/fx/ux").VNodeEvents) => any;
39
46
  export default _default;
@@ -1,15 +1,21 @@
1
- import { ThemeContextType, ThemedTextStyleValue, TextStyleValue as textStyle } from "@omnia/fx-models";
1
+ import { ThemeContextType, ThemedTextStyleValue, TextStyleValue as textStyle, TypographyBlueprint, TextStyleBreakpointType } from "@omnia/fx-models";
2
+ export type ViewTypes = "type-scale" | "system-styles" | "custom-styles";
2
3
  export declare const useTextStylePickerStore: () => {
3
4
  state: {
4
- internalModel: textStyle;
5
+ internalModel: number | textStyle;
5
6
  sampleText: string;
7
+ viewType: ViewTypes;
8
+ typographyBlueprint: TypographyBlueprint;
9
+ breakPoint: TextStyleBreakpointType;
6
10
  };
7
11
  actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
8
12
  clear: () => void;
13
+ setScaleValue(value: number): void;
9
14
  select: (value: textStyle) => void;
10
- initState: (model: textStyle, sampleText: string, themeType: ThemeContextType) => void;
15
+ initState: (model: textStyle | number, sampleText: string, themeType: ThemeContextType, viewType: ViewTypes, typographyBlueprint: TypographyBlueprint, breakpoint: TextStyleBreakpointType) => void;
11
16
  }>;
12
17
  get: {
18
+ readonly textStyle: textStyle;
13
19
  displayText: (textStyle: ThemedTextStyleValue) => string;
14
20
  displayIcon: (textStyle: ThemedTextStyleValue) => import("@omnia/fx-models").FontAwesomeIcon;
15
21
  };
@@ -18,11 +24,6 @@ export declare const useTextStylePickerStore: () => {
18
24
  isSelected: (textStyle: textStyle) => boolean;
19
25
  showTextStyle: (textStyle: ThemedTextStyleValue) => boolean;
20
26
  };
21
- dataTypes: {
22
- titleStyles: ThemedTextStyleValue[];
23
- textStyles: ThemedTextStyleValue[];
24
- variantStyles: ThemedTextStyleValue[];
25
- };
26
27
  } & {
27
28
  dispose?: () => void;
28
29
  };
@@ -1,375 +1,34 @@
1
1
  import { TextStyleDefinition, TypographyBlueprint, TextStyleBreakpointType, TextStyleSizes } from "@omnia/fx-models";
2
+ import { DefineSlot } from "@omnia/fx/ux";
2
3
  import { VNodeChild } from "vue";
3
4
  type EditorVariant = "default" | "dialog" | "blade-inline";
4
- declare const _default: {
5
- new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
6
- "v-slots": import("vue").Prop<{
7
- default?: import("../../../DefineVueTypings").Slot;
8
- } & {
9
- activator?: () => VNodeChild;
10
- }>;
11
- toolbarCallback: {
12
- type: import("vue").PropType<(value: () => VNodeChild) => void>;
13
- };
14
- sampleText: {
15
- type: import("vue").PropType<string>;
16
- };
17
- breakpoint: {
18
- type: import("vue").PropType<TextStyleBreakpointType>;
19
- };
20
- textStyleSize: {
21
- type: import("vue").PropType<TextStyleSizes>;
22
- };
23
- textStyleType: {
24
- type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
25
- };
26
- blueprint: {
27
- type: import("vue").PropType<TypographyBlueprint>;
28
- };
29
- variant: {
30
- type: import("vue").PropType<EditorVariant>;
31
- };
32
- "onUpdate:modelValue": {
33
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
34
- };
35
- "v-model": {
36
- type: import("vue").PropType<TextStyleDefinition>;
37
- required: false;
38
- };
39
- modelValue: {
40
- type: import("vue").PropType<TextStyleDefinition>;
41
- required: false;
42
- };
43
- name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
44
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
45
- }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
46
- type: import("vue").PropType<TextStyleDefinition>;
47
- required: false;
48
- }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
49
- type: import("vue").PropType<TextStyleDefinition>;
50
- required: false;
51
- }; } & {
52
- require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, TextStyleDefinition, {
53
- "onUpdate:modelValue": {
54
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
55
- };
56
- } & {
57
- "v-model": {
58
- type: import("vue").PropType<TextStyleDefinition>;
59
- required: false;
60
- };
61
- } & {
62
- modelValue: {
63
- type: import("vue").PropType<TextStyleDefinition>;
64
- required: false;
65
- };
66
- }>;
67
- defaultValue(value?: TextStyleDefinition): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, TextStyleDefinition, {
68
- "onUpdate:modelValue": {
69
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
70
- };
71
- } & {
72
- "v-model": {
73
- type: import("vue").PropType<TextStyleDefinition>;
74
- required: false;
75
- };
76
- } & {
77
- modelValue: {
78
- type: import("vue").PropType<TextStyleDefinition>;
79
- required: false;
80
- };
81
- }, false>;
82
- doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, TextStyleDefinition, {
83
- "onUpdate:modelValue": {
84
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
85
- };
86
- } & {
87
- "v-model": {
88
- type: import("vue").PropType<TextStyleDefinition>;
89
- required: false;
90
- };
91
- } & {
92
- modelValue: {
93
- type: import("vue").PropType<TextStyleDefinition>;
94
- required: false;
95
- };
96
- }>;
97
- };
98
- }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
99
- P: {};
100
- B: {};
101
- D: {};
102
- C: {};
103
- M: {};
104
- Defaults: {};
105
- }, Readonly<import("vue").ExtractPropTypes<{
106
- "v-slots": import("vue").Prop<{
107
- default?: import("../../../DefineVueTypings").Slot;
108
- } & {
109
- activator?: () => VNodeChild;
110
- }>;
111
- toolbarCallback: {
112
- type: import("vue").PropType<(value: () => VNodeChild) => void>;
113
- };
114
- sampleText: {
115
- type: import("vue").PropType<string>;
116
- };
117
- breakpoint: {
118
- type: import("vue").PropType<TextStyleBreakpointType>;
119
- };
120
- textStyleSize: {
121
- type: import("vue").PropType<TextStyleSizes>;
122
- };
123
- textStyleType: {
124
- type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
125
- };
126
- blueprint: {
127
- type: import("vue").PropType<TypographyBlueprint>;
128
- };
129
- variant: {
130
- type: import("vue").PropType<EditorVariant>;
131
- };
132
- "onUpdate:modelValue": {
133
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
134
- };
135
- "v-model": {
136
- type: import("vue").PropType<TextStyleDefinition>;
137
- required: false;
138
- };
139
- modelValue: {
140
- type: import("vue").PropType<TextStyleDefinition>;
141
- required: false;
142
- };
143
- name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
144
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
145
- }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
146
- type: import("vue").PropType<TextStyleDefinition>;
147
- required: false;
148
- }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
149
- type: import("vue").PropType<TextStyleDefinition>;
150
- required: false;
151
- }; } & {
152
- require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, TextStyleDefinition, {
153
- "onUpdate:modelValue": {
154
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
155
- };
156
- } & {
157
- "v-model": {
158
- type: import("vue").PropType<TextStyleDefinition>;
159
- required: false;
160
- };
161
- } & {
162
- modelValue: {
163
- type: import("vue").PropType<TextStyleDefinition>;
164
- required: false;
165
- };
166
- }>;
167
- defaultValue(value?: TextStyleDefinition): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, TextStyleDefinition, {
168
- "onUpdate:modelValue": {
169
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
170
- };
171
- } & {
172
- "v-model": {
173
- type: import("vue").PropType<TextStyleDefinition>;
174
- required: false;
175
- };
176
- } & {
177
- modelValue: {
178
- type: import("vue").PropType<TextStyleDefinition>;
179
- required: false;
180
- };
181
- }, false>;
182
- doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, TextStyleDefinition, {
183
- "onUpdate:modelValue": {
184
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
185
- };
186
- } & {
187
- "v-model": {
188
- type: import("vue").PropType<TextStyleDefinition>;
189
- required: false;
190
- };
191
- } & {
192
- modelValue: {
193
- type: import("vue").PropType<TextStyleDefinition>;
194
- required: false;
195
- };
196
- }>;
197
- };
198
- }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
199
- __isFragment?: never;
200
- __isTeleport?: never;
201
- __isSuspense?: never;
202
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
203
- "v-slots": import("vue").Prop<{
204
- default?: import("../../../DefineVueTypings").Slot;
205
- } & {
5
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
6
+ "emit:update:modelValue": (value: TextStyleDefinition) => void;
7
+ } & {
8
+ "v-model"?: TextStyleDefinition;
9
+ } & {
10
+ modelValue?: TextStyleDefinition;
11
+ } & {
12
+ variant?: EditorVariant;
13
+ } & {
14
+ blueprint?: TypographyBlueprint;
15
+ } & {
16
+ textStyleType?: "display" | "headline" | "title" | "text" | "label" | "variants";
17
+ } & {
18
+ textStyleSize?: TextStyleSizes;
19
+ } & {
20
+ breakpoint?: TextStyleBreakpointType;
21
+ } & {
22
+ sampleText?: string;
23
+ } & {
24
+ toolbarCallback?: (value: () => VNodeChild) => void;
25
+ } & DefineSlot<"activator", () => VNodeChild>> & {
26
+ "onUpdate:modelValue"?: (value: TextStyleDefinition) => any;
27
+ } & {
28
+ "v-slots"?: {
206
29
  activator?: () => VNodeChild;
207
- }>;
208
- toolbarCallback: {
209
- type: import("vue").PropType<(value: () => VNodeChild) => void>;
210
- };
211
- sampleText: {
212
- type: import("vue").PropType<string>;
213
- };
214
- breakpoint: {
215
- type: import("vue").PropType<TextStyleBreakpointType>;
216
- };
217
- textStyleSize: {
218
- type: import("vue").PropType<TextStyleSizes>;
219
- };
220
- textStyleType: {
221
- type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
222
- };
223
- blueprint: {
224
- type: import("vue").PropType<TypographyBlueprint>;
225
- };
226
- variant: {
227
- type: import("vue").PropType<EditorVariant>;
228
- };
229
- "onUpdate:modelValue": {
230
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
231
- };
232
- "v-model": {
233
- type: import("vue").PropType<TextStyleDefinition>;
234
- required: false;
235
- };
236
- modelValue: {
237
- type: import("vue").PropType<TextStyleDefinition>;
238
- required: false;
239
- };
240
- name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
241
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
242
- }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
243
- type: import("vue").PropType<TextStyleDefinition>;
244
- required: false;
245
- }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
246
- type: import("vue").PropType<TextStyleDefinition>;
247
- required: false;
248
- }; } & {
249
- require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, TextStyleDefinition, {
250
- "onUpdate:modelValue": {
251
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
252
- };
253
- } & {
254
- "v-model": {
255
- type: import("vue").PropType<TextStyleDefinition>;
256
- required: false;
257
- };
258
- } & {
259
- modelValue: {
260
- type: import("vue").PropType<TextStyleDefinition>;
261
- required: false;
262
- };
263
- }>;
264
- defaultValue(value?: TextStyleDefinition): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, TextStyleDefinition, {
265
- "onUpdate:modelValue": {
266
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
267
- };
268
- } & {
269
- "v-model": {
270
- type: import("vue").PropType<TextStyleDefinition>;
271
- required: false;
272
- };
273
- } & {
274
- modelValue: {
275
- type: import("vue").PropType<TextStyleDefinition>;
276
- required: false;
277
- };
278
- }, false>;
279
- doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, TextStyleDefinition, {
280
- "onUpdate:modelValue": {
281
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
282
- };
283
- } & {
284
- "v-model": {
285
- type: import("vue").PropType<TextStyleDefinition>;
286
- required: false;
287
- };
288
- } & {
289
- modelValue: {
290
- type: import("vue").PropType<TextStyleDefinition>;
291
- required: false;
292
- };
293
- }>;
294
- };
295
- }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
296
- propsDefinition: Omit<Readonly<{} & {
297
- name?: {
298
- [x: `onUpdate:${string}`]: {
299
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
300
- };
301
- } & {
302
- [x: `v-model:${string}`]: {
303
- type: import("vue").PropType<TextStyleDefinition>;
304
- required: false;
305
- };
306
- } & {
307
- [x: string]: {
308
- type: import("vue").PropType<TextStyleDefinition>;
309
- required: false;
310
- };
311
- } & {
312
- require(): import("../../../DefineVueTypings").DefinePropModelRequire<string, TextStyleDefinition, {
313
- "onUpdate:modelValue": {
314
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
315
- };
316
- } & {
317
- "v-model": {
318
- type: import("vue").PropType<TextStyleDefinition>;
319
- required: false;
320
- };
321
- } & {
322
- modelValue: {
323
- type: import("vue").PropType<TextStyleDefinition>;
324
- required: false;
325
- };
326
- }>;
327
- defaultValue(value?: TextStyleDefinition): import("../../../DefineVueTypings").DefinePropModelDefaultValue<string, TextStyleDefinition, {
328
- "onUpdate:modelValue": {
329
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
330
- };
331
- } & {
332
- "v-model": {
333
- type: import("vue").PropType<TextStyleDefinition>;
334
- required: false;
335
- };
336
- } & {
337
- modelValue: {
338
- type: import("vue").PropType<TextStyleDefinition>;
339
- required: false;
340
- };
341
- }, false>;
342
- doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<string, TextStyleDefinition, {
343
- "onUpdate:modelValue": {
344
- type: import("vue").PropType<(value: TextStyleDefinition) => any | void>;
345
- };
346
- } & {
347
- "v-model": {
348
- type: import("vue").PropType<TextStyleDefinition>;
349
- required: false;
350
- };
351
- } & {
352
- modelValue: {
353
- type: import("vue").PropType<TextStyleDefinition>;
354
- required: false;
355
- };
356
- }>;
357
- };
358
- blueprint?: TypographyBlueprint;
359
- variant?: EditorVariant;
360
- modelValue?: TextStyleDefinition;
361
- "v-slots"?: {
362
- default?: import("../../../DefineVueTypings").Slot;
363
- } & {
364
- activator?: () => VNodeChild;
365
- };
366
- "onUpdate:modelValue"?: (value: TextStyleDefinition) => any | void;
367
- "v-model"?: TextStyleDefinition;
368
- sampleText?: string;
369
- toolbarCallback?: (value: () => VNodeChild) => void;
370
- textStyleType?: "display" | "headline" | "title" | "text" | "label" | "variants";
371
- textStyleSize?: TextStyleSizes;
372
- breakpoint?: TextStyleBreakpointType;
373
- }>, never>;
374
- };
30
+ } & Omit<{
31
+ default?: import("vue").Slot;
32
+ }, "activator">;
33
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "variant" | "modelValue" | "v-model" | "emit:update:modelValue" | "slot:activator" | "breakpoint" | "sampleText" | "toolbarCallback" | "textStyleType" | "textStyleSize"> & import("@omnia/fx/ux").VNodeEvents) => any;
375
34
  export default _default;
@@ -1,5 +1,8 @@
1
1
  import { useColorSchemaStore } from "@omnia/fx/ux";
2
2
  export declare const TypographyViewerStyles: {
3
+ selectedPlaceholder: (dark: boolean) => string;
4
+ selected: (color: string, onBase: string) => string;
5
+ colorPreview: (hoverColor: string) => string;
3
6
  textItem: (selected: boolean, colors: ReturnType<typeof useColorSchemaStore>) => string;
4
7
  textItemPicker: (selected: boolean, colors: ReturnType<typeof useColorSchemaStore>) => string;
5
8
  };