@selfdecode/sd-component-library 4.0.73 → 4.0.75

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

@@ -3,4 +3,4 @@ import { BadgeProps } from "./interfaces";
 /**
  * Base badge component. Other badges components should be built from this.
  */
-export declare const Badge: React.FunctionComponent<BadgeProps>;
+export declare const Badge: React.FC<BadgeProps>;

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

@@ -3,4 +3,4 @@ import { PrimaryBadgeProps } from "./interfaces";
 /**
  * The primary badge.
  */
-export declare const PrimaryBadge: React.FunctionComponent<PrimaryBadgeProps>;
+export declare const PrimaryBadge: React.FC<PrimaryBadgeProps>;

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

@@ -3,4 +3,4 @@ import { SecondaryBadgeProps } from "./interfaces";
 /**
  * The secondary badge.
  */
-export declare const SecondaryBadge: React.FunctionComponent<SecondaryBadgeProps>;
+export declare const SecondaryBadge: React.FC<SecondaryBadgeProps>;

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

@@ -3,4 +3,4 @@ import { BaseBooleanFeedbackProps } from "./interfaces";
 /**
  *  BaseBooleanFeedback component.
  */
-export declare const BaseBooleanFeedback: (props: BaseBooleanFeedbackProps) => React.ReactElement<BaseBooleanFeedbackProps>;
+export declare const BaseBooleanFeedback: React.FC<BaseBooleanFeedbackProps>;

package/lib/components/boxes/mobile-hidden-box/mobile-hidden-box.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { MobileHiddenBoxProps as Props } from "./interfaces";
 /**
- * Mobile Hidden Box component. This component, and it's children,
+ * Mobile Hidden Box component. This component and it's children,
  * won't be visible on mobile screens
  * @deprecated use useBreakPoints() hook instead
  */

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

@@ -3,4 +3,4 @@ import { TextCtaButtonProps } from "./interfaces";
 /**
  * The text cta button.
  */
-export declare const TextCtaButton: React.FunctionComponent<TextCtaButtonProps>;
+export declare const TextCtaButton: React.FC<TextCtaButtonProps>;

package/lib/components/buttons/partials/circle-button/circle-button.d.ts

@@ -3,4 +3,4 @@ import { CircleButtonProps } from ".";
 /**
  * The circle button.
  */
-export declare const CircleButton: React.FunctionComponent<CircleButtonProps>;
+export declare const CircleButton: React.FC<CircleButtonProps>;

package/lib/components/buttons/partials/square-button/square-button.d.ts

@@ -3,4 +3,4 @@ import { SquareButtonProps } from "./interfaces";
 /**
  * The circle button.
  */
-export declare const SquareButton: React.FunctionComponent<SquareButtonProps>;
+export declare const SquareButton: React.FC<SquareButtonProps>;

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

@@ -3,4 +3,4 @@ import { RoundCardProps } from "./interfaces";
 /**
  *  RoundCard component.
  */
-export declare const RoundCard: (props: RoundCardProps) => React.ReactElement<RoundCardProps>;
+export declare const RoundCard: React.FC<RoundCardProps>;

package/lib/components/checkboxes/checkbox/checkbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps } from "./interfaces";
 /**
  * Base checkbox component. Other checkbox components should be built from this.

package/lib/components/containers/grid-containers/base-grid-container/base-grid-container.d.ts

@@ -4,4 +4,4 @@ import { BaseGridContainerProps } from "./interfaces";
  * Base grid container component.
  * @deprecated use Grid instead
  */
-export declare function BaseGridContainer(props: BaseGridContainerProps): React.ReactElement<BaseGridContainerProps>;
+export declare const BaseGridContainer: React.FC<BaseGridContainerProps>;

package/lib/components/containers/grid-containers/grid-center/index.d.ts

@@ -1 +1 @@
-export { GridCenter } from "./grid-center";
+export * from "./grid-center";

package/lib/components/feature-explanation/feature-explanation.d.ts

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

package/lib/components/inputs/date-inputs/base-date-input/base-date-input.d.ts

@@ -1,5 +1,3 @@
 import React from "react";
-import "react-date-range/dist/styles.css";
-import "react-date-range/dist/theme/default.css";
 import { BaseDateInputProps as Props } from "./interfaces";
 export declare const BaseDateInput: React.FC<Props>;

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

@@ -1,5 +1,3 @@
 import React from "react";
-import "react-date-range/dist/styles.css";
-import "react-date-range/dist/theme/default.css";
 import { BaseDateRangeInputProps as Props } from "./interfaces";
 export declare const BaseDateRangeInput: React.FC<Props>;

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

@@ -1,3 +1,3 @@
-export { Input } from "./input";
+export * from "./input";
 export { InvalidInputError } from "./error";
 export type { InputProps } from "./interfaces";

package/lib/components/inputs/search-autocomplete-input/partials/search-autocomplete-results-box/search-autocomplete-results-box.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SearchAutocompleteResultsBoxProps as Props } from "./interfaces";
 export declare const SearchAutocompleteResultsBox: <T extends {
     id: string;

package/lib/components/inputs/search-autocomplete-input/partials/search-autocomplete-row/search-autocomplete-row.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SearchAutocompleteRowProps as Props } from "./interfaces";
 export declare const SearchAutocompleteRow: <T extends {
     id: string;

package/lib/components/inputs/search-autocomplete-input/search-autocomplete-input.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SearchAutocompleteInputProps as Props } from "./interfaces";
 export declare const SearchAutocompleteInput: <T extends {
     id: string;

package/lib/components/inputs/search-input/partials/search-box/search-box.d.ts

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

package/lib/components/labels/base-label/base-label.d.ts

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

package/lib/components/selectors/compact-primary-selector/compact-primary-selector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CompactPrimarySelectorProps as Props } from "./interfaces";
 /**
  * @deprecated is preferred to use V2 or custom selector instead

package/lib/components/selectors/custom-scrollable-selector/custom-scrollable-selector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CustomScrollableSelectorProps as Props } from "./interfaces";
 export declare const CustomScrollableSelector: <T extends string = string>(props: Props<T>) => JSX.Element | null;

package/lib/components/selectors/custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CustomScrollableOptionsBoxProps as Props } from "./interfaces";
 export declare const CustomScrollableOptionsBox: <T extends string = string>({ options, onSelect, }: Props<T>) => JSX.Element;

package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CustomScrollableOptionsBoxProps as Props } from "./interfaces";
 export declare const CustomScrollableOptionsBox: <T extends string = string>(props: Props<T>) => JSX.Element | null;

package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { OptionRowProps as Props } from "./interfaces";
 export declare const OptionRow: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/primary-custom-scrollable-selector/primary-custom-scrollable-selector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { PrimaryCustomScrollableSelectorProps as Props } from "./interfaces";
 export declare const PrimaryCustomScrollableSelector: <T extends string = string>(props: Props<T>) => JSX.Element;

package/lib/components/selectors/primary-selector/primary-selector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PrimarySelectorProps as Props } from "./interfaces";
 /**
  * The PrimarySelector.

package/lib/components/selectors/secondary-custom-selector/index.d.ts

@@ -1 +1 @@
-export { SecondaryCustomSelector } from "./secondary-custom-selector";
+export * from "./secondary-custom-selector";

package/lib/components/selectors/secondary-custom-selector/partials/secondary-custom-selector-options-box/secondary-custom-selector-options-box.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SecondaryCustomSelectorOptionsBoxProps as Props } from "./interfaces";
 export declare const SecondaryCustomSelectorOptionsBox: <T extends string = string>({ options, onSelect, }: Props<T>) => JSX.Element;

package/lib/components/selectors/secondary-custom-selector/secondary-custom-selector.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SecondaryCustomSelectorProps as Props } from "./interfaces";
 export declare const SecondaryCustomSelector: <T extends string = string>({ value, onChange, options, width, label, variant, containerSx, }: Props<T>) => JSX.Element | null;

package/lib/components/selectors/secondary-selector/secondary-selector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SecondarySelectorProps as Props } from "./interfaces";
 /**
  * The SecondarySelector.

package/lib/components/selectors/selector/selector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectorProps as Props } from "./interfaces";
 export declare const getNoTranslateClass: (flag: boolean) => "no-translate" | undefined;
 /**

package/lib/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BaseSelectorV2Props as Props } from "./interfaces";
 export declare const BaseSelectorV2: <T extends string = string>({ variant, options, width, m, mt, mr, mb, ml, gap, selectorLabel, secondLabel, errorMessage, disabledTextValue, hideDefaultOnSelect, labelMargin, selectElementHeight, defaultOptionColor, textTransform, onSelect, noOptionsToSelect, name, selection, hasDefaultValue, onFocus, errorBackground, labelContainerAlignItems, translateSelect, translateDefaultOption, containerVariant, disabled, pl, }: Props<T>) => JSX.Element;

package/lib/components/selectors/selector-v2/selector-v2.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SelectorV2Props as Props } from "./interfaces";
 export declare const SelectorV2: <T extends string = string>({ value, onChange, defaultOptionObject, options, ...baseProps }: Props<T>) => JSX.Element;

package/lib/components/selectors/tertiary-selector/tertiary-selector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TertiarySelectorProps as Props } from "./interfaces";
 /**
  * The TertiarySelector.

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>;
+export declare const TextSwitch: React.FC<TextSwitchProps>;

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

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

package/lib/components/texts/base-text/base-text.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseTextProps } from "./interfaces";
 /**
  * @deprecated use BaseTextV2 instead

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/components/texts/no-translate/no-translate.d.ts

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

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

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

package/lib/components/texts/ten-sb/ten-sb.d.ts

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

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

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

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

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

package/lib/components/texts/thirteen-sb/thirteen-sb.d.ts

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

package/lib/components/texts/thirty-two-bold/thirty-two-bold.d.ts

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

package/lib/components/texts/thirty-two-regular/thirty-two-regular.d.ts

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

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

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

package/lib/components/texts/twelve-sb/twelve-sb.d.ts

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

package/lib/components/texts/twenty-four-bold/twenty-four-bold.d.ts

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

package/lib/components/texts/twenty-four-regular/twenty-four-regular.d.ts

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

package/lib/components/utils/scroll-to-top/scroll-to-top.d.ts

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

package/lib/index.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+  <title>Selfdecode Component Library</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+</body>
+
+</html>

package/lib/sd-component-library.d.ts

@@ -0,0 +1 @@
+export * from './index'