@selfdecode/sd-component-library 2.44.3 → 2.44.6-react-17

package/lib/components/inputs/search-input/presentational/interfaces.d.ts

@@ -1,5 +1,6 @@
 import { PrimaryTextInputProps } from "../../primary-text-input";
 import { SearchResult } from "../partials/search-box/interfaces";
+import { SxProps } from "rebass";
 /**
  * Defines SearchInput component's properties.
  */
@@ -29,9 +30,15 @@ export interface SearchInputProps extends BaseInputProps {
     /**
      * The array of results
      */
-    searchResults?: Array<SearchResult>;
+    searchResults?: SearchResult[];
     /**
      * Whether to use react-router links.
      */
     useRouterLinks?: boolean;
+    /**
+     * Sx prop of the container.
+     */
+    containerSx?: SxProps["sx"];
+    searchIconBottom?: string;
+    xIconBottom?: string;
 }

package/lib/components/meters/outline-meter/interfaces.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from "react";
 export declare type OutlineMeterPosition = number;
 export interface OutlineMeterProps {
     /**
@@ -106,6 +107,10 @@ export interface OutlineMeterProps {
      * Border radius of the mask.
      */
     maskBorderRadius?: number;
+    /**
+     * Cursor for the gauge.
+     */
+    cursor?: CSSProperties["cursor"];
 }
 export declare type SmallOutlineMeterProps = OutlineMeterProps;
 export interface OutlineMeterRangeConfig {

package/lib/components/meters/smiley-meter-v2/interfaces.d.ts

@@ -1,5 +1,5 @@
 import { OutlineMeterProps } from "../outline-meter";
-export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "counterClockWise" | "maskBorderRadius"> {
+export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "counterClockWise" | "maskBorderRadius" | "cursor"> {
     /**
      * Colors for smiley corresponding to state.
      */

package/lib/components/utils/anchor/interfaces.d.ts

@@ -30,4 +30,8 @@ export interface AnchorProps {
      * Children of Anchor component.
      */
     children: React.ReactNode;
+    /**
+     * Scroll behavior for the anchor.
+     */
+    scrollBehavior?: "auto" | "smooth";
 }

package/lib/components/utils/anchor/refs-manager.d.ts

@@ -27,8 +27,9 @@ declare class RefsManager {
      * Scroll the component with provided ID into the view.
      *
      * @param id ID for the component.
+     * @param behavior Scroll behavior.
      */
-    scrollToRef(id: string): void;
+    scrollToRef(id: string, behavior?: "smooth" | "auto"): void;
 }
 export declare const refsManager: RefsManager;
 export {};

package/lib/core/theme.d.ts

@@ -326,6 +326,7 @@ declare const _default: {
                     width: string;
                     bg: string;
                     px: string;
+                    zIndex: number;
                 };
                 customSecondary: {
                     fontSize: string;