@selfdecode/sd-component-library 2.43.5 → 2.43.6

package/lib/components/slider/partials/step-circles/interfaces.d.ts

@@ -1,14 +1,14 @@
-export interface StepCirclesProps {
-    /**
-     * The current step
-     */
-    currentStep: number;
-    /**
-     * The maximum number of steps
-     */
-    maxSteps: number;
-    /**
-     * the color of the active step circle
-     */
-    activeStepColor?: string;
-}
+export interface StepCirclesProps {
+    /**
+     * The current step
+     */
+    currentStep: number;
+    /**
+     * The maximum number of steps
+     */
+    maxSteps: number;
+    /**
+     * the color of the active step circle
+     */
+    activeStepColor?: string;
+}

package/lib/components/slider/partials/step-circles/step-circles.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { StepCirclesProps } from "./interfaces";
-export declare const StepCircles: (props: StepCirclesProps) => JSX.Element;
+/// <reference types="react" />
+import { StepCirclesProps } from "./interfaces";
+export declare const StepCircles: (props: StepCirclesProps) => JSX.Element;

package/lib/components/slider/slider.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { SliderProps } from "./interfaces";
-export declare const Slider: (props: SliderProps) => JSX.Element;
+/// <reference types="react" />
+import { SliderProps } from "./interfaces";
+export declare const Slider: (props: SliderProps) => JSX.Element;

package/lib/components/switches/carousel-switch/carousel-switch.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { CarouselSwitchProps } from "./interfaces";
-export declare const CarouselSwitch: React.FC<CarouselSwitchProps>;
+import React from "react";
+import { CarouselSwitchProps } from "./interfaces";
+export declare const CarouselSwitch: React.FC<CarouselSwitchProps>;

package/lib/components/switches/carousel-switch/index.d.ts

@@ -1,2 +1,2 @@
-export { CarouselSwitch } from "./carousel-switch";
-export type { Selection, CarouselSwitchProps } from "./interfaces";
+export { CarouselSwitch } from "./carousel-switch";
+export type { Selection, CarouselSwitchProps } from "./interfaces";

package/lib/components/switches/carousel-switch/interfaces.d.ts

@@ -1,24 +1,24 @@
-import { BaseComponentProps } from "../../interfaces";
-export interface CarouselSwitchProps extends Pick<BaseComponentProps, "m"> {
-    /**
-     * Currently selected item.
-     */
-    currentSelection: Selection;
-    /**
-     * Ordered list of items to select.
-     */
-    selectionOptions: Selection[];
-    /**
-     * Callback after clicking left or right button.
-     * @param newSelection newly selected item.
-     */
-    onSelect: (newSelection: Selection) => void;
-    /**
-     * Width of the switch (from left arrow to right arrow).
-     */
-    width?: string[];
-}
-export interface Selection {
-    id: string;
-    title: string;
-}
+import { BaseComponentProps } from "../../interfaces";
+export interface CarouselSwitchProps extends Pick<BaseComponentProps, "m"> {
+    /**
+     * Currently selected item.
+     */
+    currentSelection: Selection;
+    /**
+     * Ordered list of items to select.
+     */
+    selectionOptions: Selection[];
+    /**
+     * Callback after clicking left or right button.
+     * @param newSelection newly selected item.
+     */
+    onSelect: (newSelection: Selection) => void;
+    /**
+     * Width of the switch (from left arrow to right arrow).
+     */
+    width?: string[];
+}
+export interface Selection {
+    id: string;
+    title: string;
+}

package/lib/components/switches/text-switch/index.d.ts

@@ -1,3 +1,3 @@
-import { TextSwitchProps as Props } from "./interfaces";
-export declare type TextSwitchProps = Props;
-export { TextSwitch } from "./text-switch";
+import { TextSwitchProps as Props } from "./interfaces";
+export declare type TextSwitchProps = Props;
+export { TextSwitch } from "./text-switch";

package/lib/components/switches/text-switch/interfaces.d.ts

@@ -1,63 +1,63 @@
-import { BaseComponentProps } from "../../../components/interfaces";
-export declare type Sides = "right" | "left";
-/**
- * Text Switch props.
- */
-export interface TextSwitchProps extends BaseComponentProps {
-    /**
-     * Currently displayed side.
-     */
-    value?: Sides;
-    /**
-     * Function to run when left side of the switch becomes active.
-     */
-    leftActive: () => void;
-    /**
-     * Function to run when right side of the switch becomes active.
-     */
-    rightActive: () => void;
-    /**
-     * Text in left side of the switch.
-     */
-    leftText: string;
-    /**
-     * Text in right side of the switch.
-     */
-    rightText: string;
-    /**
-     * Color of the toggle/active side background.
-     */
-    activeBGColor: string;
-    /**
-     * Color of the toggle/active side Text.
-     * Defaults to `"#fff"`
-     */
-    activeTextColor?: string;
-    /**
-     * Color of the unactive side text and border.
-     */
-    unactiveTextColor: string;
-    /**
-     * Color of the unactive side text and border.
-     * Defaults to `"transparent"`
-     */
-    unactiveBGColor?: string;
-    /**
-     * Width of the switch.
-     * Defaults to `"280px"`.
-     */
-    width?: Array<string>;
-    /**
-     * paddingX of each side of the switch.
-     */
-    sidePx: Array<string>;
-    /**
-     * paddingY of each side of the switch.
-     */
-    sidePy: Array<string>;
-    /**
-     * border-radius of the switch.
-     * Defaults to `"3px"`.
-     */
-    borderRadius?: string;
-}
+import { BaseComponentProps } from "../../../components/interfaces";
+export declare type Sides = "right" | "left";
+/**
+ * Text Switch props.
+ */
+export interface TextSwitchProps extends BaseComponentProps {
+    /**
+     * Currently displayed side.
+     */
+    value?: Sides;
+    /**
+     * Function to run when left side of the switch becomes active.
+     */
+    leftActive: () => void;
+    /**
+     * Function to run when right side of the switch becomes active.
+     */
+    rightActive: () => void;
+    /**
+     * Text in left side of the switch.
+     */
+    leftText: string;
+    /**
+     * Text in right side of the switch.
+     */
+    rightText: string;
+    /**
+     * Color of the toggle/active side background.
+     */
+    activeBGColor: string;
+    /**
+     * Color of the toggle/active side Text.
+     * Defaults to `"#fff"`
+     */
+    activeTextColor?: string;
+    /**
+     * Color of the unactive side text and border.
+     */
+    unactiveTextColor: string;
+    /**
+     * Color of the unactive side text and border.
+     * Defaults to `"transparent"`
+     */
+    unactiveBGColor?: string;
+    /**
+     * Width of the switch.
+     * Defaults to `"280px"`.
+     */
+    width?: Array<string>;
+    /**
+     * paddingX of each side of the switch.
+     */
+    sidePx: Array<string>;
+    /**
+     * paddingY of each side of the switch.
+     */
+    sidePy: Array<string>;
+    /**
+     * border-radius of the switch.
+     * Defaults to `"3px"`.
+     */
+    borderRadius?: string;
+}

package/lib/components/switches/text-switch/text-switch.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { TextSwitchProps } from "./interfaces";
-export declare const TextSwitch: React.FunctionComponent<TextSwitchProps>;
+import React from "react";
+import { TextSwitchProps } from "./interfaces";
+export declare const TextSwitch: React.FunctionComponent<TextSwitchProps>;

package/lib/components/tabs/tab-bar/index.d.ts

@@ -1 +1 @@
-export { TabBar } from "./tab-bar";
+export { TabBar } from "./tab-bar";

package/lib/components/tabs/tab-bar/interfaces.d.ts

@@ -1,44 +1,44 @@
-import { TabProps } from "./partials/tab/interfaces";
-/**
- * Configuration describing each tab
- */
-export declare type TabConfig<T> = Pick<TabProps<T>, "id" | "label" | "secondaryText" | "icon" | "bg" | "activeBg">;
-/**
- * Props for TabBar
- */
-export interface TabBarProps<T> {
-    /**
-     * Array containing configuration for each tab.
-     */
-    tabs: TabConfig<T>[];
-    /**
-     * Id of the currently selected tab
-     */
-    selectedTabId?: T;
-    /**
-     * Invoked when a tab is selected
-     * @param tabId - The id of the tab that was selected
-     */
-    onTabSelect?: (tabId: T) => void;
-    /**
-     * Text and Ribbon color when the tab is selected/active
-     */
-    activeColor?: string;
-    /**
-     * Text color when the tab is not selected/active
-     */
-    color?: string;
-    /**
-     * Flag to determine if a border should be displayed below the tabs.
-     */
-    displayBorder?: boolean;
-    /**
-     * Padding of each tab to be set up externally
-     * Default: ["16px 24px"]
-     */
-    tabPadding?: string[];
-    /**
-     * Width of each tab.
-     */
-    tabWidth?: string | string[];
-}
+import { TabProps } from "./partials/tab/interfaces";
+/**
+ * Configuration describing each tab
+ */
+export declare type TabConfig<T> = Pick<TabProps<T>, "id" | "label" | "secondaryText" | "icon" | "bg" | "activeBg" | "elementId">;
+/**
+ * Props for TabBar
+ */
+export interface TabBarProps<T> {
+    /**
+     * Array containing configuration for each tab.
+     */
+    tabs: TabConfig<T>[];
+    /**
+     * Id of the currently selected tab
+     */
+    selectedTabId?: T;
+    /**
+     * Invoked when a tab is selected
+     * @param tabId - The id of the tab that was selected
+     */
+    onTabSelect?: (tabId: T) => void;
+    /**
+     * Text and Ribbon color when the tab is selected/active
+     */
+    activeColor?: string;
+    /**
+     * Text color when the tab is not selected/active
+     */
+    color?: string;
+    /**
+     * Flag to determine if a border should be displayed below the tabs.
+     */
+    displayBorder?: boolean;
+    /**
+     * Padding of each tab to be set up externally
+     * Default: ["16px 24px"]
+     */
+    tabPadding?: string[];
+    /**
+     * Width of each tab.
+     */
+    tabWidth?: string | string[];
+}

package/lib/components/tabs/tab-bar/partials/tab/index.d.ts

@@ -1 +1 @@
-export { Tab } from "./tab";
+export { Tab } from "./tab";

package/lib/components/tabs/tab-bar/partials/tab/interfaces.d.ts

@@ -1,63 +1,67 @@
-import React from "react";
-export interface TabProps<T> {
-    /**
-     * Tab width.
-     */
-    width?: string | string[];
-    /**
-     * This is the text to be displayed on the tab
-     */
-    label: string | React.ReactNode;
-    /**
-     * Secondary text to be displayed right after label.
-     */
-    secondaryText?: string;
-    /**
-     * Icon to be displayed right after label.
-     */
-    icon?: React.ReactNode;
-    /**
-     * Unique value used to track the active tab
-     */
-    id: T;
-    /**
-     * Whether the this tab is selected or not
-     */
-    selected?: boolean;
-    /**
-     * Emits an event on click
-     */
-    onClick?: (e: MouseEvent) => void;
-    /**
-     * Text and Ribbon color when the tab is selected/active
-     */
-    activeColor?: string;
-    /**
-     * Text color when the tab is not selected/active
-     */
-    color?: string;
-    /**
-     * Padding of each tab to be set up externally
-     */
-    tabPadding: string[];
-    /**
-     * Tab background.
-     */
-    bg?: string;
-    /**
-     * Tab background in active state.
-     */
-    activeBg?: string;
-    /**
-     * Border radius of the tab
-     */
-    borderRadius?: string;
-    /**
-     * Color of the ribbon in active state.
-     */
-    activeRibbonColor?: string;
-    /**
-     * Provide a custom component to render instead of label/icon
-     */
-    tabHeaderComponent?: React.ReactNode;
-}
+import React from "react";
+export interface TabProps<T> {
+    /**
+     * Tab width.
+     */
+    width?: string | string[];
+    /**
+     * This is the text to be displayed on the tab
+     */
+    label: string | React.ReactNode;
+    /**
+     * Secondary text to be displayed right after label.
+     */
+    secondaryText?: string;
+    /**
+     * Icon to be displayed right after label.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Unique value used to track the active tab
+     */
+    id: T;
+    /**
+     * Whether the this tab is selected or not
+     */
+    selected?: boolean;
+    /**
+     * Emits an event on click
+     */
+    onClick?: (e: MouseEvent) => void;
+    /**
+     * Text and Ribbon color when the tab is selected/active
+     */
+    activeColor?: string;
+    /**
+     * Text color when the tab is not selected/active
+     */
+    color?: string;
+    /**
+     * Padding of each tab to be set up externally
+     */
+    tabPadding: string[];
+    /**
+     * Tab background.
+     */
+    bg?: string;
+    /**
+     * Tab background in active state.
+     */
+    activeBg?: string;
+    /**
+     * Border radius of the tab
+     */
+    borderRadius?: string;
+    /**
+     * Color of the ribbon in active state.
+     */
+    activeRibbonColor?: string;
+    /**
+     * Provide a custom component to render instead of label/icon
+     */
+    tabHeaderComponent?: React.ReactNode;
+    /**
+     * Optional string to be used as `id` on the tab's html element
+     */
+    elementId?: string;
+}

package/lib/components/tabs/tab-bar/partials/tab/tab.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
-import { TabProps } from "./interfaces";
-export declare const Ribbon: ({ active, activeColor }: {
-    active?: boolean | undefined;
-    activeColor?: string | undefined;
-}) => JSX.Element;
-export declare function Tab<T>({ width, label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, bg, activeBg, activeRibbonColor, borderRadius, tabHeaderComponent, }: TabProps<T>): JSX.Element;
+/// <reference types="react" />
+import { TabProps } from "./interfaces";
+export declare const Ribbon: ({ active, activeColor, color, }: {
+    active?: boolean | undefined;
+    activeColor?: string | undefined;
+    color?: string | undefined;
+}) => JSX.Element;
+export declare function Tab<T>({ width, label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, bg, activeBg, activeRibbonColor, borderRadius, tabHeaderComponent, elementId, }: TabProps<T>): JSX.Element;

package/lib/components/tabs/tab-bar/tab-bar.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { TabBarProps } from "./interfaces";
-export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, }: TabBarProps<T>): JSX.Element;
+/// <reference types="react" />
+import { TabBarProps } from "./interfaces";
+export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, }: TabBarProps<T>): JSX.Element;

package/lib/components/tabs/tab-bar-v2/index.d.ts

@@ -1 +1 @@
-export { TabBarV2 } from "./tab-bar-v2";
+export { TabBarV2 } from "./tab-bar-v2";

package/lib/components/tabs/tab-bar-v2/interfaces.d.ts

@@ -1,50 +1,50 @@
-export interface TabBarV2Props {
-    /**
-     * List of tabs.
-     */
-    tabs: TabV2Config[];
-    /**
-     * Id of the selected tab.
-     */
-    selectedTabId: string;
-    /**
-     * Callback to select different tab.
-     */
-    onSelect: (id: string) => void;
-    /**
-     * Text color of tab text.
-     */
-    color?: string;
-    /**
-     * Text color of the active tab text.
-     */
-    activeColor?: string;
-    /**
-     * Border color of tab bar.
-     */
-    borderColor?: string;
-    /**
-     * Border width of the tab bar.
-     */
-    borderWidth?: string;
-    /**
-     * Border radius of the tab bar (in px).
-     */
-    borderRadius?: number;
-    /**
-     * Side padding of the tab bar.
-     */
-    paddingX?: string;
-    /**
-     * Side padding of the tab.
-     */
-    tabPx?: string | string[];
-    /**
-     * Font size of the tab text.
-     */
-    fontSize?: number;
-}
-export interface TabV2Config {
-    id: string;
-    label: string;
-}
+export interface TabBarV2Props {
+    /**
+     * List of tabs.
+     */
+    tabs: TabV2Config[];
+    /**
+     * Id of the selected tab.
+     */
+    selectedTabId: string;
+    /**
+     * Callback to select different tab.
+     */
+    onSelect: (id: string) => void;
+    /**
+     * Text color of tab text.
+     */
+    color?: string;
+    /**
+     * Text color of the active tab text.
+     */
+    activeColor?: string;
+    /**
+     * Border color of tab bar.
+     */
+    borderColor?: string;
+    /**
+     * Border width of the tab bar.
+     */
+    borderWidth?: string;
+    /**
+     * Border radius of the tab bar (in px).
+     */
+    borderRadius?: number;
+    /**
+     * Side padding of the tab bar.
+     */
+    paddingX?: string;
+    /**
+     * Side padding of the tab.
+     */
+    tabPx?: string | string[];
+    /**
+     * Font size of the tab text.
+     */
+    fontSize?: number;
+}
+export interface TabV2Config {
+    id: string;
+    label: string;
+}

package/lib/components/tabs/tab-bar-v2/partials/tab-v2/index.d.ts

@@ -1 +1 @@
-export { TabV2 } from "./tab-v2";
+export { TabV2 } from "./tab-v2";

package/lib/components/tabs/tab-bar-v2/partials/tab-v2/interfaces.d.ts

@@ -1,23 +1,23 @@
-import { TabBarV2Props, TabV2Config } from "../../interfaces";
-export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "tabs" | "maxWidth" | "paddingX" | "selectedTabId" | "tabPx">> {
-    /**
-     * Index of the selected tab.
-     */
-    selectedIndex: number;
-    /**
-     * Index of the current tab.
-     */
-    idx: number;
-    /**
-     * Width of the dash under selected tab.
-     */
-    dashWidth?: number;
-    /**
-     * Height of the dash under selected tab.
-     */
-    dashHeight?: number;
-    /**
-     * Side padding of the tab
-     */
-    px?: string | string[];
-}
+import { TabBarV2Props, TabV2Config } from "../../interfaces";
+export interface TabV2Props extends TabV2Config, Required<Omit<TabBarV2Props, "tabs" | "maxWidth" | "paddingX" | "selectedTabId" | "tabPx">> {
+    /**
+     * Index of the selected tab.
+     */
+    selectedIndex: number;
+    /**
+     * Index of the current tab.
+     */
+    idx: number;
+    /**
+     * Width of the dash under selected tab.
+     */
+    dashWidth?: number;
+    /**
+     * Height of the dash under selected tab.
+     */
+    dashHeight?: number;
+    /**
+     * Side padding of the tab
+     */
+    px?: string | string[];
+}