@selfdecode/sd-component-library 4.0.146 → 4.0.148

package/lib/components/badges/secondary-badge/secondary-badge.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { SecondaryBadgeProps } from './interfaces';
-
-/**
- * The secondary badge.
- */
-export declare const SecondaryBadge: React.FC<SecondaryBadgeProps>;

package/lib/components/badges/secondary-badge/secondary-badge.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { SecondaryBadge } from '.';
-
-declare const meta: Meta<typeof SecondaryBadge>;
-export default meta;
-declare type Story = StoryObj<typeof SecondaryBadge>;
-export declare const Example: Story;

package/lib/components/boolean-feedback/base-boolean-feedback/base-boolean-feedback.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { BaseBooleanFeedbackProps } from './interfaces';
-
-/**
- *  BaseBooleanFeedback component.
- */
-export declare const BaseBooleanFeedback: React.FC<BaseBooleanFeedbackProps>;

package/lib/components/boolean-feedback/base-boolean-feedback/index.d.ts

@@ -1,4 +0,0 @@
-import { BaseBooleanFeedbackProps as Props } from './interfaces';
-
-export { BaseBooleanFeedback } from './base-boolean-feedback';
-export declare type BaseBooleanFeedbackProps = Props;

package/lib/components/boolean-feedback/base-boolean-feedback/interfaces.d.ts

@@ -1,28 +0,0 @@
-import { BaseComponentProps } from '../../interfaces';
-
-export interface BaseBooleanFeedbackProps extends BaseComponentProps {
-    /**
-     * Title for the feedback prompt
-     */
-    title: string;
-    /**
-     * Render component for positive feedback
-     */
-    renderPositiveOption: (cb: () => void) => React.ReactNode;
-    /**
-     * Render component for negative feedback
-     */
-    renderNegativeOption: (cb: () => void) => React.ReactNode;
-    /**
-     * Callback for positive feedback action
-     */
-    onPositiveFeedback: () => void;
-    /**
-     * Callback for negative feedback action
-     */
-    onNegativeFeedback: () => void;
-    /**
-     * Enum to hold which option is selected.
-     */
-    optionSelected?: "positive" | "negative" | "none";
-}

package/lib/components/boolean-feedback/index.d.ts

@@ -1 +0,0 @@
-export * from './thumbs-feedback';

package/lib/components/boolean-feedback/thumbs-feedback/assets/index.d.ts

@@ -1,2 +0,0 @@
-export { ReactComponent as ThumbsUp } from './thumbs-up.svg';
-export { ReactComponent as ThumbsDown } from './thumbs-down.svg';

package/lib/components/boolean-feedback/thumbs-feedback/assets/thumbs-down.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.531 33">
-    <path
-        d="M14.524,22.5v6a4.5,4.5,0,0,0,4.5,4.5l6-13.5V3H8.1a3,3,0,0,0-3,2.55l-2.07,13.5a3,3,0,0,0,3,3.45ZM25.024,3h4.5a3,3,0,0,1,3,3V16.5a3,3,0,0,1-3,3h-4.5"
-        transform="translate(-1.493 -1.5)" />
-</svg>

package/lib/components/boolean-feedback/thumbs-feedback/assets/thumbs-up.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.531 33">
-    <path
-        d="M21,13.5v-6A4.5,4.5,0,0,0,16.5,3l-6,13.5V33H27.42a3,3,0,0,0,3-2.55l2.07-13.5a3,3,0,0,0-3-3.45ZM10.5,33H6a3,3,0,0,1-3-3V19.5a3,3,0,0,1,3-3h4.5"
-        transform="translate(-1.5 -1.5)" />
-</svg>

package/lib/components/boolean-feedback/thumbs-feedback/index.d.ts

@@ -1 +0,0 @@
-export { ThumbsFeedback } from './thumbs-feedback';

package/lib/components/boolean-feedback/thumbs-feedback/interfaces.d.ts

@@ -1,3 +0,0 @@
-import { BaseBooleanFeedbackProps } from '../base-boolean-feedback';
-
-export declare type ThumbsFeedbackProps = Pick<BaseBooleanFeedbackProps, "m" | "mt" | "mr" | "mb" | "ml" | "title" | "onNegativeFeedback" | "onPositiveFeedback" | "optionSelected">;

package/lib/components/boolean-feedback/thumbs-feedback/thumbs-feedback.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { ThumbsFeedbackProps } from './interfaces';
-
-/**
- *  ThumbsFeedback component.
- */
-export declare const ThumbsFeedback: (props: ThumbsFeedbackProps) => React.ReactElement<ThumbsFeedbackProps>;

package/lib/components/boolean-feedback/thumbs-feedback/thumbs-feedback.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ThumbsFeedback } from '.';
-
-declare const meta: Meta<typeof ThumbsFeedback>;
-export default meta;
-declare type Story = StoryObj<typeof ThumbsFeedback>;
-export declare const Example: Story;
-export declare const Interactive: Story;

package/lib/components/cards/index.d.ts

@@ -1 +0,0 @@
-export * from './round-card';

package/lib/components/cards/round-card/index.d.ts

@@ -1 +0,0 @@
-export { RoundCard } from './round-card';

package/lib/components/cards/round-card/interfaces.d.ts

@@ -1,37 +0,0 @@
-import { BaseComponentProps } from '../../interfaces';
-
-export interface RoundCardProps extends BaseComponentProps {
-    /**
-     * The card's width
-     */
-    width?: Array<string>;
-    /**
-     * The card's height
-     */
-    height?: Array<string>;
-    /**
-     * borderStyle of card
-     */
-    borderWidth?: Array<string>;
-    /**
-     * Color of the border
-     */
-    borderColor?: string;
-    /**
-     * padding of card.
-     */
-    p?: Array<string>;
-    /**
-     * Background color.
-     */
-    backgroundColor?: string;
-    /**
-     * Children to be rendered in the card
-     */
-    children: React.ReactNode;
-    /**
-     * Border radius of the card.
-     */
-    borderRadius?: string | string[];
-    minWidth?: string;
-}

package/lib/components/cards/round-card/round-card.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { RoundCardProps } from './interfaces';
-
-/**
- *  RoundCard component.
- */
-export declare const RoundCard: React.FC<RoundCardProps>;

package/lib/components/cards/round-card/round-card.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { RoundCard } from '.';
-
-declare const meta: Meta<typeof RoundCard>;
-export default meta;
-declare type Story = StoryObj<typeof RoundCard>;
-export declare const Example: Story;

package/lib/components/modals/primary-modal/index.d.ts

@@ -1 +0,0 @@
-export { PrimaryModal } from './primary-modal';

package/lib/components/modals/primary-modal/interfaces.d.ts

@@ -1,12 +0,0 @@
-import { ModalProps } from '../modal';
-
-export interface PrimaryModalProps extends ModalProps {
-    /**
-     * heading of the modal
-     */
-    heading: string;
-    /**
-     * text content of the modal
-     */
-    text: string;
-}

package/lib/components/modals/primary-modal/primary-modal.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { PrimaryModalProps } from './interfaces';
-
-/**
- * The tour button.
- */
-export declare const PrimaryModal: React.FC<PrimaryModalProps>;

package/lib/components/modals/primary-modal/primary-modal.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { PrimaryModal } from '.';
-
-declare const meta: Meta<typeof PrimaryModal>;
-export default meta;
-declare type Story = StoryObj<typeof PrimaryModal>;
-export declare const Example: Story;
-export declare const Interactive: Story;
-export declare const ContantChangeBeforeClose: Story;

package/lib/components/progress-bars/striped-line-progress-bar/index.d.ts

@@ -1 +0,0 @@
-export { StripedLineProgressBar } from './striped-line-progress-bar';

package/lib/components/progress-bars/striped-line-progress-bar/interfaces.d.ts

@@ -1,18 +0,0 @@
-import { ProgressBarProps } from '../progress-bar';
-
-declare type CommonProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml">;
-export interface StripedLineProgressBarProps extends CommonProps {
-    /**
-     * Color of first stripe in progress bar
-     */
-    firstStripeColor?: string;
-    /**
-     * Color of second stripe in progress bar
-     */
-    secondStripeColor?: string;
-    /**
-     * Color of the remaining bar
-     */
-    remainingBarColor?: string;
-}
-export {};

package/lib/components/progress-bars/striped-line-progress-bar/striped-line-progress-bar.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { StripedLineProgressBarProps } from './interfaces';
-
-/**
- * The StripedLineProgressBar component.
- */
-export declare const StripedLineProgressBar: React.FunctionComponent<StripedLineProgressBarProps>;

package/lib/components/progress-bars/striped-line-progress-bar/striped-line-progress-bar.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { StripedLineProgressBar } from '.';
-
-declare const meta: Meta<typeof StripedLineProgressBar>;
-export default meta;
-declare type Story = StoryObj<typeof StripedLineProgressBar>;
-export declare const Example: Story;

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

@@ -1,2 +0,0 @@
-export type { TextSwitchProps } from './interfaces';
-export { TextSwitch } from './text-switch';

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

@@ -1,64 +0,0 @@
-import { BaseComponentProps } from '../../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,4 +0,0 @@
-import { default as React } from 'react';
-import { TextSwitchProps } from './interfaces';
-
-export declare const TextSwitch: React.FC<TextSwitchProps>;

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

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TextSwitch } from '.';
-
-declare const meta: Meta<typeof TextSwitch>;
-export default meta;
-declare type Story = StoryObj<typeof TextSwitch>;
-export declare const Example: Story;
-export declare const Controlled: Story;

package/lib/components/tabs/tabs-menu/index.d.ts

@@ -1 +0,0 @@
-export { TabsMenu } from './tabs-menu';

package/lib/components/tabs/tabs-menu/interfaces.d.ts

@@ -1,62 +0,0 @@
-import { History } from 'history';
-import { TabProps } from './partials/tab';
-
-declare type CommonTabProps = Pick<TabProps, "Icon" | "iconHeight" | "title" | "hash">;
-export interface TabObject extends CommonTabProps {
-    /**
-     * A flag to decide if a divider should be displayed after the tab.
-     */
-    divider: boolean;
-}
-/**
- * Props for TabsMenu
- */
-export interface TabsMenuProps {
-    /**
-     * List of tabs' details.
-     */
-    tabs: Array<TabObject>;
-    /**
-     * Active tab color
-     */
-    activeColor?: string;
-    /**
-     * Gap between the tabs
-     */
-    gap?: string[];
-    /**
-     * Callback to call when a tab is selected.
-     */
-    onTabSelect?: (hash: string) => void;
-    /**
-     * Should hash be updated upon click for scrolling.
-     */
-    enableScroll?: boolean;
-    /**
-     * Tabs menu should not be sticky
-     */
-    sticky?: boolean;
-    /**
-     * `top` prop to adjust position of TabsMenu if its sticky
-     */
-    top?: Array<string>;
-    /**
-     * Hash for one of the passed tabs. This value is used to select
-     * any tab from parent component.
-     */
-    selectedTab?: string;
-    /**
-     * Should allow changing default tab. If set to False, tabs won't change unless changed from parent.
-     * This property is useful when defaultTab is present. So that parent can change tabs.
-     */
-    allowChangingTabs?: boolean;
-    /**
-     * Auto scroll the tab to left when selected. Useful in mobile screens.
-     */
-    autoScrollTabs?: boolean;
-    /**
-     * History object for react-router based navigation.
-     */
-    history?: History;
-}
-export {};

package/lib/components/tabs/tabs-menu/partials/scrollable-tab-wrapper/index.d.ts

@@ -1 +0,0 @@
-export { ScrollableTabWrapper } from './scrollable-tab-wrapper';

package/lib/components/tabs/tabs-menu/partials/scrollable-tab-wrapper/interfaces.d.ts

@@ -1,29 +0,0 @@
-import { RefObject } from 'react';
-
-/**
- * Interface for scrollable tab wrapper props
- */
-export interface ScrollableTabWrapperProps {
-    /**
-     * Hash of the tab
-     */
-    hash: string;
-    /**
-     * Currently selected tab
-     */
-    selectedTab: string;
-    /**
-     * Flag to decide if the tab should be auto scrolled to the left.
-     *
-     * This component does nothing if this flag is set to false
-     */
-    autoScrollTabs: boolean;
-    /**
-     * Callback to call when current component is selected.
-     */
-    scrollTabOnSelect: (ref: RefObject<HTMLDivElement>) => void;
-    /**
-     * Child components for the tab wrapper
-     */
-    children: React.ReactNode;
-}

package/lib/components/tabs/tabs-menu/partials/scrollable-tab-wrapper/scrollable-tab-wrapper.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { ScrollableTabWrapperProps as Props } from './interfaces';
-
-export declare const ScrollableTabWrapper: React.FC<Props>;

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

@@ -1,4 +0,0 @@
-import { TabProps as Props } from './interfaces';
-
-export { Tab } from './tab';
-export declare type TabProps = Props;

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

@@ -1,41 +0,0 @@
-import { FC, SVGProps } from 'react';
-import { History } from 'history';
-
-export interface TabProps {
-    /**
-     * the tab's icon
-     */
-    Icon: FC<SVGProps<SVGSVGElement>>;
-    /**
-     * the height of the icon
-     */
-    iconHeight: number;
-    /**
-     * the tab's title
-     */
-    title: string;
-    /**
-     * is this the currently active tab
-     */
-    isActive: boolean;
-    /**
-     * Color of the tab if its active
-     */
-    activeColor: string;
-    /**
-     * Hash of the the tab.
-     */
-    hash: string;
-    /**
-     * Callback to call when a tab is selected
-     */
-    onTabSelect: (tab: string) => void;
-    /**
-     * Should hash be updated upon click for scrolling.
-     */
-    enableScroll: boolean;
-    /**
-     * History object for react-router based navigation.
-     */
-    history?: History;
-}

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

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { TabProps } from './interfaces';
-
-/**
- * Tab component to render a single tab button.
- */
-export declare const Tab: React.FC<TabProps>;

package/lib/components/tabs/tabs-menu/tabs-menu.d.ts

@@ -1,6 +0,0 @@
-import { TabsMenuProps } from './interfaces';
-
-/**
- * TabsMenu component.
- */
-export declare function TabsMenu(props: TabsMenuProps): JSX.Element;

package/lib/components/tabs/tabs-menu/tabs-menu.stories.d.ts

@@ -1,30 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { TabsMenu } from '.';
-
-/**
- * Upon clicking any tab, window hash is updated. Listenning to the hashchange
- * event and using `Anchor` component, scrolling to any component can be achieved.
- *
- * _Please note that_ since styleguide uses hash for displaying any component,
- * when hash is changed by clicking any tab, styleguide assumes it's for a
- * different component and reloads the page. Therefore scrolling behavior cannot
- * be tested in styleguide.
- */
-declare const meta: Meta<typeof TabsMenu>;
-export default meta;
-declare type Story = StoryObj<typeof TabsMenu>;
-export declare const Example: Story;
-/**
- * Upon clicking any tab, hash is not updated and thus `hashchange` event is not
- * fired.
- */
-export declare const ScrollDisabled: Story;
-export declare const SelectedTabFromParent: Story;
-export declare const Sticky: Story;
-/**
- * This example illustrates how the active tab can be updated automatically
- * when `TabsMenu` is combined with `Anchor`.
- *
- * **Demo will not work as expexted in storybook's iframe.**
- */
-export declare const WithAnchor: Story;

package/lib/components/texts/eighteen-bold/eighteen-bold.d.ts

@@ -1,3 +0,0 @@
-import { EighteenBoldProps } from './interfaces';
-
-export declare const EighteenBold: (props: EighteenBoldProps) => JSX.Element;

package/lib/components/texts/eighteen-bold/eighteen-bold.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { EighteenBold } from '.';
-
-declare const meta: Meta<typeof EighteenBold>;
-export default meta;
-declare type Story = StoryObj<typeof EighteenBold>;
-export declare const Example: Story;

package/lib/components/texts/eighteen-bold/index.d.ts

@@ -1,4 +0,0 @@
-import { EighteenBoldProps as Props } from './interfaces';
-
-export { EighteenBold } from './eighteen-bold';
-export declare type EighteenBoldProps = Props;

package/lib/components/texts/eighteen-bold/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type EighteenBoldProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/eighteen-regular/eighteen-regular.d.ts

@@ -1,3 +0,0 @@
-import { EighteenRegularProps } from './interfaces';
-
-export declare const EighteenRegular: (props: EighteenRegularProps) => JSX.Element;

package/lib/components/texts/eighteen-regular/eighteen-regular.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { EighteenRegular } from '.';
-
-declare const meta: Meta<typeof EighteenRegular>;
-export default meta;
-declare type Story = StoryObj<typeof EighteenRegular>;
-export declare const Example: Story;

package/lib/components/texts/eighteen-regular/index.d.ts

@@ -1,4 +0,0 @@
-import { EighteenRegularProps as Props } from './interfaces';
-
-export { EighteenRegular } from './eighteen-regular';
-export declare type EighteenRegularProps = Props;

package/lib/components/texts/eighteen-regular/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type EighteenRegularProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/fifty-five-sb/fifty-five-sb.d.ts

@@ -1,3 +0,0 @@
-import { FiftyFiveSbProps } from './interfaces';
-
-export declare const FiftyFiveSb: (props: FiftyFiveSbProps) => JSX.Element;

package/lib/components/texts/fifty-five-sb/fifty-five-sb.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { FiftyFiveSb } from '.';
-
-declare const meta: Meta<typeof FiftyFiveSb>;
-export default meta;
-declare type Story = StoryObj<typeof FiftyFiveSb>;
-export declare const Example: Story;

package/lib/components/texts/fifty-five-sb/index.d.ts

@@ -1,4 +0,0 @@
-import { FiftyFiveSbProps as Props } from './interfaces';
-
-export { FiftyFiveSb } from './fifty-five-sb';
-export declare type FiftyFiveSbProps = Props;

package/lib/components/texts/fifty-five-sb/interfaces.d.ts

@@ -1,6 +0,0 @@
-import { BaseTextProps } from '../base-text';
-
-/**
- * Props we want from the base text.
- */
-export declare type FiftyFiveSbProps = Pick<BaseTextProps, "children" | "color" | "display" | "cursor" | "textAlign" | "textDecoration" | "textTransform" | "letterSpacing" | "lineHeight" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "dontTranslate">;

package/lib/components/texts/fourteen-regular/fourteen-regular.d.ts

@@ -1,3 +0,0 @@
-import { FourteenRegularProps } from './interfaces';
-
-export declare const FourteenRegular: (props: FourteenRegularProps) => JSX.Element;

package/lib/components/texts/fourteen-regular/fourteen-regular.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { FourteenRegular } from '.';
-
-declare const meta: Meta<typeof FourteenRegular>;
-export default meta;
-declare type Story = StoryObj<typeof FourteenRegular>;
-export declare const Example: Story;

package/lib/components/texts/fourteen-regular/index.d.ts

@@ -1,4 +0,0 @@
-import { FourteenRegularProps as Props } from './interfaces';
-
-export { FourteenRegular } from './fourteen-regular';
-export declare type FourteenRegularProps = Props;