npm - @selfdecode/sd-component-library - Versions diffs - 4.0.6 → 4.0.7-3.2 - Mend

@selfdecode/sd-component-library 4.0.6 → 4.0.7-3.2

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 (1983) hide show

package/lib/components/containers/grid-containers/grid-container-v2/grid-container-v2.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
 import { GridContainerV2Props as Props } from "./interfaces";
-export declare const GridContainerV2: React.ForwardRefExoticComponent<Pick<Props, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "fontFamily" | "height" | "lineHeight" | "color" | "px" | "gridTemplateColumns" | "alignItems" | "gap" | "textAlign" | "fontWeight" | "fontSize" | "flexDirection" | "justifyContent" | "width" | "py" | "letterSpacing" | "marginBottom" | "bg" | "marginRight" | "pr" | "paddingLeft" | "paddingY" | "paddingRight" | "pb" | "pl" | "pt" | "padding" | "backgroundColor" | "paddingX" | "onChange" | "m" | "mt" | "mr" | "mb" | "ml" | "hidden" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "paddingTop" | "paddingBottom" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontStyle" | "opacity" | "alignContent" | "justifyItems" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "gridTemplateRows"> & React.RefAttributes<HTMLDivElement>>;
+export declare const GridContainerV2: React.ForwardRefExoticComponent<Pick<Props, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "fontFamily" | "height" | "lineHeight" | "color" | "px" | "gridTemplateColumns" | "alignItems" | "gap" | "textAlign" | "fontWeight" | "fontSize" | "flexDirection" | "justifyContent" | "width" | "py" | "letterSpacing" | "marginBottom" | "bg" | "marginRight" | "pr" | "paddingLeft" | "paddingY" | "paddingRight" | "pb" | "pl" | "pt" | "padding" | "backgroundColor" | "paddingX" | "onChange" | "m" | "mt" | "mr" | "mb" | "ml" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "paddingTop" | "paddingBottom" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontStyle" | "opacity" | "alignContent" | "justifyItems" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "gridTemplateRows"> & React.RefAttributes<HTMLDivElement>>;

package/lib/components/containers/grid-containers/index.d.ts CHANGED Viewed

@@ -7,3 +7,4 @@ export type { GridContainerV2Props as GridProps } from "./grid-container-v2";
 export { MaxFrContainer } from "./max-fr-container";
 export { MaxMaxContainer } from "./max-max-container";
 export * from "./grid-center";
+export * from "./grid-align-content-start";

package/lib/components/containers/grid-containers/max-fr-container/max-fr-container.d.ts CHANGED Viewed

@@ -2,5 +2,6 @@ import React from "react";
 import { MaxFrContainerProps } from "./interfaces";
 /**
  * Grid container component with max-content and 1fr columns.
+ * @deprecated use Grid instead
  */
 export declare function MaxFrContainer(props: MaxFrContainerProps): React.ReactElement<MaxFrContainerProps>;

package/lib/components/containers/grid-containers/max-max-container/max-max-container.d.ts CHANGED Viewed

@@ -2,5 +2,6 @@ import React from "react";
 import { MaxMaxContainerProps } from "./interfaces";
 /**
  * Grid container component with two max-content columns.
+ * @deprecated use Grid instead
  */
 export declare function MaxMaxContainer(props: MaxMaxContainerProps): React.ReactElement<MaxMaxContainerProps>;

package/lib/components/containers/index.d.ts CHANGED Viewed

@@ -1,6 +1,4 @@
-export * from "./flex-center";
-export * from "./flex-center-space-between";
-export * from "./flex-items-center";
+export * from "./flex-containers";
 export * from "./grid-containers";
 export * from "./layout-independend-max-width-container";
 export * from "./max-width-container";

package/lib/components/containers/layout-independend-max-width-container/interfaces.d.ts CHANGED Viewed

@@ -1,3 +1,7 @@
-import { MaxWidthContainerProps } from "../max-width-container/interfaces";
+import { BoxProps, SxProps } from "rebass";
+import { MaxWidthContainerProps } from "../max-width-container";
 export interface LayoutIndependentMaxWidthContainerProps extends MaxWidthContainerProps {
+    containerSx?: SxProps["sx"];
+    height?: BoxProps["height"];
+    left?: number | string | string[];
 }

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

@@ -1,3 +1,6 @@
 import React from "react";
 import { MaxWidthContainerProps as Props } from "./interfaces";
+/**
+ * @deprecated in most of the case MaxWidth would be preferable
+ */
 export declare const MaxWidthContainer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/lib/components/containers/section-container/interfaces.d.ts CHANGED Viewed

@@ -32,11 +32,11 @@ export interface SectionContainerProps extends BaseComponentProps {
     /**
      * Margin between the divider and the title. Default value: ["12px"]
      */
-    dividerMarginTop?: string[];
+    dividerMarginTop?: string | string[];
     /**
      * Margin between the divider and the content (props.children). Default value: ["20px"]
      */
-    dividerMarginBottom?: string[];
+    dividerMarginBottom?: string | string[];
     /**
      * Title id.
      */

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { SectionContainerProps } from "./interfaces";
+import React from "react";
+import { SectionContainerProps as Props } from "./interfaces";
 /**
  * The SectionContainer has responsive behavior
  *
@@ -9,4 +9,4 @@ import { SectionContainerProps } from "./interfaces";
  * is show at the far most right of the section title-
  * @param props
  */
-export declare const SectionContainer: (props: SectionContainerProps) => JSX.Element;
+export declare const SectionContainer: React.FC<Props>;

package/lib/components/dividers/divider/divider.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { DividerProps } from "./interfaces";
+import { DividerProps as Props } from "./interfaces";
 /**
  * Base divider component. Other divider components should be built from this.
  */
-export declare function Divider(props: DividerProps): React.ReactElement<DividerProps>;
+export declare const Divider: React.FC<Props>;

package/lib/components/dividers/horizontal-divider/horizontal-divider.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { HorizontalDividerProps } from "./interfaces";
+import { HorizontalDividerProps as Props } from "./interfaces";
 /**
  * Horizontal divider component.
  */
-export declare function HorizontalDivider(props: HorizontalDividerProps): React.ReactElement<HorizontalDividerProps>;
+export declare const HorizontalDivider: React.FC<Props>;

package/lib/components/dividers/vertical-divider/vertical-divider.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
-import { VerticalDividerProps } from "./interfaces";
+import { VerticalDividerProps as Props } from "./interfaces";
 /**
  * Vertical divider component.
  */
-export declare function VerticalDivider(props: VerticalDividerProps): React.ReactElement<VerticalDividerProps>;
+export declare const VerticalDivider: React.FC<Props>;

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

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

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

@@ -10,5 +10,8 @@ export interface BaseFeedbackBlockProps {
     containerSx?: SxProps["sx"];
     iconContainerSx?: SxProps["sx"];
     iconFontSize?: number;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    showIcon?: boolean;
     children: React.ReactNode;
 }

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

@@ -1,2 +1,2 @@
 export { MultipleOptionsFeedback } from "./multiple-options-feedback";
-export type { FeedbackOption } from "./interfaces";
+export * from "./interfaces";

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

@@ -1,2 +1,2 @@
 export { YesNoFeedbackBlock } from "./yes-no-feedback-block";
-export type { YesNoOption } from "./interfaces";
+export * from "./interfaces";

package/lib/components/icons/index.d.ts CHANGED Viewed

@@ -1,7 +1,5 @@
 export { BorderedPlainWarningCircleIcon } from "./bordered-plain-warning-circle-icon";
-export { CartIcon } from "./cart-icon";
 export { CrossIcon } from "./cross-icon";
-export { GeneticsIcon } from "./genetics-icon";
 export { GlobeIcon } from "./globe-icon";
 export { HamburgerIcon } from "./hamburger-icon";
 export { PlainWarningCircleIcon } from "./plain-warning-circle-icon";
@@ -14,7 +12,6 @@ export { SDNavbarIcon } from "./sd-navbar-icon";
 export { SearchIcon } from "./search-icon";
 export { ShortDownArrowIcon } from "./short-dropdown-arrow-icon";
 export { StarIcon } from "./star-icon";
-export { VialIcon } from "./vial-icon";
 export { WarningCircleIcon } from "./warning-circle-icon";
 export { TriangularPointerIcon } from "./triangular-pointer-icon";
 export { EnvironmentIcon } from "./environment-icon";

package/lib/components/inputs/client-portal-input/interfaces.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { SxProps } from "rebass";
 import { PrimaryTextInputProps } from "../primary-text-input";
-export interface ClientPortalInputProps extends Pick<PrimaryTextInputProps, "value" | "onChange" | "onFocus" | "onKeyPress" | "autoFocus" | "disabled" | "maxLength" | "sx" | "focusInput" | "id" | "errorMessage" | "errorBackground" | "placeholder" | "type"> {
+export interface ClientPortalInputProps extends Pick<PrimaryTextInputProps, "value" | "onChange" | "onFocus" | "onKeyPress" | "autoFocus" | "disabled" | "maxLength" | "sx" | "focusInput" | "id" | "errorMessage" | "errorBackground" | "placeholder" | "type" | "inputMode"> {
     label?: string;
     inputSx?: SxProps["sx"];
 }

package/lib/components/inputs/date-inputs/base-date-input/base-date-input.d.ts CHANGED Viewed

@@ -1,5 +1,3 @@
 import React from "react";
-import "react-date-range/dist/styles.css";
-import "react-date-range/dist/theme/default.css";
 import { BaseDateInputProps as Props } from "./interfaces";
 export declare const BaseDateInput: React.FC<Props>;

package/lib/components/inputs/date-inputs/base-date-range-input/base-date-range-input.d.ts CHANGED Viewed

@@ -1,5 +1,3 @@
 import React from "react";
-import "react-date-range/dist/styles.css";
-import "react-date-range/dist/theme/default.css";
 import { BaseDateRangeInputProps as Props } from "./interfaces";
 export declare const BaseDateRangeInput: React.FC<Props>;

package/lib/components/inputs/index.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 export * from "./autocomplete-input";
-export * from "./boxy-number-input";
 export * from "./date-inputs";
 export * from "./decody-question-input";
 export * from "./input";

package/lib/components/inputs/input/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export { Input } from "./input";
+export * from "./input";
 export { InvalidInputError } from "./error";
 export type { InputProps } from "./interfaces";

package/lib/components/inputs/multi-row-secondary-text-input/interfaces.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { CSSProperties } from "react";
 import { SecondaryTextInputProps } from "../secondary-text-input";
 export interface MultiRowSecondaryTextInputProps extends Omit<SecondaryTextInputProps, "value" | "onChange"> {
     value: string;
@@ -9,4 +10,6 @@ export interface MultiRowSecondaryTextInputProps extends Omit<SecondaryTextInput
     lineHeight?: number;
     underlineColor?: string;
     maxLength?: number;
+    minHeightRows?: number;
+    inputWidth?: CSSProperties["width"];
 }

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

@@ -1,6 +1,6 @@
 import { TextProps } from "rebass";
 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" | "disabled" | "maxLength"> & {
+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" | "maxLength" | "inputMode"> & {
     /**
      * Optional error message
      */

package/lib/components/inputs/search-autocomplete-input/partials/search-autocomplete-results-box/search-autocomplete-results-box.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SearchAutocompleteResultsBoxProps as Props } from "./interfaces";
 export declare const SearchAutocompleteResultsBox: <T extends {
     id: string;

package/lib/components/inputs/search-autocomplete-input/partials/search-autocomplete-row/search-autocomplete-row.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SearchAutocompleteRowProps as Props } from "./interfaces";
 export declare const SearchAutocompleteRow: <T extends {
     id: string;

package/lib/components/inputs/search-autocomplete-input/search-autocomplete-input.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SearchAutocompleteInputProps as Props } from "./interfaces";
 export declare const SearchAutocompleteInput: <T extends {
     id: string;

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

@@ -1,3 +1,2 @@
-/// <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 CHANGED Viewed

@@ -4,7 +4,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" | "errorMessageProps" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "disabled" | "sx" | "maxLength"> & {
+export declare type SecondaryTextInputProps = Pick<PrimaryTextInputProps, "onChange" | "value" | "type" | "padding" | "placeholder" | "errorMessage" | "errorMessageProps" | "hideErrorText" | "focusInput" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "onFocus" | "autoFocus" | "errorBackground" | "disabled" | "sx" | "maxLength" | "inputMode"> & {
     /**
      * The label for the text input
      */

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

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

package/lib/components/links/link/interfaces.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 import { LinkProps as RebassLinkProps } from "rebass";
-export interface LinkProps extends RebassLinkProps {
+export interface LinkProps extends Omit<RebassLinkProps, "title"> {
     /**
      * The text of the link
      */
-    title: string;
+    title: string | React.ReactNode;
     /**
      * The url the link should redirect to
      */

package/lib/components/meters/compact-donut-gauge/compact-donut-gauge.d.ts ADDED Viewed

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

package/lib/components/meters/compact-donut-gauge/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { CompactDonutGauge } from "./compact-donut-gauge";

package/lib/components/meters/compact-donut-gauge/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { CSSProperties } from "react";
+export interface CompactDonutGaugeProps {
+    segments: CompactDonutSegment[];
+    value: number;
+    size?: number;
+    segmentWidth?: number;
+    outlineWidth?: number;
+    cursor?: CSSProperties["cursor"];
+}
+export interface CompactDonutSegment {
+    start: number;
+    end: number;
+    color: string;
+}

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/compact-donut-gauge-segment.d.ts ADDED Viewed

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

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { CompactDonutGaugeSegment } from "./compact-donut-gauge-segment";

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { CompactDonutGaugeProps, CompactDonutSegment } from "../../interfaces";
+export interface CompactDonutGaugeSegmentProps extends Required<Pick<CompactDonutGaugeProps, "size" | "segmentWidth" | "outlineWidth">> {
+    segment: CompactDonutSegment;
+    isMatching: boolean;
+}

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/compact-donut-gauge-value-indicator.d.ts ADDED Viewed

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

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { CompactDonutGaugeValueIndicator } from "./compact-donut-gauge-value-indicator";

package/lib/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { CompactDonutGaugeProps, CompactDonutSegment } from "../../interfaces";
+export interface CompactDonutGaugeValueIndicatorProps extends Required<Pick<CompactDonutGaugeProps, "size">> {
+    segment: CompactDonutSegment;
+}

package/lib/components/meters/compact-donut-gauge/partials/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./compact-donut-gauge-segment";
2	+ export * from "./compact-donut-gauge-value-indicator";

package/lib/components/meters/donut-diagram/donut-diagram.d.ts ADDED Viewed

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

package/lib/components/meters/donut-diagram/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { DonutDiagram } from "./donut-diagram";

package/lib/components/meters/donut-diagram/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { SxProps } from "rebass";
+export interface DonutDiagramProps {
+    children?: React.ReactNode;
+    segments: DonutSegment[];
+    size?: number;
+    outlineWidth?: number;
+    segmentWidth?: number;
+    sideOffset?: number;
+    labelOffset?: number;
+    labelOffsetMobile?: number;
+    labelPointerOffset?: number;
+    verticalOffset?: number;
+    verticalOffsetMobile?: number;
+    mobile?: boolean;
+    containerSx?: SxProps["sx"];
+}
+export interface DonutSegment {
+    start: number;
+    end: number;
+    text: string;
+    color: string;
+    secondaryText?: string;
+}
+export declare type DonutSegmentLabelPosition = "left" | "right";

package/lib/components/meters/donut-diagram/partials/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from "./segment";

package/lib/components/meters/donut-diagram/partials/segment/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Segment } from "./segment";

package/lib/components/meters/donut-diagram/partials/segment/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { DonutDiagramProps, DonutSegment } from "../../interfaces";
+export interface SegmentProps extends Required<Pick<DonutDiagramProps, "size" | "outlineWidth" | "segmentWidth" | "labelOffset" | "labelPointerOffset" | "labelOffsetMobile" | "mobile">> {
+    segment: DonutSegment;
+}

package/lib/components/meters/donut-diagram/partials/segment/segment.d.ts ADDED Viewed

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

package/lib/components/meters/donut-diagram/partials/segment-label/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { SegmentLabel } from "./segment-label";

package/lib/components/meters/donut-diagram/partials/segment-label/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { DonutDiagramProps, DonutSegment } from "../../interfaces";
+export interface SegmentLabelProps extends Required<Pick<DonutDiagramProps, "labelPointerOffset" | "labelOffset" | "mobile" | "labelOffsetMobile">> {
+    segment: DonutSegment;
+    radius: number;
+    animationDuration: number;
+    isHover: boolean;
+}

package/lib/components/meters/donut-diagram/partials/segment-label/segment-label.d.ts ADDED Viewed

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

package/lib/components/meters/donut-diagram/utils.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { DonutSegment } from "./interfaces";
+export declare const areSegmentsValid: (segments: Pick<DonutSegment, "start" | "end">[]) => boolean;
+export declare const getSegmentCoordinates: ({ start, end }: Pick<DonutSegment, "start" | "end">, radius: number, segmentWidth: number) => {
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+    startInnerX: number;
+    startInnerY: number;
+    endInnerX: number;
+    endInnerY: number;
+    arc: number;
+};

package/lib/components/meters/index.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
 export * from "./smiley-meter-v2";
-export * from "./smiley-meter";
 export * from "./people-meter";
 export * from "./outline-meter";
 export * from "./multi-option-discrete-outline-meter";
-export * from "./multicolor-outline-meter";
 export * from "./gradient-outline-meter";
-export * from "./discrete-outline-meter";
 export * from "./dashed-meter";
-export * from "./continuous-outline-meter";
-export * from "./base-outline-meter";
 export * from "./bars-meter";
+export * from "./donut-diagram";
+export * from "./compact-donut-gauge";
+export * from "./linear-discrete-gauge-meter";
+export * from "./linear-numeric-gauge-meter";
+export type { LinearGaugeProps } from "./linear-gauge-meter-partials";

package/lib/components/meters/linear-discrete-gauge-meter/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { LinearDiscreteGaugeMeter } from "./linear-discrete-gauge-meter";

package/lib/components/meters/linear-discrete-gauge-meter/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { LinearGaugeProps } from "../linear-gauge-meter-partials";
+export interface LinearDiscreteGaugeMeterProps<T> extends LinearGaugeProps {
+    value: T;
+    options: LinearDiscreteGaugeMeterSegment<T>[];
+}
+export interface LinearDiscreteGaugeMeterSegment<T> {
+    label: string;
+    value: T;
+    labelColor: string;
+}

package/lib/components/meters/linear-discrete-gauge-meter/linear-discrete-gauge-meter.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+import { LinearDiscreteGaugeMeterProps as Props } from "./interfaces";
+export declare function LinearDiscreteGaugeMeter<T>(props: PropsWithChildren<Props<T>>): JSX.Element;

package/lib/components/meters/linear-gauge-meter-partials/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from "./linear-gauge-label";
+export * from "./linear-gauge-segment";
+export * from "./interfaces";

package/lib/components/meters/linear-gauge-meter-partials/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { CSSProperties } from "react";
+import { ResponsiveTextV2Props } from "../../texts";
+export interface LinearGaugeProps {
+    segmentHeight?: number;
+    gap?: number;
+    labelGap?: number;
+    defaultColor?: string;
+    defaultMatchedColor?: string;
+    labelProps?: Partial<Omit<ResponsiveTextV2Props, "color">>;
+    cursor?: CSSProperties["cursor"];
+}

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-label/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { LinearGaugeLabel } from "./linear-gauge-label";

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-label/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { ResponsiveTextV2Props } from "../../../texts";
+export interface LinearGaugeLabelProps extends Partial<Omit<ResponsiveTextV2Props, "color">>, Required<Pick<ResponsiveTextV2Props, "color">> {
+    text: string;
+}

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.d.ts ADDED Viewed

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

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-segment/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { LinearGaugeSegment } from "./linear-gauge-segment";

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-segment/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export interface LinearGaugeSegmentProps {
+    color: string;
+    segmentHeight: number;
+    idx: number;
+    total: number;
+}

package/lib/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.d.ts ADDED Viewed

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

package/lib/components/meters/linear-numeric-gauge-meter/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { LinearNumericGaugeMeter } from "./linear-numeric-gauge-meter";

package/lib/components/meters/linear-numeric-gauge-meter/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { LinearGaugeProps } from "../linear-gauge-meter-partials";
+export interface LinearNumericGaugeMeterProps extends LinearGaugeProps {
+    options: LinearNumericGaugeMeterSegment[];
+    value: number;
+}
+export interface LinearNumericGaugeMeterSegment {
+    start: number;
+    end: number;
+    label: string;
+    labelColor: string;
+}

package/lib/components/meters/linear-numeric-gauge-meter/linear-numeric-gauge-meter.d.ts ADDED Viewed

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

package/lib/components/meters/linear-numeric-gauge-meter/utils.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { LinearNumericGaugeMeterSegment } from "./interfaces";
2	+ export declare const isMatchingRange: ({ start, end }: Pick<LinearNumericGaugeMeterSegment, "start" \| "end">, value: number) => boolean;

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

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

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

@@ -1,6 +1,7 @@
 import { CSSProperties } from "react";
+import { BoxProps } from "rebass";
 export declare type OutlineMeterPosition = number;
-export interface OutlineMeterProps {
+export interface OutlineMeterProps extends Pick<BoxProps, "sx"> {
     /**
      * Meter container margins.
      */