@selfdecode/sd-component-library 2.46.7 → 2.46.10

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 (117) hide show
  1. package/lib/193805683b5b1e117aab667b99dc2e4d.svg +15 -0
  2. package/lib/components/animations/up-down-arrow/up-down-arrow.d.ts +0 -1
  3. package/lib/components/bicolor-badge/interfaces.d.ts +0 -1
  4. package/lib/components/buttons/cta/cta-button/interfaces.d.ts +1 -1
  5. package/lib/components/buttons/cta/primary-blue-button/interfaces.d.ts +1 -1
  6. package/lib/components/buttons/cta/primary-blue-button/primary-blue-button.d.ts +2 -2
  7. package/lib/components/buttons/cta/primary-orange-button/interfaces.d.ts +1 -1
  8. package/lib/components/buttons/cta/primary-text-button/interfaces.d.ts +1 -1
  9. package/lib/components/buttons/cta/primary-text-button/primary-text-button.d.ts +2 -2
  10. package/lib/components/buttons/cta/secondary-blue-button/interfaces.d.ts +1 -1
  11. package/lib/components/buttons/cta/secondary-orange-button/interfaces.d.ts +1 -1
  12. package/lib/components/buttons/index.d.ts +25 -0
  13. package/lib/components/buttons/partials/icon-button/icon-button.d.ts +1 -1
  14. package/lib/components/buttons/partials/icon-button/interfaces.d.ts +1 -1
  15. package/lib/components/checkboxes/checkbox/checkbox.d.ts +0 -1
  16. package/lib/components/complex/footer/partials/footer-link/footer-link.d.ts +0 -1
  17. package/lib/components/complex/footer/partials/footer-section/footer-section.d.ts +0 -1
  18. package/lib/components/complex/footer/partials/footer-social/footer-social.d.ts +0 -1
  19. package/lib/components/complex/footer/presentational/footer-presentational.d.ts +0 -1
  20. package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-desktop-v1/partials/menu-row/menu-row.d.ts +0 -1
  21. package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-desktop-v1/partials/new-apps/new-apps.d.ts +0 -1
  22. package/lib/components/complex/navbar/partials/navbar-v2/partials/interfaces.d.ts +12 -0
  23. package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/menu-box/menu-box.d.ts +0 -1
  24. package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/index.d.ts +1 -0
  25. package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/intefaces.d.ts +7 -0
  26. 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
  27. package/lib/components/complex/navbar/presentational/constants-v3.d.ts +1 -0
  28. package/lib/components/complex/navbar/presentational/navbar-presentational.d.ts +0 -1
  29. package/lib/components/containers/flex-center/flex-center.d.ts +1 -1
  30. package/lib/components/containers/grid-containers/grid-container-v2/grid-container-v2.d.ts +1 -1
  31. package/lib/components/containers/max-width-container/max-width-container.d.ts +0 -1
  32. package/lib/components/containers/section-container/section-container.d.ts +0 -1
  33. package/lib/components/feature-explanation/feature-explanation.d.ts +0 -1
  34. package/lib/components/icons/environment-icon/environment.svg +15 -0
  35. package/lib/components/icons/environment-icon/index.d.ts +1 -0
  36. package/lib/components/icons/index.d.ts +1 -0
  37. package/lib/components/inputs/search-autocomplete-input/partials/search-autocomplete-results-box/search-autocomplete-results-box.d.ts +0 -1
  38. package/lib/components/inputs/search-autocomplete-input/partials/search-autocomplete-row/search-autocomplete-row.d.ts +0 -1
  39. package/lib/components/inputs/search-autocomplete-input/search-autocomplete-input.d.ts +0 -1
  40. package/lib/components/inputs/search-input/partials/search-box/search-box.d.ts +0 -1
  41. package/lib/components/labels/base-label/base-label.d.ts +0 -1
  42. package/lib/components/meters/common-outline-meter-partials/index.d.ts +2 -0
  43. package/lib/components/meters/common-outline-meter-partials/label-pointer/index.d.ts +1 -0
  44. package/lib/components/meters/common-outline-meter-partials/label-pointer/interfaces.d.ts +10 -0
  45. package/lib/components/meters/common-outline-meter-partials/label-pointer/label-pointer.d.ts +3 -0
  46. package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/index.d.ts +2 -0
  47. package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/interfaces.d.ts +10 -0
  48. package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.d.ts +3 -0
  49. package/lib/components/meters/index.d.ts +12 -0
  50. package/lib/components/meters/multi-option-discrete-outline-meter/constants.d.ts +1 -0
  51. package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/interfaces.d.ts +2 -9
  52. package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/interfaces.d.ts +2 -6
  53. package/lib/components/meters/multi-option-discrete-outline-meter/utils.d.ts +4 -0
  54. package/lib/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.d.ts +1 -1
  55. package/lib/components/meters/outline-meter/utils.d.ts +2 -1
  56. package/lib/components/meters/smiley-meter-v2/constants.d.ts +3 -0
  57. package/lib/components/meters/smiley-meter-v2/interfaces.d.ts +8 -14
  58. package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/index.d.ts +1 -0
  59. package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/interfaces.d.ts +11 -0
  60. package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/matched-range-label-box.d.ts +3 -0
  61. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/index.d.ts +1 -0
  62. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/interfaces.d.ts +8 -0
  63. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.d.ts +3 -0
  64. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/interfaces.d.ts +3 -3
  65. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/smiley-meter-ranges.d.ts +1 -1
  66. package/lib/components/meters/smiley-meter-v2/utils.d.ts +15 -0
  67. package/lib/components/progress-bars/line-progress-bar/interfaces.d.ts +2 -1
  68. package/lib/components/progress-bars/progress-bar/interfaces.d.ts +1 -1
  69. package/lib/components/radio-button/radio-button.d.ts +0 -1
  70. package/lib/components/ratings/five-stars-rating/five-stars-rating.d.ts +0 -1
  71. package/lib/components/selectors/compact-primary-selector/compact-primary-selector.d.ts +0 -1
  72. package/lib/components/selectors/custom-scrollable-selector/custom-scrollable-selector.d.ts +0 -1
  73. package/lib/components/selectors/custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.d.ts +0 -1
  74. package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.d.ts +0 -1
  75. package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.d.ts +0 -1
  76. package/lib/components/selectors/primary-custom-scrollable-selector/primary-custom-scrollable-selector.d.ts +0 -1
  77. package/lib/components/selectors/primary-selector/primary-selector.d.ts +0 -1
  78. package/lib/components/selectors/secondary-custom-selector/partials/secondary-custom-selector-options-box/secondary-custom-selector-options-box.d.ts +0 -1
  79. package/lib/components/selectors/secondary-custom-selector/secondary-custom-selector.d.ts +0 -1
  80. package/lib/components/selectors/secondary-selector/secondary-selector.d.ts +0 -1
  81. package/lib/components/selectors/selector/selector.d.ts +0 -1
  82. package/lib/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.d.ts +0 -1
  83. package/lib/components/selectors/selector-v2/selector-v2.d.ts +0 -1
  84. package/lib/components/selectors/tertiary-selector/tertiary-selector.d.ts +0 -1
  85. package/lib/components/slider/partials/step-circles/step-circles.d.ts +0 -1
  86. package/lib/components/slider/slider.d.ts +0 -1
  87. package/lib/components/tabs/tab-bar/partials/tab/tab.d.ts +0 -1
  88. package/lib/components/tabs/tab-bar/tab-bar.d.ts +0 -1
  89. package/lib/components/tabs/tabbed-view/tabbed-view.d.ts +0 -1
  90. package/lib/components/tabs/tabs-menu/tabs-menu.d.ts +0 -1
  91. package/lib/components/texts/base-text/base-text.d.ts +0 -1
  92. package/lib/components/texts/eighteen-bold/eighteen-bold.d.ts +0 -1
  93. package/lib/components/texts/eighteen-regular/eighteen-regular.d.ts +0 -1
  94. package/lib/components/texts/fifty-five-sb/fifty-five-sb.d.ts +0 -1
  95. package/lib/components/texts/fourteen-regular/fourteen-regular.d.ts +0 -1
  96. package/lib/components/texts/fourteen-sb/fourteen-sb.d.ts +0 -1
  97. package/lib/components/texts/fourty-bold/fourty-bold.d.ts +0 -1
  98. package/lib/components/texts/no-translate/no-translate.d.ts +0 -1
  99. package/lib/components/texts/responsive-text/interfaces.d.ts +1 -1
  100. package/lib/components/texts/responsive-text-v2/interfaces.d.ts +1 -1
  101. package/lib/components/texts/sixteen-regular/sixteen-regular.d.ts +0 -1
  102. package/lib/components/texts/ten-sb/ten-sb.d.ts +0 -1
  103. package/lib/components/texts/thirteen-bold/thirteen-bold.d.ts +0 -1
  104. package/lib/components/texts/thirteen-regular/thirteen-regular.d.ts +0 -1
  105. package/lib/components/texts/thirteen-sb/thirteen-sb.d.ts +0 -1
  106. package/lib/components/texts/thirty-two-bold/thirty-two-bold.d.ts +0 -1
  107. package/lib/components/texts/thirty-two-regular/thirty-two-regular.d.ts +0 -1
  108. package/lib/components/texts/twelve-regular/twelve-regular.d.ts +0 -1
  109. package/lib/components/texts/twelve-sb/twelve-sb.d.ts +0 -1
  110. package/lib/components/texts/twenty-four-bold/twenty-four-bold.d.ts +0 -1
  111. package/lib/components/texts/twenty-four-regular/twenty-four-regular.d.ts +0 -1
  112. package/lib/components/utils/scroll-to-top/scroll-to-top.d.ts +0 -1
  113. package/lib/components/utils/scroll-to-top-on-mount/scroll-to-top-on-mount.d.ts +0 -1
  114. package/lib/core/custom-hooks.d.ts +15 -1
  115. package/lib/index.d.ts +3 -37
  116. package/lib/index.js +1 -1
  117. package/package.json +1 -1
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { MatchedRangeBoxProps as Props } from "./interfaces";
3
+ export declare const MatchedRangeLabelBox: React.FC<Props>;
@@ -0,0 +1 @@
1
+ export { SmileyMeterRange } from "./smiley-meter-range";
@@ -0,0 +1,8 @@
1
+ import { SmileyMeterRange } from "../../interfaces";
2
+ import { SmileyMeterRangesProps } from "../smiley-meter-ranges/interfaces";
3
+ export interface SmileyMeterRangeProps extends SmileyMeterRange, Omit<SmileyMeterRangesProps, "ranges"> {
4
+ pointerLength: number;
5
+ totalRanges: number;
6
+ idx: number;
7
+ isMatchedRange: boolean;
8
+ }
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { SmileyMeterRangeProps as Props } from "./interfaces";
3
+ export declare const SmileyMeterRange: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGCircleElement>>;
@@ -1,5 +1,5 @@
1
- import { OutlineMeterRangeConfig } from "../../../outline-meter";
2
1
  import { OutlineMeterRangeProps } from "../../../outline-meter/partials/outline-meter-range/interfaces";
3
- export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels"> {
4
- ranges: OutlineMeterRangeConfig[];
2
+ import { SmileyMeterRange, SmileyMeterV2Props } from "../../interfaces";
3
+ export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels" | "segmented">, Required<Pick<SmileyMeterV2Props, "pointerWidth" | "textBottomMargin">> {
4
+ ranges: SmileyMeterRange[];
5
5
  }
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import { SmileyMeterRangesProps as Props } from "./interfaces";
3
- export declare const SmileyMeterRanges: React.FC<Props>;
3
+ export declare const SmileyMeterRanges: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGCircleElement>>;
@@ -0,0 +1,15 @@
1
+ import { OutlineMeterRangeConfig } from "../outline-meter";
2
+ import { SmileyMeterRange } from "./interfaces";
3
+ export declare enum SmileyGaugeColor {
4
+ GREEN = "#00B466",
5
+ ORANGE = "#FF9900",
6
+ RED = "#FF0000"
7
+ }
8
+ export declare const areColorsValid: (ranges: OutlineMeterRangeConfig[]) => boolean;
9
+ export declare const isCorrectSmileyMeterConfig: (value: number, ranges: OutlineMeterRangeConfig[]) => ranges is SmileyMeterRange[];
10
+ export declare const getRangeProperties: (arc: number, totalRanges: number, distanceBetweenRanges: number, idx: number, start: number, end: number) => {
11
+ rangeArcStart: number;
12
+ rangeArcEnd: number;
13
+ rangeArcMiddle: number;
14
+ };
15
+ export declare const getIsHorizontal: (range: SmileyMeterRange) => boolean;
@@ -1,2 +1,3 @@
1
1
  import { ProgressBarProps } from "../progress-bar";
2
- export declare type LineProgressBarProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml">;
2
+ import { BackgroundColorProps } from "../progress-bar/interfaces";
3
+ export declare type LineProgressBarProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml"> & Pick<BackgroundColorProps, "completedColor" | "reaminsColor">;
@@ -31,7 +31,7 @@ interface BackgroundProps {
31
31
  * The following props are used if we just want to provide some color to the
32
32
  * background of progress bar and don't want additional effects.
33
33
  */
34
- interface BackgroundColorProps {
34
+ export interface BackgroundColorProps {
35
35
  withBackgroundProps?: false;
36
36
  /**
37
37
  * The color of the completed part of our progress.
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { RadioButtonProps } from "./interfaces";
3
2
  export declare const RadioButton: (props: RadioButtonProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { FiveStarsRatingProps } from "./interfaces";
3
2
  export declare const FiveStarsRating: (props: FiveStarsRatingProps) => JSX.Element;
@@ -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,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { CustomScrollableSelectorProps as Props } from "./interfaces";
3
2
  export declare const CustomScrollableSelector: <T extends string = string>(props: Props<T>) => JSX.Element | null;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { CustomScrollableOptionsBoxProps as Props } from "./interfaces";
3
2
  export declare const CustomScrollableOptionsBox: <T extends string = string>(props: Props<T>) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { CustomScrollableOptionsBoxProps as Props } from "./interfaces";
3
2
  export declare const CustomScrollableOptionsBox: <T extends string = string>(props: Props<T>) => JSX.Element | null;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { OptionRowProps as Props } from "./interfaces";
3
2
  export declare const OptionRow: <T extends string = string>(props: Props<T>) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { PrimaryCustomScrollableSelectorProps as Props } from "./interfaces";
3
2
  export declare const PrimaryCustomScrollableSelector: <T extends string = string>(props: Props<T>) => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { PrimarySelectorProps as Props } from "./interfaces";
3
2
  /**
4
3
  * The PrimarySelector.
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { SecondaryCustomSelectorOptionsBoxProps as Props } from "./interfaces";
3
2
  export declare const SecondaryCustomSelectorOptionsBox: <T extends string = string>(props: Props<T>) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { SecondaryCustomSelectorProps as Props } from "./interfaces";
3
2
  export declare const SecondaryCustomSelector: <T extends string = string>(props: Props<T>) => JSX.Element | null;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { SecondarySelectorProps as Props } from "./interfaces";
3
2
  /**
4
3
  * The SecondarySelector.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { SelectorProps as Props } from "./interfaces";
3
2
  export declare const getNoTranslateClass: (flag: boolean) => "no-translate" | undefined;
4
3
  export declare const Selector: <T extends string = string>(props: Props<T>) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { BaseSelectorV2Props as Props } from "./interfaces";
3
2
  export declare const BaseSelectorV2: <T extends string = string>(props: Props<T>) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { SelectorV2Props as Props } from "./interfaces";
3
2
  export declare const SelectorV2: <T extends string = string>(props: Props<T>) => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { TertiarySelectorProps as Props } from "./interfaces";
3
2
  /**
4
3
  * The TertiarySelector.
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { StepCirclesProps } from "./interfaces";
3
2
  export declare const StepCircles: (props: StepCirclesProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { SliderProps } from "./interfaces";
3
2
  export declare const Slider: (props: SliderProps) => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { TabProps } from "./interfaces";
3
2
  export declare const Ribbon: ({ active, activeColor, color, }: {
4
3
  active?: boolean | undefined;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { TabBarProps } from "./interfaces";
3
2
  export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, tabHeight, tabMaxWidth, }: TabBarProps<T>): JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { TabbedViewProps } from "./interfaces";
3
2
  export declare function TabbedView({ tabs, color, activeColor, contentPadding, tabPadding, }: TabbedViewProps): JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { TabsMenuProps } from "./interfaces";
3
2
  /**
4
3
  * TabsMenu component.
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { BaseTextProps } from "./interfaces";
3
2
  export declare const BaseText: (props: BaseTextProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { EighteenBoldProps } from "./interfaces";
3
2
  export declare const EighteenBold: (props: EighteenBoldProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { EighteenRegularProps } from "./interfaces";
3
2
  export declare const EighteenRegular: (props: EighteenRegularProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { FiftyFiveSbProps } from "./interfaces";
3
2
  export declare const FiftyFiveSb: (props: FiftyFiveSbProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { FourteenRegularProps } from "./interfaces";
3
2
  export declare const FourteenRegular: (props: FourteenRegularProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { FourteenSbProps } from "./interfaces";
3
2
  export declare const FourteenSb: (props: FourteenSbProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { FourtyBoldProps } from "./interfaces";
3
2
  export declare const FourtyBold: (props: FourtyBoldProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { TextProps } from "rebass";
3
2
  export declare const NoTranslate: (props: TextProps) => 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
  }
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { SixteenRegularProps } from "./interfaces";
3
2
  export declare const SixteenRegular: (props: SixteenRegularProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { TenSbProps } from "./interfaces";
3
2
  export declare const TenSb: (props: TenSbProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { ThirteenBoldProps } from "./interfaces";
3
2
  export declare const ThirteenBold: (props: ThirteenBoldProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { ThirteenRegularProps } from "./interfaces";
3
2
  export declare const ThirteenRegular: (props: ThirteenRegularProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { ThirteenSbProps } from "./interfaces";
3
2
  export declare const ThirteenSb: (props: ThirteenSbProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { ThirtyTwoBoldProps } from "./interfaces";
3
2
  export declare const ThirtyTwoBold: (props: ThirtyTwoBoldProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { ThirtyTwoRegularProps } from "./interfaces";
3
2
  export declare const ThirtyTwoRegular: (props: ThirtyTwoRegularProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { TwelveRegularProps } from "./interfaces";
3
2
  export declare const TwelveRegular: (props: TwelveRegularProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { TwelveSbProps } from "./interfaces";
3
2
  export declare const TwelveSb: (props: TwelveSbProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { TwentyFourBoldProps } from "./interfaces";
3
2
  export declare const TwentyFourBold: (props: TwentyFourBoldProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { TwentyFourRegularProps } from "./interfaces";
3
2
  export declare const TwentyFourRegular: (props: TwentyFourRegularProps) => JSX.Element;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  import { ScrollToTopProps } from "./interfaces";
3
2
  export declare const ScrollToTop: (props: ScrollToTopProps) => JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const ScrollToTopOnMount: () => JSX.Element;
@@ -52,10 +52,24 @@ 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 declare 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
+ };
71
+ export declare function useElementCoordinates<T extends Element = HTMLElement>(): {
72
+ ref: RefObject<T>;
73
+ x: number;
74
+ y: number;
75
+ };
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, BaseCtaButtonProps, BaseDateRangeInputProps, BaseDropdownProps, BaseInputProps, BaseLinkProps, BaseListProps, BaseModalProps, BaseNumberInputProps, BasePaginationBarProps, BaseProgressBarProps, BaseResponsiveTextProps, BaseSublistAccordionProps, BaseTextCtaButtonProps, BaseTextInputProps, BaseTextPropsInterface, BaseTextSwitchProps, OutlinedDateRangeInputProps, 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";