@selfdecode/sd-component-library 2.44.0 → 2.44.1

package/lib/components/buttons/button/interfaces.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from "react";
 import { History } from "history";
 import { BaseComponentProps } from "../../interfaces";
 import { LoadingSpinnerProps as LoadingIconProps } from "../../animations/loading-spinner/interfaces";
+import { SxProps } from "rebass";
 /**
  * Defines the button component's properties. You cannot pass
  * both onClick and link props at the same time
@@ -164,4 +165,8 @@ export interface ButtonProps extends BaseComponentProps {
      * Style props passed to the loadingIcon when loading is true
      */
     loadingIconProps?: LoadingIconProps;
+    /**
+     * Button component sx.
+     */
+    sx?: SxProps["sx"];
 }

package/lib/components/buttons/cta/cta-button/interfaces.d.ts

@@ -2,4 +2,4 @@ import { ButtonProps } from "../../button";
 /**
  * Additional props we want to add
  */
-export declare type CtaButtonProps = Pick<ButtonProps, "link" | "isInternal" | "scrollTo" | "width" | "height" | "history" | "onClick" | "children" | "disabled" | "color" | "bg" | "borderColor" | "borderWidth" | "borderRadius" | "hoverBorderColor" | "hoverColor" | "hoverBg" | "v1" | "transition" | "m" | "mt" | "mr" | "mb" | "ml" | "padding" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "letterSpacing">;
+export declare type CtaButtonProps = Pick<ButtonProps, "link" | "isInternal" | "scrollTo" | "width" | "height" | "history" | "onClick" | "children" | "disabled" | "color" | "bg" | "borderColor" | "borderWidth" | "borderRadius" | "hoverBorderColor" | "hoverColor" | "hoverBg" | "v1" | "transition" | "m" | "mt" | "mr" | "mb" | "ml" | "padding" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "letterSpacing" | "sx">;

package/lib/components/buttons/cta/primary-blue-button/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { CtaButtonProps } from "../cta-button";
-export declare type PrimaryBlueButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight">;
+export declare type PrimaryBlueButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "sx">;

package/lib/components/buttons/cta/secondary-blue-button/interfaces.d.ts

@@ -1,2 +1,2 @@
 import { CtaButtonProps } from "../cta-button";
-export declare type SecondaryBlueButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight">;
+export declare type SecondaryBlueButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "sx">;

package/lib/components/custom-scrollbar-box/interfaces.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import React, { CSSProperties } from "react";
+import { SxProps } from "rebass";
 export interface CustomScrollbarBoxProps {
     /**
      * Content inside the scroll box
@@ -11,11 +12,11 @@ export interface CustomScrollbarBoxProps {
     /**
      * Height of the box
      */
-    height: Array<string>;
+    height: string | string[];
     /**
      * Width of the box
      */
-    width: Array<string>;
+    width: string | string[];
     /**
      * Color of the background of the scrollbar
      */
@@ -31,5 +32,17 @@ export interface CustomScrollbarBoxProps {
     /**
      * Padding around the content
      */
-    p?: Array<string>;
+    p?: string | string[];
+    /**
+     * Y-overflow of the content
+     */
+    overflowY?: CSSProperties["overflowY"];
+    /**
+     * Max height of the content
+     */
+    maxHeight?: string | string[];
+    /**
+     * Sx prop to customize inner container
+     */
+    sx?: SxProps["sx"];
 }

package/lib/components/inputs/date-inputs/primary-date-range-input/index.d.ts

@@ -0,0 +1 @@
+export { PrimaryDateRangeInput } from "./primary-date-range-input";

package/lib/components/inputs/date-inputs/primary-date-range-input/interfaces.d.ts

@@ -0,0 +1,21 @@
+import { BaseDateRangeInputProps } from "../base-date-range-input";
+export interface PrimaryDateRangeInputProps extends Omit<BaseDateRangeInputProps, "showCalendar" | "children" | "onClose"> {
+    width?: string | string[];
+    /**
+     * Label props.
+     */
+    label?: string;
+    labelColor?: string;
+    /**
+     * Text to be displayed inside of input.
+     */
+    text?: string;
+    /**
+     * Placeholder to be displayed inside of input if text isn't specified.
+     */
+    placeholder?: string;
+    /**
+     * Distance between label and input.
+     */
+    gap?: string | string[];
+}

package/lib/components/inputs/date-inputs/primary-date-range-input/primary-date-range-input.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { PrimaryDateRangeInputProps as Props } from "./interfaces";
+export declare const PrimaryDateRangeInput: React.FC<Props>;

package/lib/components/inputs/input/interfaces.d.ts

@@ -16,7 +16,7 @@ export declare type InputProps = BaseComponentProps & {
     /**
      * The padding to apply to the input.
      */
-    padding?: Array<string>;
+    padding?: string | string[];
     /**
      * The text alignment to use for the input
      */
@@ -24,7 +24,7 @@ export declare type InputProps = BaseComponentProps & {
     /**
      * The width of the input element
      */
-    width?: Array<string>;
+    width?: string | string[];
     /**
      * The input's placeholder
      */

package/lib/components/inputs/multi-row-secondary-text-input/index.d.ts

@@ -0,0 +1 @@
+export { MultiRowSecondaryTextInput } from "./multi-row-secondary-text-input";

package/lib/components/inputs/multi-row-secondary-text-input/interfaces.d.ts

@@ -0,0 +1,7 @@
+import { SecondaryTextInputProps } from "../secondary-text-input";
+export interface MultiRowSecondaryTextInputProps extends Omit<SecondaryTextInputProps, "value" | "onChange"> {
+    value: string;
+    onChange: (value: string) => void;
+    rows?: number;
+    lineHeight?: number;
+}

package/lib/components/inputs/multi-row-secondary-text-input/multi-row-secondary-text-input.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { MultiRowSecondaryTextInputProps as Props } from "./interfaces";
+export declare const MultiRowSecondaryTextInput: React.FC<Props>;

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

@@ -9,5 +9,6 @@ export interface MultiOptionDiscreteOutlineMeterProps<T> extends Omit<OutlineMet
 export interface DiscreteOutlineMeterOption<T> {
     label?: string;
     value: T;
+    labelColor?: string;
 }
 export declare type SmallMultiOptionDiscreteOutlineMeterProps<T> = MultiOptionDiscreteOutlineMeterProps<T>;

package/lib/index.d.ts

@@ -92,6 +92,8 @@ export { BaseDateRangeInput } from "./components/inputs/date-inputs/base-date-ra
 export type { BaseDateRangeInputProps };
 export { OutlinedDateRangeInput } from "./components/inputs/date-inputs/outlined-date-range-input";
 export type { OutlinedDateRangeInputProps };
+export { MultiRowSecondaryTextInput } from "./components/inputs/multi-row-secondary-text-input";
+export { PrimaryDateRangeInput } from "./components/inputs/date-inputs/primary-date-range-input";
 export { Link } from "./components/links/link";
 export declare type LinkProps = BaseLinkProps;
 export { PrimaryLink } from "./components/links/primary-link";