@selfdecode/sd-component-library 2.42.24 → 2.42.28

package/lib/components/animations/up-down-arrow/up-down-arrow.d.ts

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

package/lib/components/bicolor-badge/interfaces.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface BicolorBadgeProps {
     /**
      * Color of the left section

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

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

package/lib/components/complex/footer/partials/footer-link/footer-link.d.ts

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

package/lib/components/complex/footer/partials/footer-section/footer-section.d.ts

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

package/lib/components/complex/footer/partials/footer-social/footer-social.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function FooterSocial(): JSX.Element;

package/lib/components/complex/footer/presentational/footer-presentational.d.ts

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

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-desktop-v1/partials/menu-row/menu-row.d.ts

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

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-desktop-v1/partials/new-apps/new-apps.d.ts

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

package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/menu-box/menu-box.d.ts

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

package/lib/components/complex/navbar/presentational/navbar-presentational.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NavbarProps } from "./interfaces";
 /**
  * Renders either navbar-v1 or navbar-v2, depeding on the v2 prop

package/lib/components/containers/max-width-container/max-width-container.d.ts

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

package/lib/components/containers/section-container/section-container.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SectionContainerProps } from "./interfaces";
 /**
  * The SectionContainer has responsive behavior

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

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

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

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

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

@@ -0,0 +1 @@
+export { BaseFeedbackButton } from "./base-feedback-button";

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

@@ -0,0 +1,4 @@
+import { ButtonProps } from "../../buttons/button";
+export interface BaseFeedbackButtonProps extends Pick<ButtonProps, "children" | "onClick"> {
+    active?: boolean;
+}

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

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

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

@@ -0,0 +1 @@
+export { BaseFeedbackContainer } from "./base-feedback-container";

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface BaseFeedbackBlockProps {
+    questionText: string;
+    children: React.ReactNode;
+}

package/lib/components/feedback/multiple-options-feedback/index.d.ts

@@ -0,0 +1 @@
+export { MultipleOptionsFeedback } from "./multiple-options-feedback";

package/lib/components/feedback/multiple-options-feedback/interfaces.d.ts

@@ -0,0 +1,10 @@
+import { BaseFeedbackBlockProps } from "../base-feedback-container/interfaces";
+export interface MultipleOptionsFeedbackProps extends Pick<BaseFeedbackBlockProps, "questionText"> {
+    options: FeedbackOption[];
+    selectedOptionId?: string;
+    onFeedback: (id: string) => void;
+}
+export interface FeedbackOption {
+    id: string;
+    label: string;
+}

package/lib/components/feedback/multiple-options-feedback/multiple-options-feedback.d.ts

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

package/lib/components/feedback/yes-no-feedback-block/index.d.ts

@@ -0,0 +1 @@
+export { YesNoFeedbackBlock } from "./yes-no-feedback-block";

package/lib/components/feedback/yes-no-feedback-block/interfaces.d.ts

@@ -0,0 +1,6 @@
+import { BaseFeedbackBlockProps } from "../base-feedback-container/interfaces";
+export interface YesNoFeedbackBlockProps extends Pick<BaseFeedbackBlockProps, "questionText"> {
+    selectedOption?: YesNoOption;
+    onFeedback: (option: YesNoOption) => void;
+}
+export declare type YesNoOption = "yes" | "no";

package/lib/components/feedback/yes-no-feedback-block/yes-no-feedback-block.d.ts

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

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

@@ -1,5 +1,5 @@
 import { TextInputProps } from "../text-input";
-export declare type PrimaryTextInputProps = Pick<TextInputProps, "onChange" | "value" | "type" | "placeholder" | "onKeyPress" | "focusInput" | "padding" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "sx" | "id"> & {
+export declare type PrimaryTextInputProps = Pick<TextInputProps, "onChange" | "value" | "type" | "placeholder" | "onKeyPress" | "focusInput" | "padding" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "sx" | "id" | "disabled"> & {
     /**
      * Optional error message
      */

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

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

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

@@ -3,7 +3,7 @@ import { PrimaryTextInputProps } from "../primary-text-input";
 /**
  * Defines the SecondaryTextInput component's properties.
  */
-export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onChange" | "value" | "type" | "padding" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground"> & {
+export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onChange" | "value" | "type" | "padding" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "disabled"> & {
     /**
      * The label for the text input
      */

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

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

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

@@ -10,6 +10,8 @@ export interface DashedMeterProps extends BaseComponentProps, Pick<BaseGridConta
      * Dash styles.
      */
     dashWidth?: string;
+    verticalDashWidth?: string;
     dashHeight?: string;
+    verticalDashHeight?: string;
     dashBorderRadius?: string;
 }

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

@@ -19,6 +19,7 @@ export declare const defaultDistanceFromRangesToScale = 32;
 export declare const defaultDistanceFromLabelToRanges = 20;
 export declare const labelWidth = 100;
 export declare const labelPaddingX = 14;
+export declare const defaultMaskBorderRadius = 100;
 /**
  * Small Outline meter default values
  */
@@ -32,3 +33,4 @@ export declare const smallMeterInnerCircleStrokeWidth = 3;
 export declare const smallMeterDistanceBetweenRanges = 10;
 export declare const smallMeterDistanceFromRangesToNeedle = 18;
 export declare const smallMeterNeedleWidth = 7;
+export declare const smallMeterMaskBorderRadius = 100;

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

@@ -102,6 +102,10 @@ export interface OutlineMeterProps {
      * Whether meter direction will be CCW.
      */
     counterClockWise?: boolean;
+    /**
+     * Border radius of the mask.
+     */
+    maskBorderRadius?: number;
 }
 export declare type SmallOutlineMeterProps = OutlineMeterProps;
 export interface OutlineMeterRangeConfig {

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

@@ -9,8 +9,8 @@ export declare const defaultSmileyTopOffset = 80;
  */
 export declare const smallSmileyMeterWidth = 100;
 export declare const smallSmileyMeterHeight = 87;
-export declare const smallSmileyWidth = 40;
-export declare const smallSmileyTopOffset = 30;
+export declare const smallSmileyWidth = 30;
+export declare const smallSmileyTopOffset = 35;
 export declare const smallSmileyInnerPointStrokeWidth = 3;
 export declare const smallSmileyInnerPointRadius = 2;
 export declare const smallSmileyGaugeWidth = 4;

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"> {
+export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "counterClockWise" | "maskBorderRadius"> {
     /**
      * Colors for smiley corresponding to state.
      */

package/lib/components/radio-button/radio-button.d.ts

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

package/lib/components/ratings/five-stars-rating/five-stars-rating.d.ts

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

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CompactPrimarySelectorProps as Props } from "./interfaces";
 export declare const CompactPrimarySelector: <T extends string = string>(props: Pick<import("../selector").SelectorProps<T>, "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "name" | "defaultValue" | "textTransform" | "selectorLabel" | "options" | "disabledTextValue" | "hideDefaultOnSelect" | "labelMargin">) => JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabProps } from "./interfaces";
 export declare const Ribbon: ({ active, activeColor }: {
     active?: boolean | undefined;

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

@@ -1,2 +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;

package/lib/components/tabs/tabbed-view/tabbed-view.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { TabbedViewProps } from "./interfaces";
 export declare function TabbedView({ tabs, color, activeColor, contentPadding, }: TabbedViewProps): JSX.Element;

package/lib/components/tabs/tabbed-view-v2/interfaces.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TabBarV2Props, TabV2Config } from "../tab-bar-v2/interfaces";
-export interface TabbedViewV2Props extends Pick<TabBarV2Props, "color" | "activeColor" | "borderColor" | "borderWidth" | "borderRadius"> {
+export interface TabbedViewV2Props extends Pick<TabBarV2Props, "color" | "activeColor" | "borderColor" | "borderWidth" | "borderRadius" | "selectedTabId" | "onSelect"> {
     tabs: TabViewTabV2[];
 }
 export interface TabViewTabV2 extends TabV2Config {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabsMenuProps } from "./interfaces";
 /**
  * TabsMenu component.

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

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

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

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

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

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

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

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const ScrollToTopOnMount: () => JSX.Element;

package/lib/index.d.ts

@@ -64,6 +64,8 @@ export { PrimaryDropdown } from "./components/dropdowns/primary-dropdown";
 export { FeatureExplanation } from "./components/feature-explanation";
 export { ThumbsFeedback } from "./components/boolean-feedback/thumbs-feedback";
 export { YesNoFeedback } from "./components/boolean-feedback/yes-no-feedback";
+export { MultipleOptionsFeedback } from "./components/feedback/multiple-options-feedback";
+export { YesNoFeedbackBlock } from "./components/feedback/yes-no-feedback-block";
 export { Input } from "./components/inputs/input";
 export declare type InputProps = BaseInputProps;
 export { TextInput } from "./components/inputs/text-input";