@selfdecode/sd-component-library 2.43.15 → 2.43.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/animations/up-down-arrow/up-down-arrow.d.ts +0 -1
- package/lib/components/bicolor-badge/interfaces.d.ts +0 -1
- package/lib/components/buttons/button/interfaces.d.ts +7 -0
- package/lib/components/buttons/cta/cta-button/interfaces.d.ts +1 -1
- package/lib/components/buttons/cta/primary-blue-button/interfaces.d.ts +1 -1
- package/lib/components/buttons/cta/primary-text-button/interfaces.d.ts +1 -1
- package/lib/components/buttons/cta/secondary-blue-button/interfaces.d.ts +1 -1
- package/lib/components/checkboxes/checkbox/checkbox.d.ts +0 -1
- package/lib/components/complex/footer/partials/footer-link/footer-link.d.ts +0 -1
- package/lib/components/complex/footer/partials/footer-section/footer-section.d.ts +0 -1
- package/lib/components/complex/footer/partials/footer-social/footer-social.d.ts +0 -1
- package/lib/components/complex/footer/presentational/footer-presentational.d.ts +0 -1
- package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-desktop-v1/partials/menu-row/menu-row.d.ts +0 -1
- package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-desktop-v1/partials/new-apps/new-apps.d.ts +0 -1
- package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/menu-box/menu-box.d.ts +0 -1
- package/lib/components/complex/navbar/presentational/navbar-presentational.d.ts +0 -1
- package/lib/components/containers/max-width-container/max-width-container.d.ts +0 -1
- package/lib/components/containers/section-container/section-container.d.ts +0 -1
- package/lib/components/feature-explanation/feature-explanation.d.ts +0 -1
- package/lib/components/feedback/base-feedback-button/interfaces.d.ts +1 -1
- package/lib/components/feedback/multiple-options-feedback/interfaces.d.ts +1 -0
- package/lib/components/feedback/yes-no-feedback-block/interfaces.d.ts +1 -0
- package/lib/components/inputs/date-inputs/outlined-date-range-input/interfaces.d.ts +5 -0
- package/lib/components/inputs/input/interfaces.d.ts +2 -2
- package/lib/components/inputs/multi-row-secondary-text-input/index.d.ts +1 -0
- package/lib/components/inputs/multi-row-secondary-text-input/interfaces.d.ts +7 -0
- package/lib/components/inputs/multi-row-secondary-text-input/multi-row-secondary-text-input.d.ts +3 -0
- package/lib/components/inputs/search-input/partials/search-box/search-box.d.ts +0 -1
- package/lib/components/labels/base-label/base-label.d.ts +0 -1
- package/lib/components/meters/multi-option-discrete-outline-meter/interfaces.d.ts +1 -0
- package/lib/components/radio-button/radio-button.d.ts +0 -1
- package/lib/components/ratings/five-stars-rating/five-stars-rating.d.ts +0 -1
- package/lib/components/selectors/combined-secondary-selector-v2/combined-secondary-selector-v2.d.ts +3 -0
- package/lib/components/selectors/combined-secondary-selector-v2/index.d.ts +1 -0
- package/lib/components/selectors/combined-secondary-selector-v2/interfaces.d.ts +5 -0
- package/lib/components/selectors/compact-primary-selector/compact-primary-selector.d.ts +0 -1
- package/lib/components/selectors/primary-selector/primary-selector.d.ts +0 -1
- package/lib/components/selectors/secondary-selector/secondary-selector.d.ts +0 -1
- package/lib/components/selectors/selector/selector.d.ts +0 -1
- package/lib/components/selectors/selector-v2/interfaces.d.ts +2 -1
- package/lib/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.d.ts +0 -1
- package/lib/components/selectors/selector-v2/partials/base-selector-v2/interfaces.d.ts +8 -0
- package/lib/components/selectors/selector-v2/selector-v2.d.ts +0 -1
- package/lib/components/selectors/tertiary-selector/tertiary-selector.d.ts +0 -1
- package/lib/components/slider/partials/step-circles/step-circles.d.ts +0 -1
- package/lib/components/slider/slider.d.ts +0 -1
- package/lib/components/tabs/tab-bar/partials/tab/tab.d.ts +0 -1
- package/lib/components/tabs/tab-bar/tab-bar.d.ts +0 -1
- package/lib/components/tabs/tab-bar-v2/partials/tab-v2/interfaces.d.ts +4 -0
- package/lib/components/tabs/tabbed-view/tabbed-view.d.ts +0 -1
- package/lib/components/tabs/tabs-menu/tabs-menu.d.ts +0 -1
- package/lib/components/texts/base-text/base-text.d.ts +0 -1
- package/lib/components/texts/eighteen-bold/eighteen-bold.d.ts +0 -1
- package/lib/components/texts/eighteen-regular/eighteen-regular.d.ts +0 -1
- package/lib/components/texts/fifty-five-sb/fifty-five-sb.d.ts +0 -1
- package/lib/components/texts/fourteen-regular/fourteen-regular.d.ts +0 -1
- package/lib/components/texts/fourteen-sb/fourteen-sb.d.ts +0 -1
- package/lib/components/texts/fourty-bold/fourty-bold.d.ts +0 -1
- package/lib/components/texts/no-translate/no-translate.d.ts +0 -1
- package/lib/components/texts/sixteen-regular/sixteen-regular.d.ts +0 -1
- package/lib/components/texts/ten-sb/ten-sb.d.ts +0 -1
- package/lib/components/texts/thirteen-bold/thirteen-bold.d.ts +0 -1
- package/lib/components/texts/thirteen-regular/thirteen-regular.d.ts +0 -1
- package/lib/components/texts/thirteen-sb/thirteen-sb.d.ts +0 -1
- package/lib/components/texts/thirty-two-bold/thirty-two-bold.d.ts +0 -1
- package/lib/components/texts/thirty-two-regular/thirty-two-regular.d.ts +0 -1
- package/lib/components/texts/twelve-regular/twelve-regular.d.ts +0 -1
- package/lib/components/texts/twelve-sb/twelve-sb.d.ts +0 -1
- package/lib/components/texts/twenty-four-bold/twenty-four-bold.d.ts +0 -1
- package/lib/components/texts/twenty-four-regular/twenty-four-regular.d.ts +0 -1
- package/lib/components/tooltips/tooltip-with-pointer/index.d.ts +1 -0
- package/lib/components/tooltips/tooltip-with-pointer/interfaces.d.ts +11 -0
- package/lib/components/tooltips/tooltip-with-pointer/tooltip-with-pointer.d.ts +3 -0
- package/lib/components/utils/scroll-to-top/scroll-to-top.d.ts +0 -1
- package/lib/components/utils/scroll-to-top-on-mount/scroll-to-top-on-mount.d.ts +0 -1
- package/lib/core/theme.d.ts +3 -0
- package/lib/index.d.ts +3 -0
- package/lib/index.js +1 -1
- package/package.json +2 -1
|
@@ -2,6 +2,7 @@ import { ReactNode } from "react";
|
|
|
2
2
|
import { History } from "history";
|
|
3
3
|
import { BaseComponentProps } from "../../interfaces";
|
|
4
4
|
import { LoadingSpinnerProps as LoadingIconProps } from "../../animations/loading-spinner/interfaces";
|
|
5
|
+
import { SxProps } from "rebass";
|
|
5
6
|
/**
|
|
6
7
|
* Defines the button component's properties. You cannot pass
|
|
7
8
|
* both onClick and link props at the same time
|
|
@@ -74,6 +75,8 @@ export interface ButtonProps extends BaseComponentProps {
|
|
|
74
75
|
* The button's height
|
|
75
76
|
*/
|
|
76
77
|
height?: string | string[];
|
|
78
|
+
minHeight?: string | string[];
|
|
79
|
+
maxHeight?: string | string[];
|
|
77
80
|
/**
|
|
78
81
|
* The border style to apply to the button.
|
|
79
82
|
*/
|
|
@@ -162,4 +165,8 @@ export interface ButtonProps extends BaseComponentProps {
|
|
|
162
165
|
* Style props passed to the loadingIcon when loading is true
|
|
163
166
|
*/
|
|
164
167
|
loadingIconProps?: LoadingIconProps;
|
|
168
|
+
/**
|
|
169
|
+
* Button component sx.
|
|
170
|
+
*/
|
|
171
|
+
sx?: SxProps["sx"];
|
|
165
172
|
}
|
|
@@ -2,4 +2,4 @@ import { ButtonProps } from "../../button";
|
|
|
2
2
|
/**
|
|
3
3
|
* Additional props we want to add
|
|
4
4
|
*/
|
|
5
|
-
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">;
|
|
5
|
+
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">;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CtaButtonProps } from "../cta-button";
|
|
2
|
-
export declare type PrimaryBlueButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps">;
|
|
2
|
+
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">;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CtaButtonProps } from "../cta-button";
|
|
2
|
-
export declare type PrimaryTextButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "color" | "borderRadius" | "m" | "mt" | "mr" | "mb" | "ml" | "height" | "padding" | "loading" | "loadingIconProps">;
|
|
2
|
+
export declare type PrimaryTextButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "color" | "borderRadius" | "m" | "mt" | "mr" | "mb" | "ml" | "height" | "padding" | "loading" | "loadingIconProps" | "letterSpacing">;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CtaButtonProps } from "../cta-button";
|
|
2
|
-
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">;
|
|
2
|
+
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">;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ButtonProps } from "../../buttons/button";
|
|
2
|
-
export interface BaseFeedbackButtonProps extends Pick<ButtonProps, "children" | "onClick"> {
|
|
2
|
+
export interface BaseFeedbackButtonProps extends Pick<ButtonProps, "children" | "onClick" | "disabled"> {
|
|
3
3
|
active?: boolean;
|
|
4
4
|
}
|
|
@@ -2,5 +2,6 @@ import { BaseFeedbackBlockProps } from "../base-feedback-container/interfaces";
|
|
|
2
2
|
export interface YesNoFeedbackBlockProps extends Omit<BaseFeedbackBlockProps, "children"> {
|
|
3
3
|
selectedOption?: YesNoOption;
|
|
4
4
|
onFeedback: (option: YesNoOption) => void;
|
|
5
|
+
disabled?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export declare type YesNoOption = "yes" | "no";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { BaseDateRangeInputProps } from "../base-date-range-input";
|
|
2
|
+
import { SxProps } from "rebass";
|
|
2
3
|
export interface OutlinedDateRangeInputProps extends Omit<BaseDateRangeInputProps, "showCalendar" | "children" | "onClose"> {
|
|
3
4
|
/**
|
|
4
5
|
* Text to be displayed inside of button.
|
|
@@ -43,4 +44,8 @@ export interface OutlinedDateRangeInputProps extends Omit<BaseDateRangeInputProp
|
|
|
43
44
|
* Default value: **undefined**
|
|
44
45
|
*/
|
|
45
46
|
labelText?: string;
|
|
47
|
+
/**
|
|
48
|
+
* Prop to apply styles for the container.
|
|
49
|
+
*/
|
|
50
|
+
containerSx?: SxProps["sx"];
|
|
46
51
|
}
|
|
@@ -16,7 +16,7 @@ export declare type InputProps = BaseComponentProps & {
|
|
|
16
16
|
/**
|
|
17
17
|
* The padding to apply to the input.
|
|
18
18
|
*/
|
|
19
|
-
padding?:
|
|
19
|
+
padding?: string | string[];
|
|
20
20
|
/**
|
|
21
21
|
* The text alignment to use for the input
|
|
22
22
|
*/
|
|
@@ -24,7 +24,7 @@ export declare type InputProps = BaseComponentProps & {
|
|
|
24
24
|
/**
|
|
25
25
|
* The width of the input element
|
|
26
26
|
*/
|
|
27
|
-
width?:
|
|
27
|
+
width?: string | string[];
|
|
28
28
|
/**
|
|
29
29
|
* The input's placeholder
|
|
30
30
|
*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MultiRowSecondaryTextInput } from "./multi-row-secondary-text-input";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SecondaryTextInputProps } from "../secondary-text-input";
|
|
2
|
+
export interface MultiRowSecondaryTextInputProps extends Omit<SecondaryTextInputProps, "value" | "onChange"> {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange: (value: string) => void;
|
|
5
|
+
rows?: number;
|
|
6
|
+
lineHeight?: number;
|
|
7
|
+
}
|
|
@@ -9,5 +9,6 @@ export interface MultiOptionDiscreteOutlineMeterProps<T> extends Omit<OutlineMet
|
|
|
9
9
|
export interface DiscreteOutlineMeterOption<T> {
|
|
10
10
|
label?: string;
|
|
11
11
|
value: T;
|
|
12
|
+
labelColor?: string;
|
|
12
13
|
}
|
|
13
14
|
export declare type SmallMultiOptionDiscreteOutlineMeterProps<T> = MultiOptionDiscreteOutlineMeterProps<T>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CombinedSecondarySelectorV2 } from "./combined-secondary-selector-v2";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SelectorV2Props } from "../selector-v2";
|
|
2
|
+
export interface CombinedSecondarySelectorV2Props extends Omit<SelectorV2Props, "variant" | "selectorLabel" | "labelMargin" | "labelContainerAlignItems" | "secondLabel" | "gap"> {
|
|
3
|
+
selectorLabel: string;
|
|
4
|
+
gap?: number;
|
|
5
|
+
}
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { CompactPrimarySelectorProps as Props } from "./interfaces";
|
|
3
2
|
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" | "translateSelect">) => JSX.Element;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { SelectorProps } from "../selector";
|
|
2
|
+
import { BaseSelectorV2Props } from "./partials/base-selector-v2";
|
|
2
3
|
export declare type SelectorOptionV2<T extends string | null = string> = {
|
|
3
4
|
id: string;
|
|
4
5
|
title: string;
|
|
@@ -7,7 +8,7 @@ export declare type SelectorOptionV2<T extends string | null = string> = {
|
|
|
7
8
|
/**
|
|
8
9
|
* Defines the selector component's properties.
|
|
9
10
|
*/
|
|
10
|
-
export interface SelectorV2Props<T extends string = string> extends Omit<SelectorProps, "onChange" | "defaultValue" | "options"> {
|
|
11
|
+
export interface SelectorV2Props<T extends string = string> extends Omit<SelectorProps, "onChange" | "defaultValue" | "options">, Pick<BaseSelectorV2Props, "pl" | "containerVariant" | "labelContainerAlignItems"> {
|
|
11
12
|
/**
|
|
12
13
|
* Default value of the selector.
|
|
13
14
|
*/
|
|
@@ -22,4 +22,12 @@ export interface BaseSelectorV2Props<T extends string = string> extends Omit<Sel
|
|
|
22
22
|
* How to align items in label container.
|
|
23
23
|
*/
|
|
24
24
|
labelContainerAlignItems?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Left padding of the select element.
|
|
27
|
+
*/
|
|
28
|
+
pl?: string | string[];
|
|
29
|
+
/**
|
|
30
|
+
* Variant for the selector container.
|
|
31
|
+
*/
|
|
32
|
+
containerVariant?: string;
|
|
25
33
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TooltipWithPointer } from "./tooltip-with-pointer";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface TooltipWithPointerProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
tooltipText: string;
|
|
5
|
+
tooltipWidth?: string | string[];
|
|
6
|
+
placement?: "left" | "right";
|
|
7
|
+
tooltipOffset?: number;
|
|
8
|
+
pointerSize?: number;
|
|
9
|
+
tooltipPx?: string | string[];
|
|
10
|
+
tooltipPy?: string | string[];
|
|
11
|
+
}
|
package/lib/core/theme.d.ts
CHANGED
package/lib/index.d.ts
CHANGED
|
@@ -92,6 +92,7 @@ export { BaseDateRangeInput } from "./components/inputs/date-inputs/base-date-ra
|
|
|
92
92
|
export type { BaseDateRangeInputProps };
|
|
93
93
|
export { OutlinedDateRangeInput } from "./components/inputs/date-inputs/outlined-date-range-input";
|
|
94
94
|
export type { OutlinedDateRangeInputProps };
|
|
95
|
+
export { MultiRowSecondaryTextInput } from "./components/inputs/multi-row-secondary-text-input";
|
|
95
96
|
export { Link } from "./components/links/link";
|
|
96
97
|
export declare type LinkProps = BaseLinkProps;
|
|
97
98
|
export { PrimaryLink } from "./components/links/primary-link";
|
|
@@ -140,6 +141,7 @@ export type { SelectorV2Props, SelectorOptionV2, } from "./components/selectors/
|
|
|
140
141
|
export { TertiarySelectorV2 } from "./components/selectors/tertiary-selector-v2";
|
|
141
142
|
export { SecondarySelectorV2 } from "./components/selectors/secondary-selector-v2";
|
|
142
143
|
export { PrimarySelectorV2 } from "./components/selectors/primary-selector-v2";
|
|
144
|
+
export { CombinedSecondarySelectorV2 } from "./components/selectors/combined-secondary-selector-v2";
|
|
143
145
|
export { Slider } from "./components/slider";
|
|
144
146
|
export declare type SlideSettings = SlideSettingsType;
|
|
145
147
|
export { TextSwitch } from "./components/switches/text-switch";
|
|
@@ -185,6 +187,7 @@ export { StarTooltip } from "./components/tooltips/star-tooltip";
|
|
|
185
187
|
export { RadioInfoButtonTooltip } from "./components/tooltips/radio-info-button-tooltip";
|
|
186
188
|
export { ReactElementTooltip } from "./components/tooltips/react-element-tooltip";
|
|
187
189
|
export { ActionsTooltip } from "./components/tooltips/actions-tooltip";
|
|
190
|
+
export { TooltipWithPointer } from "./components/tooltips/tooltip-with-pointer";
|
|
188
191
|
export { Footer } from "./components/complex/footer";
|
|
189
192
|
export { Navbar, getLabShopsUrlProps } from "./components/complex/navbar";
|
|
190
193
|
export { Anchor } from "./components/utils/anchor";
|