@selfdecode/sd-component-library 2.46.6 → 2.46.9

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.
Files changed (65) hide show
  1. package/lib/193805683b5b1e117aab667b99dc2e4d.svg +15 -0
  2. package/lib/components/buttons/cta/cta-button/interfaces.d.ts +1 -1
  3. package/lib/components/buttons/cta/primary-blue-button/interfaces.d.ts +1 -1
  4. package/lib/components/buttons/cta/primary-blue-button/primary-blue-button.d.ts +2 -2
  5. package/lib/components/buttons/cta/primary-orange-button/interfaces.d.ts +1 -1
  6. package/lib/components/buttons/cta/primary-text-button/interfaces.d.ts +1 -1
  7. package/lib/components/buttons/cta/primary-text-button/primary-text-button.d.ts +2 -2
  8. package/lib/components/buttons/cta/secondary-blue-button/interfaces.d.ts +1 -1
  9. package/lib/components/buttons/cta/secondary-orange-button/interfaces.d.ts +1 -1
  10. package/lib/components/buttons/index.d.ts +25 -0
  11. package/lib/components/complex/navbar/partials/navbar-v2/partials/interfaces.d.ts +12 -0
  12. package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/index.d.ts +1 -0
  13. package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/intefaces.d.ts +7 -0
  14. package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/navbar-item-without-menu.d.ts +3 -0
  15. package/lib/components/complex/navbar/presentational/constants-v3.d.ts +1 -0
  16. package/lib/components/complex/updated-navbar/constants.d.ts +5 -5
  17. package/lib/components/containers/flex-center/flex-center.d.ts +1 -1
  18. package/lib/components/containers/grid-containers/grid-container-v2/grid-container-v2.d.ts +1 -1
  19. package/lib/components/icons/environment-icon/environment.svg +15 -0
  20. package/lib/components/icons/environment-icon/index.d.ts +1 -0
  21. package/lib/components/icons/index.d.ts +1 -0
  22. package/lib/components/icons/round-bordered-star/interfaces.d.ts +2 -0
  23. package/lib/components/meters/common-outline-meter-partials/index.d.ts +2 -0
  24. package/lib/components/meters/common-outline-meter-partials/label-pointer/index.d.ts +1 -0
  25. package/lib/components/meters/common-outline-meter-partials/label-pointer/interfaces.d.ts +10 -0
  26. package/lib/components/meters/common-outline-meter-partials/label-pointer/label-pointer.d.ts +3 -0
  27. package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/index.d.ts +2 -0
  28. package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/interfaces.d.ts +8 -0
  29. package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.d.ts +3 -0
  30. package/lib/components/meters/dashed-meter/interfaces.d.ts +1 -0
  31. package/lib/components/meters/index.d.ts +12 -0
  32. package/lib/components/meters/multi-option-discrete-outline-meter/constants.d.ts +1 -0
  33. package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/interfaces.d.ts +2 -9
  34. package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/interfaces.d.ts +2 -6
  35. package/lib/components/meters/multi-option-discrete-outline-meter/utils.d.ts +4 -0
  36. package/lib/components/meters/outline-meter/utils.d.ts +2 -1
  37. package/lib/components/meters/smiley-meter-v2/constants.d.ts +3 -0
  38. package/lib/components/meters/smiley-meter-v2/interfaces.d.ts +8 -14
  39. package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/index.d.ts +1 -0
  40. package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/interfaces.d.ts +8 -0
  41. package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/matched-range-label-box.d.ts +3 -0
  42. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/index.d.ts +1 -0
  43. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/interfaces.d.ts +8 -0
  44. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.d.ts +3 -0
  45. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/interfaces.d.ts +3 -3
  46. package/lib/components/meters/smiley-meter-v2/utils.d.ts +15 -0
  47. package/lib/components/progress-bars/line-progress-bar/interfaces.d.ts +2 -1
  48. package/lib/components/progress-bars/progress-bar/interfaces.d.ts +1 -1
  49. package/lib/components/selectors/index.d.ts +21 -0
  50. package/lib/components/selectors/primary-custom-scrollable-selector/index.d.ts +1 -0
  51. package/lib/components/selectors/primary-custom-scrollable-selector/interfaces.d.ts +5 -0
  52. package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.d.ts +2 -0
  53. package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/index.d.ts +1 -0
  54. package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/interfaces.d.ts +4 -0
  55. package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/index.d.ts +1 -0
  56. package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/interfaces.d.ts +5 -0
  57. package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.d.ts +2 -0
  58. package/lib/components/selectors/primary-custom-scrollable-selector/primary-custom-scrollable-selector.d.ts +2 -0
  59. package/lib/components/texts/responsive-text/interfaces.d.ts +1 -1
  60. package/lib/components/texts/responsive-text-v2/interfaces.d.ts +1 -1
  61. package/lib/components/tooltips/tooltip-with-pointer/interfaces.d.ts +4 -0
  62. package/lib/core/custom-hooks.d.ts +10 -1
  63. package/lib/index.d.ts +4 -56
  64. package/lib/index.js +1 -1
  65. package/package.json +1 -1
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { SecondaryCustomSelectorProps } from "../secondary-custom-selector/interfaces";
3
+ export interface PrimaryCustomScrollableSelectorProps<T extends string = string> extends Omit<SecondaryCustomSelectorProps<T>, "variant"> {
4
+ leftSlot?: React.ReactNode;
5
+ }
@@ -0,0 +1,2 @@
1
+ import { CustomScrollableOptionsBoxProps as Props } from "./interfaces";
2
+ export declare const CustomScrollableOptionsBox: <T extends string = string>(props: Props<T>) => JSX.Element | null;
@@ -0,0 +1 @@
1
+ export { CustomScrollableOptionsBox } from "./custom-scrollable-options-box";
@@ -0,0 +1,4 @@
1
+ import { PrimaryCustomScrollableSelectorProps } from "../../interfaces";
2
+ export interface CustomScrollableOptionsBoxProps<T extends string = string> extends Pick<PrimaryCustomScrollableSelectorProps<T>, "value" | "options" | "onChange"> {
3
+ isVisible: boolean;
4
+ }
@@ -0,0 +1 @@
1
+ export { OptionRow } from "./option-row";
@@ -0,0 +1,5 @@
1
+ import { SelectorOptionV2 } from "../../../selector-v2";
2
+ export interface OptionRowProps<T extends string = string> extends SelectorOptionV2<T> {
3
+ currentSelection?: boolean;
4
+ onClick: () => void;
5
+ }
@@ -0,0 +1,2 @@
1
+ import { OptionRowProps as Props } from "./interfaces";
2
+ export declare const OptionRow: <T extends string = string>(props: Props<T>) => JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { PrimaryCustomScrollableSelectorProps as Props } from "./interfaces";
2
+ export declare const PrimaryCustomScrollableSelector: <T extends string = string>(props: Props<T>) => JSX.Element;
@@ -8,7 +8,7 @@ declare type PropsFromBaseText = Pick<BaseTextProps, "children" | "color" | "dis
8
8
  */
9
9
  export declare type SDFontSizeWeight = [number, "semi-bold" | "regular" | "bold"];
10
10
  export interface ResponsiveTextProps extends PropsFromBaseText {
11
- fontSizeWeight: SDFontSizeWeight[];
11
+ fontSizeWeight: SDFontSizeWeight[] | SDFontSizeWeight;
12
12
  /**
13
13
  * Optional font family
14
14
  */
@@ -1,5 +1,5 @@
1
1
  import { BaseTextV2Props } from "../base-text-v2";
2
2
  import { SDFontSizeWeight } from "../responsive-text/interfaces";
3
3
  export interface ResponsiveTextV2Props extends Omit<BaseTextV2Props, "variant"> {
4
- fontSizeWeight: SDFontSizeWeight[];
4
+ fontSizeWeight: SDFontSizeWeight[] | SDFontSizeWeight;
5
5
  }
@@ -8,4 +8,8 @@ export interface TooltipWithPointerProps {
8
8
  pointerSize?: number;
9
9
  tooltipPx?: string | string[];
10
10
  tooltipPy?: string | string[];
11
+ /**
12
+ * Whether to show tooltip.
13
+ */
14
+ tooltipVisible: boolean;
11
15
  }
@@ -52,10 +52,19 @@ export declare function useBreakPoints(): {
52
52
  * @param callback Function to process intersection changes.
53
53
  */
54
54
  export declare function useIntersectionObserver(rootRef: RefObject<HTMLElement>, rootMargin: string, callback: IntersectionObserverCallback): IntersectionObserver | undefined;
55
- export declare function useHover(): {
55
+ export declare function useHover(onHover?: (newState: boolean) => void): {
56
56
  isHover: boolean;
57
57
  hoverCallbacks: {
58
58
  onMouseEnter: () => void;
59
59
  onMouseLeave: () => void;
60
60
  };
61
61
  };
62
+ export default function useContentSize<T extends Element = HTMLElement>(settings?: {
63
+ listenForResize?: boolean;
64
+ debounceDelay?: number;
65
+ checkEachRender?: boolean;
66
+ }): {
67
+ ref: RefObject<T>;
68
+ contentWidth: number;
69
+ contentHeight: number;
70
+ };
package/lib/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BaseAccordionProps, BaseBadgeProps, BaseBaseGridContainerProps, BaseBaseOutlineMeterProps, BaseBicolorBadgeProps, BaseBoxyNumberInputProps, BaseBreadcrumbProps, BaseButtonProps, BaseCarouselSwitchProps, BaseCompactSelectorProps, BaseCtaButtonProps, BaseDateRangeInputProps, BaseDropdownProps, BaseInputProps, BaseLinkProps, BaseListProps, BaseModalProps, BaseNumberInputProps, BasePaginationBarProps, BaseProgressBarProps, BaseResponsiveTextProps, BaseSelectorProps, BaseSublistAccordionProps, BaseTextCtaButtonProps, BaseTextInputProps, BaseTextPropsInterface, BaseTextSwitchProps, OutlinedDateRangeInputProps, SelectorOptionType, SlideSettingsType } from "./interfaces";
2
+ import { BaseAccordionProps, BaseBadgeProps, BaseBaseGridContainerProps, BaseBicolorBadgeProps, BaseBoxyNumberInputProps, BaseBreadcrumbProps, BaseCarouselSwitchProps, BaseDateRangeInputProps, BaseDropdownProps, BaseInputProps, BaseLinkProps, BaseListProps, BaseModalProps, BaseNumberInputProps, BasePaginationBarProps, BaseProgressBarProps, BaseResponsiveTextProps, BaseSublistAccordionProps, BaseTextInputProps, BaseTextPropsInterface, BaseTextSwitchProps, OutlinedDateRangeInputProps, SlideSettingsType } from "./interfaces";
3
3
  export declare const ComponentLibThemeProvider: import("react").FC<import("./components/wrapper/interfaces").WrapperProps>;
4
4
  export { Accordion } from "./components/accordions/base-accordion";
5
5
  export declare type AccordionProps = BaseAccordionProps;
@@ -22,28 +22,7 @@ export { Breadcrumb } from "./components/breadcrumbs/breadcrumb";
22
22
  export declare type BreadCrumbProps = BaseBreadcrumbProps;
23
23
  export { PrimaryBreadcrumb } from "./components/breadcrumbs/primary-breadcrumb";
24
24
  export { SecondaryBreadcrumb } from "./components/breadcrumbs/secondary-breadcrumb";
25
- export { Button } from "./components/buttons/button";
26
- export declare type ButtonProps = BaseButtonProps;
27
- export { CtaButton } from "./components/buttons/cta/cta-button";
28
- export declare type CtaButtonProps = BaseCtaButtonProps;
29
- export { TextCtaButton } from "./components/buttons/cta/text-cta-button";
30
- export declare type TextCtaButtonProps = BaseTextCtaButtonProps;
31
- export { PrimaryBlueButton } from "./components/buttons/cta/primary-blue-button";
32
- export { PrimaryOrangeButton } from "./components/buttons/cta/primary-orange-button";
33
- export { SecondaryBlueButton } from "./components/buttons/cta/secondary-blue-button";
34
- export { SecondaryOrangeButton } from "./components/buttons/cta/secondary-orange-button";
35
- export { PrimaryTextButton } from "./components/buttons/cta/primary-text-button";
36
- export { GoToButton } from "./components/buttons/partials/goto-button";
37
- export { NextButton } from "./components/buttons/cta/next-button";
38
- export { ShareButton } from "./components/buttons/cta/share-button";
39
- export { IconButton } from "./components/buttons/partials/icon-button";
40
- export { TickButton } from "./components/buttons/partials/tick-button";
41
- export { CrossButton } from "./components/buttons/partials/cross-button";
42
- export { PoweredByGreyLogoButton } from "./components/buttons/logos/powered-by-grey-logo";
43
- export { PoweredByWhiteLogoButton } from "./components/buttons/logos/powered-by-white-logo";
44
- export { RadioInfoButton } from "./components/buttons/radio-info-button";
45
- export { RoundIconButton } from "./components/buttons/round-icon-button";
46
- export { NavbarLogoButton } from "./components/buttons/logos/navbar-logo";
25
+ export * from "./components/buttons";
47
26
  export { RoundCard } from "./components/cards/round-card";
48
27
  export { Checkbox } from "./components/checkboxes/checkbox";
49
28
  export { PartialCheckbox } from "./components/checkboxes/partial-checkbox";
@@ -106,20 +85,7 @@ export { List } from "./components/lists/list";
106
85
  export declare type ListProps = BaseListProps;
107
86
  export { PrimaryList } from "./components/lists/primary-list";
108
87
  export { ActionsMenu } from "./components/menus/actions-menu";
109
- export { BaseOutlineMeter } from "./components/meters/base-outline-meter";
110
- export declare type BaseOutlineMeterProps = BaseBaseOutlineMeterProps;
111
- export { DiscreteOutlineMeter } from "./components/meters/discrete-outline-meter";
112
- export { ContinuousOutlineMeter } from "./components/meters/continuous-outline-meter";
113
- export { MulticolorOutlineMeter } from "./components/meters/multicolor-outline-meter";
114
- export { BarsMeter } from "./components/meters/bars-meter";
115
- export { PeopleMeter } from "./components/meters/people-meter";
116
- export { SmileyMeter } from "./components/meters/smiley-meter";
117
- export { DashedMeter } from "./components/meters/dashed-meter";
118
- export { GradientOutlineMeter, SmallGradientOutlineMeter, } from "./components/meters/gradient-outline-meter";
119
- export { OutlineMeter, SmallOutlineMeter, } from "./components/meters/outline-meter";
120
- export type { OutlineMeterPosition, Bounds, OutlineMeterLabelPosition, } from "./components/meters/outline-meter";
121
- export { SmileyMeterV2, SmallSmileyMeterV2, } from "./components/meters/smiley-meter-v2";
122
- export { MultiOptionDiscreteOutlineMeter, SmallMultiOptionDiscreteOutlineMeter, } from "./components/meters/multi-option-discrete-outline-meter";
88
+ export * from "./components/meters";
123
89
  export { Modal } from "./components/modals/modal";
124
90
  export declare type ModalProps = BaseModalProps;
125
91
  export { PrimaryModal } from "./components/modals/primary-modal";
@@ -134,25 +100,7 @@ export { RoundedProgressBar } from "./components/progress-bars/rounded-progress-
134
100
  export { ProgressSteps } from "./components/progress-steps";
135
101
  export { RadioButton } from "./components/radio-button";
136
102
  export { FiveStarsRating } from "./components/ratings/five-stars-rating";
137
- export type { SelectorOptionType as SelectorOption };
138
- export { Selector } from "./components/selectors/selector";
139
- export type { BaseSelectorProps as SelectorProps };
140
- export { TertiarySelector } from "./components/selectors/tertiary-selector";
141
- export { PrimarySelector } from "./components/selectors/primary-selector";
142
- export { SecondarySelector } from "./components/selectors/secondary-selector";
143
- export { CompactPrimarySelector } from "./components/selectors/compact-primary-selector";
144
- export declare type CompactPrimarySelectorProps<T extends string = string> = BaseCompactSelectorProps<T>;
145
- export { CustomSelector } from "./components/selectors/custom-selector";
146
- export { SecondaryCustomSelector } from "./components/selectors/secondary-custom-selector";
147
- export { TertiaryCustomSelector } from "./components/selectors/tertiary-custom-selector";
148
- export { CombinedSecondaryCustomSelector } from "./components/selectors/combined-secondary-custom-selector";
149
- export { SelectorV2 } from "./components/selectors/selector-v2";
150
- export type { SelectorV2Props, SelectorOptionV2, } from "./components/selectors/selector-v2";
151
- export { TertiarySelectorV2 } from "./components/selectors/tertiary-selector-v2";
152
- export { SecondarySelectorV2 } from "./components/selectors/secondary-selector-v2";
153
- export { PrimarySelectorV2 } from "./components/selectors/primary-selector-v2";
154
- export { CombinedSecondarySelectorV2 } from "./components/selectors/combined-secondary-selector-v2";
155
- export { CustomScrollableSelector } from "./components/selectors/custom-scrollable-selector";
103
+ export * from "./components/selectors";
156
104
  export { Slider } from "./components/slider";
157
105
  export declare type SlideSettings = SlideSettingsType;
158
106
  export { TextSwitch } from "./components/switches/text-switch";