@selfdecode/sd-component-library 2.42.23 → 2.42.27

package/lib/237b8e28b333235506cb563afee0e57d.svg

@@ -0,0 +1,19 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 29 29"
+>
+  <g>
+    <path
+      d="M587.787,289.994a14.846,14.846,0,0,0-13.963,8.888h.031a1.817,1.817,0,0,0,3.358,1.391,11.709,11.709,0,0,1,21.125,0,1.816,1.816,0,1,0,3.336-1.437A14.981,14.981,0,0,0,587.787,289.994Z"
+      transform="translate(-573.349 -273.133)"
+    />
+    <path
+      d="M592.474,280.84a1.514,1.514,0,0,0-1.512,1.514,2.269,2.269,0,1,1-4.478,0,1.512,1.512,0,1,0-3.025,0,5.295,5.295,0,1,0,10.53,0A1.514,1.514,0,0,0,592.474,280.84Z"
+      transform="translate(-565.173 -280.84)"
+    />
+    <path
+      d="M578.248,288.183a5.294,5.294,0,0,0,5.83-5.828,1.513,1.513,0,1,0-3.027,0,2.269,2.269,0,1,1-4.478,0,1.512,1.512,0,1,0-3.025,0A5.293,5.293,0,0,0,578.248,288.183Z"
+      transform="translate(-573.518 -280.84)"
+    />
+  </g>
+</svg>

package/lib/319927e1f8d12951dad50f7267714042.svg

@@ -0,0 +1,19 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 29 29"
+>
+  <g>
+    <path
+      d="M184.613,290.162a1.819,1.819,0,0,0-2.387.95,11.709,11.709,0,0,1-21.125,0,1.817,1.817,0,0,0-3.358,1.391h-.031a15.369,15.369,0,0,0,27.85.046A1.816,1.816,0,0,0,184.613,290.162Z"
+      transform="translate(-157.237 -273.134)"
+    />
+    <path
+      d="M172.046,280.871a5.294,5.294,0,0,0-4.7,5.83,1.512,1.512,0,0,0,3.025,0,2.269,2.269,0,1,1,4.478,0,1.513,1.513,0,0,0,3.026,0,5.295,5.295,0,0,0-5.83-5.83Z"
+      transform="translate(-149.061 -280.841)"
+    />
+    <path
+      d="M158.949,288.214a1.512,1.512,0,0,0,1.512-1.512,2.269,2.269,0,1,1,4.478,0,1.513,1.513,0,0,0,3.027,0,5.545,5.545,0,0,0,0-1.131,5.3,5.3,0,0,0-10.529,1.131A1.513,1.513,0,0,0,158.949,288.214Z"
+      transform="translate(-157.406 -280.841)"
+    />
+  </g>
+</svg>

package/lib/components/buttons/round-icon-button/interfaces.d.ts

@@ -45,6 +45,14 @@ export interface RoundIconButtonProps extends Omit<ButtonProps, "borderRadius" |
      * Text to be displayed in the bottom of the tooltip (dark grey).
      */
     tooltipText?: string[];
+    /**
+     * Whether to show arrow tip.
+     */
+    showArrowTip?: boolean;
+    /**
+     * Whether to show tooltip.
+     */
+    showTooltip?: boolean;
 }
 export interface Slot {
     content: React.ReactNode;

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/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/meters/dashed-meter/interfaces.d.ts

@@ -1,8 +1,17 @@
 import { BaseComponentProps } from "../../interfaces";
-export interface DashedMeterProps extends BaseComponentProps {
+import { BaseGridContainerProps } from "../../../index";
+export interface DashedMeterProps extends BaseComponentProps, Pick<BaseGridContainerProps, "gap" | "width" | "p" | "alignItems"> {
     value: 0 | 1 | 2 | 3 | 4 | 5;
     /**
      * Whether to use vertical version.
      */
     vertical?: boolean;
+    /**
+     * Dash styles.
+     */
+    dashWidth?: string;
+    verticalDashWidth?: string;
+    dashHeight?: string;
+    verticalDashHeight?: string;
+    dashBorderRadius?: string;
 }

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

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

package/lib/components/meters/gradient-outline-meter/index.d.ts

@@ -0,0 +1,2 @@
+export { GradientOutlineMeter } from "./gradient-outline-meter";
+export { SmallGradientOutlineMeter } from "./small-gradient-outline-meter";

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

@@ -0,0 +1,22 @@
+import { OutlineMeterProps } from "../outline-meter";
+import { OutlineMeterLabelPosition } from "../outline-meter";
+export interface GradientOutlineMeterProps extends Omit<OutlineMeterProps, "ranges" | "distanceBetweenRanges"> {
+    /**
+     * List of labels to be displayed.
+     */
+    labels: GradientOutlineMeterLabelConfig[];
+    /**
+     * List of colors for the gradient.
+     */
+    gradientColors: string[];
+    /**
+     * Fill color of the point and needle.
+     */
+    pointColor?: string;
+}
+export declare type SmallGradientOutlineMeterProps = GradientOutlineMeterProps;
+export interface GradientOutlineMeterLabelConfig {
+    position: OutlineMeterLabelPosition;
+    color: string;
+    label: string;
+}

package/lib/components/meters/gradient-outline-meter/partials/gradient-meter-needle/gradient-meter-needle.d.ts

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

package/lib/components/meters/gradient-outline-meter/partials/gradient-meter-needle/index.d.ts

@@ -0,0 +1 @@
+export { GradientMeterNeedle } from "./gradient-meter-needle";

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

@@ -0,0 +1,7 @@
+import { OutlineMeterNeedleProps } from "../../../outline-meter/partials/outline-meter-needle/interfaces";
+export interface GradientMeterNeedleProps extends Pick<OutlineMeterNeedleProps, "value" | "diameter" | "arc" | "gaugeWidth" | "needleWidth" | "innerCircleStrokeWidth" | "innerCircleRadius" | "distanceFromRange" | "needleColor"> {
+    /**
+     * List of gradient ranges.
+     */
+    ranges: [string, string][];
+}

package/lib/components/meters/gradient-outline-meter/partials/gradient-meter-range/gradient-meter-range.d.ts

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

package/lib/components/meters/gradient-outline-meter/partials/gradient-meter-range/index.d.ts

@@ -0,0 +1 @@
+export { GradientMeterRange } from "./gradient-meter-range";

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

@@ -0,0 +1,31 @@
+import { GradientOutlineMeterProps } from "../../interfaces";
+export interface GradientMeterRangeProps extends Required<Pick<GradientOutlineMeterProps, "value" | "arc" | "gaugeWidth" | "innerPointRadius" | "pointStrokeWidth">> {
+    /**
+     * Meter diameter.
+     */
+    diameter: number;
+    /**
+     * Color at the start of the range.
+     */
+    startColor: string;
+    /**
+     * Color at the end of the range.
+     */
+    endColor: string;
+    /**
+     * Whether to use segmented meter styling.
+     */
+    segmented?: boolean;
+    /**
+     * Range index.
+     */
+    idx: number;
+    /**
+     * Total number of ranges.
+     */
+    totalRanges: number;
+    /**
+     * Color of the point and needle.
+     */
+    pointColor?: string;
+}

package/lib/components/meters/gradient-outline-meter/small-gradient-outline-meter.d.ts

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

package/lib/components/meters/gradient-outline-meter/utils.d.ts

@@ -0,0 +1,17 @@
+import { OutlineMeterLabelPosition } from "../outline-meter";
+/**
+ * Returns an array of mapped adjacent elements into pairs.
+ */
+export declare const mapAdjacent: <T>(iter?: T[]) => Generator<[T, T], void, unknown>;
+/**
+ * @param fraction numerical value from 0 to 1.
+ * @param lowColor initial color of the gradient.
+ * @param topColor final color of the gradient.
+ * @returns color of gradient at specified fraction point or empty string
+ */
+export declare const getFractionColor: (fraction: number, lowColor?: string | undefined, topColor?: string | undefined) => string;
+export declare const isLabelActive: (value: number, totalColors: number, position: OutlineMeterLabelPosition) => boolean;
+/**
+ * Mirrors entered position for outline meter label.
+ */
+export declare const flipPosition: (position: OutlineMeterLabelPosition) => "top" | "left" | "right";

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

@@ -0,0 +1,36 @@
+/**
+ * Default values for outline meters
+ */
+export declare const defaultWidth = 250;
+export declare const defaultHeight = 220;
+export declare const defaultArc = 270;
+export declare const defaultDistanceBetweenRanges = 10;
+export declare const defaultGaugeWidth = 6;
+export declare const defaultPointStrokeWidth = 4.5;
+export declare const defaultInnerPointRadius = 1.5;
+export declare const defaultDistanceFromRangesToNeedle = 18;
+export declare const defaultInnerCircleStrokeWidth = 4;
+export declare const defaultInnerCircleRadius = 6.5;
+export declare const defaultNeedleWidth = 8;
+export declare const defaultNumberOfDashes = 40;
+export declare const defaultDashHeight = 6;
+export declare const defaultDashWidth = 1.5;
+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
+ */
+export declare const smallMeterWidth = 100;
+export declare const smallMeterHeight = 87;
+export declare const smallMeterPointStrokeWidth = 3;
+export declare const smallMeterPointRadius = 1.5;
+export declare const smallMeterGaugeWidth = 4;
+export declare const smallMeterInnerCircleRadius = 6;
+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/index.d.ts

@@ -0,0 +1,3 @@
+export { OutlineMeter } from "./outline-meter";
+export type { OutlineMeterPosition, OutlineMeterRangeConfig, OutlineMeterProps, SmallOutlineMeterProps, Bounds, OutlineMeterLabelPosition, } from "./interfaces";
+export { SmallOutlineMeter } from "./small-outline-meter";

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

@@ -0,0 +1,134 @@
+export declare type OutlineMeterPosition = number;
+export interface OutlineMeterProps {
+    /**
+     * Meter container margins.
+     */
+    marginTop?: string | string[];
+    marginX?: string | string[];
+    /**
+     * Whether to use segmented type of meter.
+     */
+    segmented?: boolean;
+    /**
+     * Value to be displayed.
+     */
+    value: OutlineMeterPosition;
+    /**
+     * List of available ranges.
+     */
+    ranges: OutlineMeterRangeConfig[];
+    /**
+     * Whether to show needle indicator.
+     */
+    showNeedle?: boolean;
+    /**
+     * Whether to show scale for meter.
+     */
+    showScale?: boolean;
+    /**
+     * Diameter of the meter.
+     */
+    width?: number;
+    /**
+     * Height of the meter.
+     */
+    height?: number;
+    /**
+     * Amount of degrees occupied by meter.
+     */
+    arc?: number;
+    /**
+     * Width of the gauge in pixels.
+     */
+    gaugeWidth?: number;
+    /**
+     * Stroke width of the point that indicates value.
+     */
+    pointStrokeWidth?: number;
+    /**
+     * Inner radius (white circle) of the point that indicates value.
+     */
+    innerPointRadius?: number;
+    /**
+     * Amount of degrees taken by gap between ranges.
+     */
+    distanceBetweenRanges?: number;
+    /**
+     * Distance between bottom line of the ranges and needle tip.
+     * 15 by default.
+     */
+    distanceFromRangesToNeedle?: number;
+    /**
+     * Distance between bottom line of the ranges and top line of the scale.
+     */
+    distanceFromRangesToScale?: number;
+    /**
+     * Distance between top line of the ranges and label.
+     */
+    distanceFromLabelToRanges?: number;
+    /**
+     * Stroke width of the needle.
+     */
+    innerCircleStrokeWidth?: number;
+    /**
+     * Radius of the inner circle (white) of the needle.
+     */
+    innerCircleRadius?: number;
+    /**
+     * Width of the needle.
+     */
+    needleWidth?: number;
+    /**
+     * Needle color.
+     */
+    needleColor?: string;
+    /**
+     * Number of dashes in scale.
+     */
+    numberOfDashes?: number;
+    /**
+     * Length of the single dash of the scale.
+     */
+    dashHeight?: number;
+    /**
+     * Thickness of the single dash of the scale.
+     */
+    dashWidth?: number;
+    /**
+     * Whether to hide labels.
+     */
+    hideLabels?: boolean;
+    /**
+     * Whether meter direction will be CCW.
+     */
+    counterClockWise?: boolean;
+    /**
+     * Border radius of the mask.
+     */
+    maskBorderRadius?: number;
+}
+export declare type SmallOutlineMeterProps = OutlineMeterProps;
+export interface OutlineMeterRangeConfig {
+    /**
+     * Value on the start of range.
+     */
+    start: OutlineMeterPosition;
+    /**
+     * Value on the end of range.
+     */
+    end: OutlineMeterPosition;
+    /**
+     * Bounds config that determines whether to include edge points.
+     */
+    bounds: Bounds;
+    /**
+     * Range color.
+     */
+    color: string;
+    /**
+     * Label associated with range.
+     */
+    label?: string;
+}
+export declare type OutlineMeterLabelPosition = "left" | "top" | "right";
+export declare type Bounds = "()" | "[)" | "(]" | "[]";

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

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

package/lib/components/meters/outline-meter/partials/base-meter-label-box/base-meter-label-box.d.ts

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

package/lib/components/meters/outline-meter/partials/base-meter-label-box/index.d.ts

@@ -0,0 +1 @@
+export { BaseMeterLabelBox } from "./base-meter-label-box";

package/lib/components/meters/outline-meter/partials/base-meter-label-box/interfaces.d.ts

@@ -0,0 +1,12 @@
+import { OutlineMeterLabelBoxProps } from "../outline-meter-label-box/interfaces";
+import { OutlineMeterLabelPosition } from "../../interfaces";
+export interface BaseMeterLabelBoxProps extends Required<Omit<OutlineMeterLabelBoxProps, "value" | "start" | "end" | "idx" | "totalRanges">> {
+    /**
+     * Whether value is in the range to which label corresponds.
+     */
+    isInRange: boolean;
+    /**
+     * Position of the label.
+     */
+    position: OutlineMeterLabelPosition;
+}

package/lib/components/meters/outline-meter/partials/base-needle/base-needle.d.ts

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

package/lib/components/meters/outline-meter/partials/base-needle/index.d.ts

@@ -0,0 +1 @@
+export { BaseNeedle } from "./base-needle";

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

@@ -0,0 +1,29 @@
+import { OutlineMeterNeedleProps } from "../outline-meter-needle/interfaces";
+export interface BaseNeedleProps extends Pick<OutlineMeterNeedleProps, "innerCircleRadius" | "innerCircleStrokeWidth" | "needleWidth"> {
+    /**
+     * Difference in X coordinates of needle pointer center
+     * and its side line.
+     */
+    dx: number;
+    /**
+     * Difference in Y coordinates of needle pointer center
+     * and its side line.
+     */
+    dy: number;
+    /**
+     * Fill color of the needle.
+     */
+    color: string;
+    /**
+     * Radius of the needle tip (half of the needle width).
+     */
+    radius: number;
+    /**
+     * X coordinate of the needle tip center.
+     */
+    tipX: number;
+    /**
+     * Y coordinate of the needle tip center.
+     */
+    tipY: number;
+}

package/lib/components/meters/outline-meter/partials/base-outline-arc/base-outline-arc.d.ts

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

package/lib/components/meters/outline-meter/partials/base-outline-arc/index.d.ts

@@ -0,0 +1 @@
+export { BaseOutlineArc } from "./base-outline-arc";

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

@@ -0,0 +1,40 @@
+export interface BaseOutlineArcProps {
+    /**
+     * Coordinates of the arc start.
+     */
+    startX: number;
+    startY: number;
+    /**
+     * Coordinates of the arc end.
+     */
+    endX: number;
+    endY: number;
+    /**
+     * Angle between radius to the start point and normal.
+     */
+    startAlpha: number;
+    /**
+     * Angle between radius to the end point and normal.
+     */
+    endAlpha: number;
+    /**
+     * Arc fill color.
+     */
+    color: string;
+    /**
+     * Circle radius (meter radius).
+     */
+    radius: number;
+    /**
+     * Gauge width (arc thickness).
+     */
+    width: number;
+    /**
+     * Whether to round start tip. If false, straight line will be used.
+     */
+    roundStart?: boolean;
+    /**
+     * Whether to round end tip. If false, straight line will be used.
+     */
+    roundEnd?: boolean;
+}

package/lib/components/meters/outline-meter/partials/outline-meter-label-box/index.d.ts

@@ -0,0 +1 @@
+export { OutlineMeterLabelBox } from "./outline-meter-label-box";

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

@@ -0,0 +1,4 @@
+import { OutlineMeterRangeProps } from "../outline-meter-range/interfaces";
+export interface OutlineMeterLabelBoxProps extends Required<Pick<OutlineMeterRangeProps, "diameter" | "label" | "color" | "idx" | "value" | "start" | "end" | "totalRanges">> {
+    distanceFromLabelToRanges: number;
+}

package/lib/components/meters/outline-meter/partials/outline-meter-label-box/outline-meter-label-box.d.ts

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

package/lib/components/meters/outline-meter/partials/outline-meter-label-pointer/index.d.ts

@@ -0,0 +1 @@
+export { OutlineMeterLabelPointer } from "./outline-meter-label-pointer";

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

@@ -0,0 +1,25 @@
+import { OutlineMeterLabelPosition } from "../../interfaces";
+export interface OutlineMeterLabelPointerProps {
+    /**
+     * Meter diameter.
+     */
+    diameter: number;
+    /**
+     * Whether to use styles when value is in range.
+     */
+    isInRange?: boolean;
+    /**
+     * Label position.
+     */
+    position: OutlineMeterLabelPosition;
+    /**
+     * Distance from meter to label.
+     */
+    distanceFromRanges: number;
+    /**
+     * Coordinates of the point to be used as end of indicator.
+     * If not specified, the default coordinates will be used.
+     */
+    rangeX?: number;
+    rangeY?: number;
+}

package/lib/components/meters/outline-meter/partials/outline-meter-label-pointer/outline-meter-label-pointer.d.ts

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

package/lib/components/meters/outline-meter/partials/outline-meter-needle/index.d.ts

@@ -0,0 +1 @@
+export { OutlineMeterNeedle } from "./outline-meter-needle";