@breadstone/mosaik-elements-vue 0.1.6 → 0.1.7

package/Controls/Components/Primitives/Tooltip/TooltipComponent.d.ts

@@ -5,9 +5,9 @@
  */
 export declare const TooltipComponent: import("vue").DefineComponent<{
     themeName?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
@@ -34,9 +34,9 @@ export declare const TooltipComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "opened" | "closed")[], "connected" | "disconnected" | "changed" | "opened" | "closed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;

package/Controls/Components/Primitives/UpDownSpinner/UpDownSpinnerComponent.d.ts

@@ -5,12 +5,12 @@
  */
 export declare const UpdownSpinnerComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
+    disabled?: any;
+    variant?: any;
     increaseIcon?: any;
     decreaseIcon?: any;
     delay?: any;
@@ -24,12 +24,12 @@ export declare const UpdownSpinnerComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "spinned")[], "connected" | "disconnected" | "changed" | "spinned", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
+    disabled?: any;
+    variant?: any;
     increaseIcon?: any;
     decreaseIcon?: any;
     delay?: any;

package/Controls/Components/Primitives/WheelPicker/WheelPickerComponent.d.ts

@@ -4,25 +4,25 @@
  * @public
  */
 export declare const WheelPickerComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     items?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "wheelPickerChange")[], "connected" | "disconnected" | "changed" | "wheelPickerChange", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     items?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/listing/ListingComponent.d.ts

@@ -5,11 +5,11 @@
  */
 export declare const ListingComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
+    variant?: any;
     size?: any;
     type?: any;
     start?: any;
@@ -20,11 +20,11 @@ export declare const ListingComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
+    variant?: any;
     size?: any;
     type?: any;
     start?: any;

package/Controls/Components/Primitives/listing/ListingItemComponent.d.ts

@@ -4,14 +4,14 @@
  * @public
  */
 export declare const ListingItemComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     header?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     size?: any;
     content?: any;
     formatter?: any;
@@ -21,14 +21,14 @@ export declare const ListingItemComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     header?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     size?: any;
     content?: any;
     formatter?: any;

package/Controls/Components/Primitives/listing/ListingItemMarkerComponent.d.ts

@@ -5,12 +5,12 @@
  */
 export declare const ListingItemMarkerComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
     index?: any;
+    variant?: any;
     size?: any;
     type?: any;
     numberingType?: any;
@@ -19,12 +19,12 @@ export declare const ListingItemMarkerComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
     index?: any;
+    variant?: any;
     size?: any;
     type?: any;
     numberingType?: any;

package/Controls/Components/Primitives/thumb/ThumbComponent.d.ts

@@ -5,17 +5,17 @@
  */
 export declare const ThumbComponent: import("vue").DefineComponent<{
     themeName?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
     edge?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
     edge?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Ranges/MeterBar/MeterBarComponent.d.ts

@@ -4,14 +4,14 @@
  * @public
  */
 export declare const MeterBarComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;
@@ -25,14 +25,14 @@ export declare const MeterBarComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;

package/Controls/Components/Ranges/MeterRing/MeterRingComponent.d.ts

@@ -4,14 +4,14 @@
  * @public
  */
 export declare const MeterRingComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;
@@ -26,14 +26,14 @@ export declare const MeterRingComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;

package/Controls/Components/Ranges/ProgressBar/ProgressBarComponent.d.ts

@@ -4,14 +4,14 @@
  * @public
  */
 export declare const ProgressBarComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;
@@ -20,14 +20,14 @@ export declare const ProgressBarComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;

package/Controls/Components/Ranges/ProgressRing/ProgressRingComponent.d.ts

@@ -4,14 +4,14 @@
  * @public
  */
 export declare const ProgressRingComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;
@@ -20,14 +20,14 @@ export declare const ProgressRingComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;

package/Controls/Components/Ranges/ScrubSlider/ScrubSliderComponent.d.ts

@@ -4,16 +4,16 @@
  * @public
  */
 export declare const ScrubSliderComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     track?: any;
     invalid?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     isFocused?: any;
     step?: any;
     ticks?: any;
@@ -29,16 +29,16 @@ export declare const ScrubSliderComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "input" | "rangeValueChanged" | "change")[], "connected" | "disconnected" | "changed" | "input" | "rangeValueChanged" | "change", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     track?: any;
     invalid?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     isFocused?: any;
     step?: any;
     ticks?: any;

package/Controls/Components/Ranges/Slider/SliderComponent.d.ts

@@ -4,16 +4,16 @@
  * @public
  */
 export declare const SliderComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     track?: any;
     invalid?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     isFocused?: any;
     step?: any;
     ticks?: any;
@@ -27,16 +27,16 @@ export declare const SliderComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     track?: any;
     invalid?: any;
     orientation?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     isFocused?: any;
     step?: any;
     ticks?: any;

package/Controls/Components/Ranges/Slider2/Slider2Component.d.ts

@@ -4,15 +4,15 @@
  * @public
  */
 export declare const Slider2Component: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
     gap?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     step?: any;
     min?: any;
     max?: any;
@@ -22,15 +22,15 @@ export declare const Slider2Component: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
     gap?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     step?: any;
     min?: any;
     max?: any;

package/Controls/Components/Ranges/Slider2/Slider2ThumbComponent.d.ts

@@ -4,12 +4,12 @@
  * @public
  */
 export declare const Slider2ThumbComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     isFocused?: any;
     step?: any;
     min?: any;
@@ -17,12 +17,12 @@ export declare const Slider2ThumbComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
+    value?: any;
+    variant?: any;
     isFocused?: any;
     step?: any;
     min?: any;

package/Controls/Components/Selectors/Carousel/CarouselComponent.d.ts

@@ -5,12 +5,12 @@
  */
 export declare const CarouselComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
     selectedItem?: any;
+    variant?: any;
     loop?: any;
     timeout?: any;
     displayMode?: any;
@@ -24,12 +24,12 @@ export declare const CarouselComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged")[], "connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
     selectedItem?: any;
+    variant?: any;
     loop?: any;
     timeout?: any;
     displayMode?: any;

package/Controls/Components/Selectors/Carousel/CarouselItemComponent.d.ts

@@ -4,15 +4,15 @@
  * @public
  */
 export declare const CarouselItemComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
     isActive?: any;
     isSelected?: any;
     index?: any;
     displayText?: any;
+    value?: any;
     timeout?: any;
     isDismissed?: any;
     dismissDirection?: any;
@@ -20,15 +20,15 @@ export declare const CarouselItemComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selected" | "deselected")[], "connected" | "disconnected" | "changed" | "selected" | "deselected", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
+    disabled?: any;
     isActive?: any;
     isSelected?: any;
     index?: any;
     displayText?: any;
+    value?: any;
     timeout?: any;
     isDismissed?: any;
     dismissDirection?: any;

package/Controls/Components/Selectors/Carousel2/CarouselItem2Component.d.ts

@@ -4,23 +4,23 @@
  * @public
  */
 export declare const CarouselItem2Component: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     isSelected?: any;
     index?: any;
     displayText?: any;
+    value?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selected" | "deselected")[], "connected" | "disconnected" | "changed" | "selected" | "deselected", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     isSelected?: any;
     index?: any;
     displayText?: any;
+    value?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Selectors/Combo/ComboComponent.d.ts

@@ -4,19 +4,19 @@
  * @public
  */
 export declare const ComboComponent: import("vue").DefineComponent<{
-    value?: any;
-    placeholder?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
     invalid?: any;
+    disabled?: any;
     selectedItem?: any;
+    value?: any;
+    variant?: any;
     selectionMode?: any;
     required?: any;
+    placeholder?: any;
     textAlign?: any;
     isClearable?: any;
     dropDownPlacement?: any;
@@ -34,19 +34,19 @@ export declare const ComboComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged" | "cleared")[], "connected" | "disconnected" | "changed" | "selectionChanged" | "itemsChanged" | "cleared", import("vue").PublicProps, Readonly<{
-    value?: any;
-    placeholder?: any;
     themeName?: any;
-    variant?: any;
     appearance?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
     invalid?: any;
+    disabled?: any;
     selectedItem?: any;
+    value?: any;
+    variant?: any;
     selectionMode?: any;
     required?: any;
+    placeholder?: any;
     textAlign?: any;
     isClearable?: any;
     dropDownPlacement?: any;

package/Controls/Components/Selectors/Combo/ComboItemComponent.d.ts

@@ -4,17 +4,17 @@
  * @public
  */
 export declare const ComboItemComponent: import("vue").DefineComponent<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
+    disabled?: any;
     isActive?: any;
     isSelected?: any;
     index?: any;
     displayText?: any;
+    value?: any;
+    variant?: any;
     isChecked?: any;
     isFocused?: any;
     icon?: any;
@@ -22,17 +22,17 @@ export declare const ComboItemComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "selected" | "deselected")[], "connected" | "disconnected" | "changed" | "selected" | "deselected", import("vue").PublicProps, Readonly<{
-    value?: any;
     themeName?: any;
-    variant?: any;
-    disabled?: any;
     dir?: any;
     lang?: any;
     label?: any;
+    disabled?: any;
     isActive?: any;
     isSelected?: any;
     index?: any;
     displayText?: any;
+    value?: any;
+    variant?: any;
     isChecked?: any;
     isFocused?: any;
     icon?: any;