@omnia/fx 8.0.124-dev → 8.0.127-dev

package/internal-do-not-import-from-here/ux/oxide/slidepanel/Slide.d.ts

@@ -1,16 +1,38 @@
 declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
+        };
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
+        };
+    }>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, {}>;
+    }, Readonly<import("vue").ExtractPropTypes<{
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
+        };
+    }>>, () => JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {}>, never>;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    class: {
+        type: import("vue").PropType<String | String[]>;
+        required: boolean;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        class?: String | String[];
+    }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.css.d.ts

@@ -1,4 +1,4 @@
-import { ColorDefinition } from "@omnia/fx-models";
 export declare const SwiperStyles: {
-    swiperContainer: (color: ColorDefinition) => string;
+    backgroundColor: (color: string) => string;
+    color: (color: string) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts

@@ -1,6 +1,26 @@
 import { useSlidePanelStore } from "@omnia/fx/ux";
+import { Swiper } from "internal/fx/libs/swiper";
+export declare const SlidePanelVariation: readonly ["default", "custom-navigation"];
+export type SlidePanelVariationType = typeof SlidePanelVariation[number];
+/**
+ * Slide panel component
+ * @remarks - read the docs here of Core API https://swiperjs.com/swiper-api
+ */
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        } & {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        };
+        "content-wrapper-class": {
+            type: import("vue").PropType<string>;
+        };
+        contentWrapperClass: {
+            type: import("vue").PropType<string>;
+        };
         "get-api": {
             type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
         };
@@ -58,7 +78,26 @@ declare const _default: {
         colorSchemaType?: any;
         container?: any;
         colors?: any;
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }>> & {
+        onInit?: (swiper: Swiper) => any;
+        onAfterInit?: (swiper: Swiper) => any;
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        afterInit: (swiper: Swiper) => void;
+        init: (swiper: Swiper) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        } & {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        };
+        "content-wrapper-class": {
+            type: import("vue").PropType<string>;
+        };
+        contentWrapperClass: {
+            type: import("vue").PropType<string>;
+        };
         "get-api": {
             type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
         };
@@ -116,7 +155,10 @@ declare const _default: {
         colorSchemaType?: any;
         container?: any;
         colors?: any;
-    }>>, {
+    }>> & {
+        onInit?: (swiper: Swiper) => any;
+        onAfterInit?: (swiper: Swiper) => any;
+    }, {
         container?: any;
         colorSchemaType?: any;
         colors?: any;
@@ -128,6 +170,19 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        } & {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        };
+        "content-wrapper-class": {
+            type: import("vue").PropType<string>;
+        };
+        contentWrapperClass: {
+            type: import("vue").PropType<string>;
+        };
         "get-api": {
             type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
         };
@@ -185,7 +240,10 @@ declare const _default: {
         colorSchemaType?: any;
         container?: any;
         colors?: any;
-    }>>, () => JSX.Element, {}, {}, {}, {
+    }>> & {
+        onInit?: (swiper: Swiper) => any;
+        onAfterInit?: (swiper: Swiper) => any;
+    }, () => JSX.Element, {}, {}, {}, {
         container?: any;
         colorSchemaType?: any;
         colors?: any;
@@ -194,6 +252,19 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: import("vue").PropType<"default" | "custom-navigation">;
+        required: false;
+    } & {
+        type: import("vue").PropType<"default" | "custom-navigation">;
+        required: false;
+    };
+    "content-wrapper-class": {
+        type: import("vue").PropType<string>;
+    };
+    contentWrapperClass: {
+        type: import("vue").PropType<string>;
+    };
     "get-api": {
         type: import("vue").PropType<(store: ReturnType<typeof useSlidePanelStore>) => void>;
     };
@@ -251,7 +322,13 @@ declare const _default: {
     colorSchemaType?: any;
     container?: any;
     colors?: any;
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & {
+    onInit?: (swiper: Swiper) => any;
+    onAfterInit?: (swiper: Swiper) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    afterInit: (swiper: Swiper) => void;
+    init: (swiper: Swiper) => void;
+}, string, {
     container?: any;
     colorSchemaType?: any;
     colors?: any;
@@ -264,16 +341,22 @@ declare const _default: {
         navigation?: boolean;
         class?: String | String[];
         scrollbar?: boolean;
+        variant?: "default" | "custom-navigation";
+        contentWrapperClass?: string;
+        "content-wrapper-class"?: string;
         getApi?: (store: ReturnType<typeof useSlidePanelStore>) => void;
         "get-api"?: (store: ReturnType<typeof useSlidePanelStore>) => void;
         autoplay?: boolean;
-        pagination?: boolean;
-        loop?: boolean;
         delay?: number;
+        loop?: boolean;
+        pagination?: boolean;
         slidesPerView?: number;
         "slides-per-view"?: number;
         slideSpacing?: number;
         "slide-spacing"?: number;
-    }>, never>;
+    }>, "onInit" | "onAfterInit"> & {
+        onInit?: (swiper: Swiper) => any;
+        onAfterInit?: (swiper: Swiper) => any;
+    };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/slidepanel/constants.d.ts

@@ -0,0 +1,15 @@
+export declare const SwiperClass: {
+    readonly swiper: "swiper";
+    readonly activePage: "swiper-pagination-bullet-active";
+    readonly wrapper: "swiper-wrapper";
+    readonly slide: "swiper-slide";
+    readonly pagination: "swiper-pagination";
+    readonly scrollbar: "swiper-scrollbar";
+    readonly buttonNext: "swiper-button-next";
+    readonly buttonPrev: "swiper-button-prev";
+    readonly scrollbarDrag: "swiper-scrollbar-drag";
+};
+export declare const customNavigationClass: {
+    readonly next: "swiper-button-next-omnia";
+    readonly prev: "swiper-button-prev-omnia";
+};

package/internal-do-not-import-from-here/ux/oxide/slidepanel/index.d.ts

@@ -1 +1,2 @@
 export * from "./store";
+export * from "./constants";

package/internal-do-not-import-from-here/ux/oxide/slidepanel/store/SlidePanelStore.d.ts

@@ -16,7 +16,7 @@ export declare const useSlidePanelStore: () => {
             slideTo: {
                 subscribe(fn: (index: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            slideChange: {
+            onSlideChange: {
                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             autoplay: {
@@ -36,7 +36,7 @@ export declare const useSlidePanelStore: () => {
             slideTo: {
                 subscribe(fn: (result: void, index: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            slideChange: {
+            onSlideChange: {
                 subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             autoplay: {
@@ -56,7 +56,7 @@ export declare const useSlidePanelStore: () => {
             slideTo: {
                 subscribe(fn: (failureReason: any, index: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            slideChange: {
+            onSlideChange: {
                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             autoplay: {
@@ -68,7 +68,7 @@ export declare const useSlidePanelStore: () => {
         nextSlide: () => void;
         prevSlide: () => void;
         slideTo: (index: number) => void;
-        slideChange: () => void;
+        onSlideChange: () => void;
         autoplay: {
             start: () => void;
             stop: () => void;
@@ -81,5 +81,6 @@ export declare const useSlidePanelStore: () => {
     get: {
         activeIndex: () => number;
         autoplay: () => boolean;
+        swiper: () => Swiper;
     };
 };

package/internal-do-not-import-from-here/ux/oxide/switch/Switch.d.ts

@@ -285,9 +285,9 @@ declare const _default: {
         colorSchemaType?: any;
         colors?: any;
     } & {
+        disabled?: boolean;
         label?: string;
         class?: String | String[];
-        disabled?: boolean;
         "v-model"?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any;
         modelValue?: boolean;

package/internal-do-not-import-from-here/ux/oxide/tab/Tab.d.ts

@@ -237,8 +237,8 @@ declare const _default: {
     } & {
         title?: string;
         icon?: TabIconModel;
-        class?: String | String[];
         disabled?: boolean;
+        class?: String | String[];
         "v-model"?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any;
         modelValue?: boolean;

package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts

@@ -1,5 +1,11 @@
+import { TabsBlueprint } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        blueprint: {
+            type: import("vue").PropType<TabsBlueprint>;
+        } & {
+            type: import("vue").PropType<TabsBlueprint>;
+        };
         scrolling: {
             type: import("vue").PropType<string>;
         } & {
@@ -11,11 +17,11 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         alignTabs: {
-            type: import("vue").PropType<"center" | "end" | "start">;
+            type: import("vue").PropType<"center" | "start" | "end">;
             required: false;
         };
         "align-tabs": {
-            type: import("vue").PropType<"center" | "end" | "start">;
+            type: import("vue").PropType<"center" | "start" | "end">;
             required: false;
         };
         "no-scrolling": {
@@ -85,6 +91,11 @@ declare const _default: {
             "update:modelValue": (model: number) => void;
         };
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        blueprint: {
+            type: import("vue").PropType<TabsBlueprint>;
+        } & {
+            type: import("vue").PropType<TabsBlueprint>;
+        };
         scrolling: {
             type: import("vue").PropType<string>;
         } & {
@@ -96,11 +107,11 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         alignTabs: {
-            type: import("vue").PropType<"center" | "end" | "start">;
+            type: import("vue").PropType<"center" | "start" | "end">;
             required: false;
         };
         "align-tabs": {
-            type: import("vue").PropType<"center" | "end" | "start">;
+            type: import("vue").PropType<"center" | "start" | "end">;
             required: false;
         };
         "no-scrolling": {
@@ -176,6 +187,11 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        blueprint: {
+            type: import("vue").PropType<TabsBlueprint>;
+        } & {
+            type: import("vue").PropType<TabsBlueprint>;
+        };
         scrolling: {
             type: import("vue").PropType<string>;
         } & {
@@ -187,11 +203,11 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         alignTabs: {
-            type: import("vue").PropType<"center" | "end" | "start">;
+            type: import("vue").PropType<"center" | "start" | "end">;
             required: false;
         };
         "align-tabs": {
-            type: import("vue").PropType<"center" | "end" | "start">;
+            type: import("vue").PropType<"center" | "start" | "end">;
             required: false;
         };
         "no-scrolling": {
@@ -264,6 +280,11 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    blueprint: {
+        type: import("vue").PropType<TabsBlueprint>;
+    } & {
+        type: import("vue").PropType<TabsBlueprint>;
+    };
     scrolling: {
         type: import("vue").PropType<string>;
     } & {
@@ -275,11 +296,11 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     alignTabs: {
-        type: import("vue").PropType<"center" | "end" | "start">;
+        type: import("vue").PropType<"center" | "start" | "end">;
         required: false;
     };
     "align-tabs": {
-        type: import("vue").PropType<"center" | "end" | "start">;
+        type: import("vue").PropType<"center" | "start" | "end">;
         required: false;
     };
     "no-scrolling": {
@@ -362,6 +383,7 @@ declare const _default: {
         vertical?: boolean;
         contentClass?: string | string[];
         grow?: boolean;
+        blueprint?: TabsBlueprint;
         "v-model"?: number;
         "onUpdate:modelValue"?: (value: number) => any;
         modelValue?: number;
@@ -374,8 +396,8 @@ declare const _default: {
         "hide-tab-name-if-only-one-tab"?: boolean;
         noScrolling?: boolean;
         "no-scrolling"?: boolean;
-        alignTabs?: "center" | "end" | "start";
-        "align-tabs"?: "center" | "end" | "start";
+        alignTabs?: "center" | "start" | "end";
+        "align-tabs"?: "center" | "start" | "end";
     }>, "onUpdate:modelValue" | "onDoc$"> & {
         "onUpdate:modelValue"?: (model: number) => any;
         onDoc$?: (description?: string) => any;

package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts

@@ -1,4 +1,4 @@
-import { ColorGradientValue, ColorTypes, TextBlueprint, TypographySizes, TypographyTypes } from "@omnia/fx/models";
+import { ColorGradientValue, ColorTypes, TextBlueprint, TypographySizes, TypographyTypes, TypographyValue } from "@omnia/fx/models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         blueprint: {
@@ -35,6 +35,12 @@ declare const _default: {
         colorType: {
             type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
         };
+        "typography-value": {
+            type: import("vue").PropType<TypographyValue>;
+        };
+        typographyValue: {
+            type: import("vue").PropType<TypographyValue>;
+        };
         size: {
             type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
         } & {
@@ -87,6 +93,12 @@ declare const _default: {
         colorType: {
             type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
         };
+        "typography-value": {
+            type: import("vue").PropType<TypographyValue>;
+        };
+        typographyValue: {
+            type: import("vue").PropType<TypographyValue>;
+        };
         size: {
             type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
         } & {
@@ -150,6 +162,12 @@ declare const _default: {
         colorType: {
             type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
         };
+        "typography-value": {
+            type: import("vue").PropType<TypographyValue>;
+        };
+        typographyValue: {
+            type: import("vue").PropType<TypographyValue>;
+        };
         size: {
             type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
         } & {
@@ -210,6 +228,12 @@ declare const _default: {
     colorType: {
         type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer" | ColorTypes>;
     };
+    "typography-value": {
+        type: import("vue").PropType<TypographyValue>;
+    };
+    typographyValue: {
+        type: import("vue").PropType<TypographyValue>;
+    };
     size: {
         type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
     } & {
@@ -242,6 +266,8 @@ declare const _default: {
         size?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
         blueprint?: TextBlueprint;
         toned?: boolean;
+        typographyValue?: TypographyValue;
+        "typography-value"?: TypographyValue;
         colorType?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
         "color-type"?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
         truncateLines?: number;

package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.d.ts

@@ -500,9 +500,9 @@ declare const _default: {
         colors?: any;
     } & {
         color?: ColorValue;
+        disabled?: boolean;
         label?: string;
         class?: String | String[];
-        disabled?: boolean;
         errorMessages?: string | string[];
         rows?: number;
         placeholder?: string;

package/internal-do-not-import-from-here/ux/oxide/textfield/TextField.css.d.ts

@@ -1,5 +1,6 @@
 import { BoxDimensions } from "@omnia/fx-models";
 export declare const TextFieldStyles: {
     generalField: (textColor: string, rounded: BoxDimensions, fixTextFiled: boolean) => string;
+    hint: (color: string) => string;
     iconButtonWrapper: string;
 };

package/internal-do-not-import-from-here/ux/oxide/textfield/TextField.d.ts

@@ -89,9 +89,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         } & {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         };
         placeholder: {
             type: import("vue").PropType<string>;
@@ -224,9 +224,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         } & {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         };
         placeholder: {
             type: import("vue").PropType<string>;
@@ -362,9 +362,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         } & {
-            type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+            type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
         };
         placeholder: {
             type: import("vue").PropType<string>;
@@ -497,9 +497,9 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     variant: {
-        type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+        type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
     } & {
-        type: import("vue").PropType<"search" | "link" | "default" | "find-slim" | "media">;
+        type: import("vue").PropType<"search" | "link" | "default" | "media" | "find-slim">;
     };
     placeholder: {
         type: import("vue").PropType<string>;
@@ -558,9 +558,9 @@ declare const _default: {
     } & {
         type?: "number" | "text" | "password";
         color?: ColorValue;
+        disabled?: boolean;
         label?: string;
         class?: String | String[];
-        disabled?: boolean;
         errorMessages?: string | string[];
         placeholder?: string;
         readonly?: boolean;
@@ -572,7 +572,7 @@ declare const _default: {
         } & VTextFieldSlots;
         prefix?: string;
         autofocus?: boolean;
-        variant?: "search" | "link" | "default" | "find-slim" | "media";
+        variant?: "search" | "link" | "default" | "media" | "find-slim";
         toned?: boolean;
         loading?: boolean;
         rules?: ValidationRule[];

package/internal-do-not-import-from-here/ux/oxide/treeview/Treeview.css.d.ts

@@ -1,7 +1,7 @@
-import { ColorDefinition, SpacingSettings, SpacingType } from "@omnia/fx-models";
+import { ColorDefinition, Spacing, SpacingValue } from "@omnia/fx-models";
 type PaddingSettings = {
-    padding: SpacingSettings | SpacingType;
-    indentation: number | SpacingType;
+    padding: Spacing | SpacingValue;
+    indentation: number | SpacingValue;
     level: number;
 };
 export declare const TreeViewStyles: {