sag_components 2.0.0-beta304 → 2.0.0-beta306

package/dist/types/components/QuickFilter/QuickFilter.d.ts

@@ -1,4 +1,4 @@
-export function QuickFilter({ hoverColor, multipleSelection, xIconShow, disabled, error, errorMessage, label, labelColor, placeHolder, width, height, checkBoxColor, dropdownHeight, onChange, options, selectedValue, }: {
+export function QuickFilter({ hoverColor, multipleSelection, xIconShow, disabled, error, errorMessage, label, labelColor, placeHolder, optionHoverColor, selectedOptionColor, width, height, checkBoxColor, dropdownHeight, onChange, options, selectedValue, }: {
     hoverColor?: string;
     multipleSelection?: boolean;
     xIconShow?: boolean;
@@ -8,6 +8,8 @@ export function QuickFilter({ hoverColor, multipleSelection, xIconShow, disabled
     label?: string;
     labelColor?: string;
     placeHolder?: string;
+    optionHoverColor?: string;
+    selectedOptionColor?: string;
     width?: string;
     height?: string;
     checkBoxColor?: string;

package/dist/types/components/QuickFilter/QuickFilter.stories.d.ts

@@ -56,206 +56,225 @@ declare namespace _default {
             }
             export { control_3 as control };
         }
-        namespace options {
+        namespace optionHoverColor {
             const name_5: string;
             export { name_5 as name };
             const description_4: string;
             export { description_4 as description };
         }
-        namespace selectedValue {
+        namespace options {
             const name_6: string;
             export { name_6 as name };
             const description_5: string;
             export { description_5 as description };
         }
-        namespace multipleSelection {
+        namespace selectedValue {
             const name_7: string;
             export { name_7 as name };
-            export namespace type_5 {
-                const name_8: string;
-                export { name_8 as name };
-            }
-            export { type_5 as type };
             const description_6: string;
             export { description_6 as description };
-            export namespace defaultValue_1 {
-                const summary_1: boolean;
-                export { summary_1 as summary };
-            }
-            export { defaultValue_1 as defaultValue };
+        }
+        namespace selectedOptionColor {
+            const name_8: string;
+            export { name_8 as name };
+            const description_7: string;
+            export { description_7 as description };
             export namespace control_4 {
-                const type_6: string;
-                export { type_6 as type };
+                const type_5: string;
+                export { type_5 as type };
+                const presetColors_3: string[];
+                export { presetColors_3 as presetColors };
             }
             export { control_4 as control };
         }
-        namespace placeHolder {
+        namespace multipleSelection {
             const name_9: string;
             export { name_9 as name };
-            export namespace type_7 {
+            export namespace type_6 {
                 const name_10: string;
                 export { name_10 as name };
             }
-            export { type_7 as type };
-            const description_7: string;
-            export { description_7 as description };
-            export namespace defaultValue_2 {
-                const summary_2: string;
-                export { summary_2 as summary };
+            export { type_6 as type };
+            const description_8: string;
+            export { description_8 as description };
+            export namespace defaultValue_1 {
+                const summary_1: boolean;
+                export { summary_1 as summary };
             }
-            export { defaultValue_2 as defaultValue };
+            export { defaultValue_1 as defaultValue };
             export namespace control_5 {
-                const type_8: string;
-                export { type_8 as type };
+                const type_7: string;
+                export { type_7 as type };
             }
             export { control_5 as control };
         }
-        namespace width {
+        namespace placeHolder {
             const name_11: string;
             export { name_11 as name };
-            export namespace type_9 {
+            export namespace type_8 {
                 const name_12: string;
                 export { name_12 as name };
             }
-            export { type_9 as type };
-            const description_8: string;
-            export { description_8 as description };
-            export namespace defaultValue_3 {
-                const summary_3: string;
-                export { summary_3 as summary };
+            export { type_8 as type };
+            const description_9: string;
+            export { description_9 as description };
+            export namespace defaultValue_2 {
+                const summary_2: string;
+                export { summary_2 as summary };
             }
-            export { defaultValue_3 as defaultValue };
+            export { defaultValue_2 as defaultValue };
             export namespace control_6 {
-                const type_10: string;
-                export { type_10 as type };
+                const type_9: string;
+                export { type_9 as type };
             }
             export { control_6 as control };
         }
-        namespace disabled {
+        namespace width {
             const name_13: string;
             export { name_13 as name };
-            export namespace type_11 {
+            export namespace type_10 {
                 const name_14: string;
                 export { name_14 as name };
             }
-            export { type_11 as type };
-            const description_9: string;
-            export { description_9 as description };
-            export namespace defaultValue_4 {
-                const summary_4: boolean;
-                export { summary_4 as summary };
+            export { type_10 as type };
+            const description_10: string;
+            export { description_10 as description };
+            export namespace defaultValue_3 {
+                const summary_3: string;
+                export { summary_3 as summary };
             }
-            export { defaultValue_4 as defaultValue };
+            export { defaultValue_3 as defaultValue };
             export namespace control_7 {
-                const type_12: string;
-                export { type_12 as type };
+                const type_11: string;
+                export { type_11 as type };
             }
             export { control_7 as control };
         }
-        namespace error {
+        namespace disabled {
             const name_15: string;
             export { name_15 as name };
-            export namespace type_13 {
+            export namespace type_12 {
                 const name_16: string;
                 export { name_16 as name };
             }
-            export { type_13 as type };
-            const description_10: string;
-            export { description_10 as description };
-            export namespace defaultValue_5 {
-                const summary_5: boolean;
-                export { summary_5 as summary };
+            export { type_12 as type };
+            const description_11: string;
+            export { description_11 as description };
+            export namespace defaultValue_4 {
+                const summary_4: boolean;
+                export { summary_4 as summary };
             }
-            export { defaultValue_5 as defaultValue };
+            export { defaultValue_4 as defaultValue };
             export namespace control_8 {
-                const type_14: string;
-                export { type_14 as type };
+                const type_13: string;
+                export { type_13 as type };
             }
             export { control_8 as control };
         }
-        namespace errorMessage {
+        namespace error {
             const name_17: string;
             export { name_17 as name };
-            export namespace type_15 {
+            export namespace type_14 {
                 const name_18: string;
                 export { name_18 as name };
             }
-            export { type_15 as type };
-            const description_11: string;
-            export { description_11 as description };
-            export namespace defaultValue_6 {
-                const summary_6: string;
-                export { summary_6 as summary };
+            export { type_14 as type };
+            const description_12: string;
+            export { description_12 as description };
+            export namespace defaultValue_5 {
+                const summary_5: boolean;
+                export { summary_5 as summary };
             }
-            export { defaultValue_6 as defaultValue };
+            export { defaultValue_5 as defaultValue };
             export namespace control_9 {
-                const type_16: string;
-                export { type_16 as type };
+                const type_15: string;
+                export { type_15 as type };
             }
             export { control_9 as control };
         }
-        namespace xIconShow {
+        namespace errorMessage {
             const name_19: string;
             export { name_19 as name };
-            export namespace type_17 {
+            export namespace type_16 {
                 const name_20: string;
                 export { name_20 as name };
             }
-            export { type_17 as type };
-            const description_12: string;
-            export { description_12 as description };
-            export namespace defaultValue_7 {
-                const summary_7: boolean;
-                export { summary_7 as summary };
+            export { type_16 as type };
+            const description_13: string;
+            export { description_13 as description };
+            export namespace defaultValue_6 {
+                const summary_6: string;
+                export { summary_6 as summary };
             }
-            export { defaultValue_7 as defaultValue };
+            export { defaultValue_6 as defaultValue };
             export namespace control_10 {
-                const type_18: string;
-                export { type_18 as type };
+                const type_17: string;
+                export { type_17 as type };
             }
             export { control_10 as control };
         }
-        namespace onChange {
+        namespace xIconShow {
             const name_21: string;
             export { name_21 as name };
-            export namespace type_19 {
+            export namespace type_18 {
                 const name_22: string;
                 export { name_22 as name };
             }
-            export { type_19 as type };
-            const description_13: string;
-            export { description_13 as description };
-            export namespace defaultValue_8 {
-                const summary_8: string;
-                export { summary_8 as summary };
+            export { type_18 as type };
+            const description_14: string;
+            export { description_14 as description };
+            export namespace defaultValue_7 {
+                const summary_7: boolean;
+                export { summary_7 as summary };
             }
-            export { defaultValue_8 as defaultValue };
+            export { defaultValue_7 as defaultValue };
             export namespace control_11 {
-                const type_20: any;
-                export { type_20 as type };
+                const type_19: string;
+                export { type_19 as type };
             }
             export { control_11 as control };
         }
-        namespace dropdownHeight {
+        namespace onChange {
             const name_23: string;
             export { name_23 as name };
-            export namespace type_21 {
+            export namespace type_20 {
                 const name_24: string;
                 export { name_24 as name };
             }
-            export { type_21 as type };
-            const description_14: string;
-            export { description_14 as description };
+            export { type_20 as type };
+            const description_15: string;
+            export { description_15 as description };
+            export namespace defaultValue_8 {
+                const summary_8: string;
+                export { summary_8 as summary };
+            }
+            export { defaultValue_8 as defaultValue };
+            export namespace control_12 {
+                const type_21: any;
+                export { type_21 as type };
+            }
+            export { control_12 as control };
+        }
+        namespace dropdownHeight {
+            const name_25: string;
+            export { name_25 as name };
+            export namespace type_22 {
+                const name_26: string;
+                export { name_26 as name };
+            }
+            export { type_22 as type };
+            const description_16: string;
+            export { description_16 as description };
             export namespace defaultValue_9 {
                 const summary_9: string;
                 export { summary_9 as summary };
             }
             export { defaultValue_9 as defaultValue };
-            export namespace control_12 {
-                const type_22: string;
-                export { type_22 as type };
+            export namespace control_13 {
+                const type_23: string;
+                export { type_23 as type };
             }
-            export { control_12 as control };
+            export { control_13 as control };
         }
     }
 }

package/dist/types/components/QuickFilterDropdownMultiSelection/QuickFilterDropdownMultiSelection.d.ts

@@ -1,4 +1,4 @@
-export function QuickFilterDropdownMultiSelection({ label, labelEmptyValue, options, selectedValue, placeHolder, onChange, required, disabled, width, height, error, errorMessage, labelColor, xIconShow, checkBoxColor, showLabelOnTop, dropdownHeight, }: {
+export function QuickFilterDropdownMultiSelection({ label, labelEmptyValue, options, selectedValue, placeHolder, onChange, required, disabled, width, height, error, errorMessage, labelColor, optionHoverColor, xIconShow, checkBoxColor, showLabelOnTop, dropdownHeight, }: {
     label: any;
     labelEmptyValue: any;
     options: any;
@@ -12,6 +12,7 @@ export function QuickFilterDropdownMultiSelection({ label, labelEmptyValue, opti
     error: any;
     errorMessage: any;
     labelColor: any;
+    optionHoverColor?: string;
     xIconShow: any;
     checkBoxColor: any;
     showLabelOnTop: any;

package/dist/types/components/QuickFilterDropdownSingle/QuickFilterDropdownSingle.d.ts

@@ -1,9 +1,11 @@
-export function QuickFilterDropdownSingle({ label, hoverColor, options, selectedValue, placeHolder, onChange, disabled, width, error, errorMessage, xIconShow, labelColor, showLabelOnTop, }: {
+export function QuickFilterDropdownSingle({ label, hoverColor, options, selectedValue, placeHolder, optionHoverColor, selectedOptionColor, onChange, disabled, width, error, errorMessage, xIconShow, labelColor, showLabelOnTop, }: {
     label: any;
     hoverColor: any;
     options: any;
     selectedValue: any;
     placeHolder: any;
+    optionHoverColor?: string;
+    selectedOptionColor?: string;
     onChange: any;
     disabled: any;
     width: any;
@@ -19,6 +21,8 @@ export namespace QuickFilterDropdownSingle {
         const label: PropTypes.Requireable<string>;
         const labelColor: PropTypes.Requireable<string>;
         const hoverColor: PropTypes.Requireable<string>;
+        const optionHoverColor: PropTypes.Requireable<string>;
+        const selectedOptionColor: PropTypes.Requireable<string>;
         const width: PropTypes.Requireable<string>;
         const disabled: PropTypes.Requireable<boolean>;
         const error: PropTypes.Requireable<boolean>;
@@ -44,6 +48,10 @@ export namespace QuickFilterDropdownSingle {
         export { labelColor_1 as labelColor };
         const hoverColor_1: string;
         export { hoverColor_1 as hoverColor };
+        const optionHoverColor_1: string;
+        export { optionHoverColor_1 as optionHoverColor };
+        const selectedOptionColor_1: string;
+        export { selectedOptionColor_1 as selectedOptionColor };
         const width_1: string;
         export { width_1 as width };
         const disabled_1: boolean;

package/dist/types/components/SearchInput/SearchInput.stories.d.ts

@@ -71,6 +71,30 @@ declare namespace _default {
             export { description_5 as description };
             export const action: string;
         }
+        namespace onClear {
+            const name_6: string;
+            export { name_6 as name };
+            export namespace control_6 {
+                const type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            const description_6: string;
+            export { description_6 as description };
+            const action_1: string;
+            export { action_1 as action };
+        }
+        namespace clearTrigger {
+            const name_7: string;
+            export { name_7 as name };
+            export namespace control_7 {
+                const type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            const description_7: string;
+            export { description_7 as description };
+        }
     }
 }
 export default _default;
@@ -90,4 +114,7 @@ export namespace Default {
         export { onTyping_1 as onTyping };
     }
 }
+export namespace WithClearButton {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
 import SearchInput from "./SearchInput";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "2.0.0-beta304",
+  "version": "2.0.0-beta306",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",