solace-ui-components 16.1.0

package/dist/components/SolaceTruncatableLink.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import SolaceComponentProps from "./SolaceComponentProps";
+export interface SolaceTruncatableLinkProps extends SolaceComponentProps {
+    /**
+     * Unique identifier for the component
+     */
+    id: string;
+    /**
+     * This is the text that will be displayed in the button
+     */
+    text: string | JSX.Element;
+    /**
+     * This is the function that will be called when the button/link is clicked
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    /**
+     * This is the data-qa attribute for the component to identify it in tests
+     */
+    dataQa?: string;
+    /**
+     * This is the href for the external link
+     */
+    href?: string;
+}
+/**
+ * This component allows the SolaceButton ("link") to truncate its text with an ellipsis and provide a tooltip
+ */
+declare function SolaceTruncatableLink({ id, text, onClick, dataQa, href }: SolaceTruncatableLinkProps): JSX.Element;
+export default SolaceTruncatableLink;

package/dist/components/SolaceTypography.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SolaceTypographyProps } from "../types";
+export default function SolaceTypography(props: SolaceTypographyProps): JSX.Element;

package/dist/components/dialog/SolaceConfirmationDialog.d.ts

@@ -0,0 +1,36 @@
+import { Breakpoint } from "@mui/material";
+import { ReactNode } from "react";
+import { SolaceButtonProps } from "../form/SolaceButton";
+export declare type actionProps = Partial<SolaceButtonProps> & {
+    label: string;
+    id?: string;
+};
+export interface SolaceConfirmationDialogProps {
+    title?: string | JSX.Element;
+    contentText?: string;
+    actions?: actionProps[];
+    customAction?: JSX.Element;
+    /**
+     * whether to disable the default padding of Dialog and Dialog Title components
+     * @default false
+     */
+    disableDefaultPadding?: boolean;
+    isOpen: boolean;
+    /**
+     * whether to show an indeterminate linear progress indicator at the bottom border of the dialog
+     */
+    linearProgressIndicator?: boolean;
+    /**
+     * To override the display attribute of DialogContent, default: block
+     * currently supports block, contents, and flex
+     */
+    contentLayout?: "block" | "contents" | "flex";
+    maxWidth?: Breakpoint;
+    children?: ReactNode;
+    /**
+     * Footer content to be displayed at the bottom of the dialog
+     */
+    footer?: ReactNode;
+}
+declare function SolaceConfirmationDialog({ title, contentText, actions, customAction, disableDefaultPadding, isOpen, maxWidth, contentLayout, linearProgressIndicator, children, footer }: SolaceConfirmationDialogProps): JSX.Element;
+export default SolaceConfirmationDialog;

package/dist/components/fileuploader/SolaceFileUploader.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { SolaceFileUploaderProps } from "../../types";
+/**
+ * SolaceFileUploader component allows users to upload files by dragging and dropping or selecting files from their device.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <SolaceFileUploader
+ *   maxFiles={3}
+ *   readOnly={false}
+ *   fileNames={[]}
+ *   onFileChange={(files) => console.log(files)}
+ *   label="Drag and drop file here"
+ *   errorText="Invalid file format"
+ *   dataQa="fileUploader"
+ *   id="fileUploader"
+ *   minSize={0}
+ *   maxSize={1024}
+ *   accept:
+ * 			{
+ * 			'image/png': ['.png'],
+ * 			'text/html': ['.html', '.htm']
+ * 			'image/*': []
+ * 			}
+ * />
+ * ```
+ * @returns {JSX.Element} The rendered SolaceFileUploader component.
+ */
+export default function SolaceFileUploader(props: SolaceFileUploaderProps): JSX.Element;

package/dist/components/fileuploader/fileUploaderUtils.d.ts

@@ -0,0 +1,17 @@
+export declare const strings: {
+    maxFilesErrorMessage: string;
+    maxSizeErrorMessage: string;
+    minSizeErrorMessage: string;
+    defaultSize: string;
+    sizeInKb: string;
+    sizeInMb: string;
+};
+export declare function isMIMEType(value: string): boolean;
+/**
+ * Check if v is a file extension.
+ * @param {string} v
+ */
+export declare function isExt(value: string): boolean;
+export declare function acceptPropAsAcceptAttr(acceptedFiles: Record<string, string[]>): string;
+export declare const validateFiles: (maxFiles: number, minSize: number, files: File[], maxSize?: number, acceptedFiles?: string) => string | null;
+export declare function readableFileSize(bytes: number): string;

package/dist/components/form/Button/SolaceLearningButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SolaceLearningButtonProps } from "../../../types";
+declare function SolaceLearningButton({ id, variant, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, isDisabled, title, component, type, startIcon, endIcon, onClick, dataQa, dataTags, children }: SolaceLearningButtonProps): JSX.Element;
+export default SolaceLearningButton;

package/dist/components/form/ErrorText.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import SolaceComponentProps from "../SolaceComponentProps";
+export interface ErrorTextProps extends SolaceComponentProps {
+    children: string | JSX.Element;
+}
+declare function ErrorText({ children }: ErrorTextProps): JSX.Element;
+export default ErrorText;

package/dist/components/form/FormChildBase.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+import SolaceComponentProps from "../SolaceComponentProps";
+import { SX } from "../../types/sx";
+export interface FormChildBaseProps extends SolaceComponentProps {
+    /**
+     * Unique identifier ... if `id` is not specified, `name` value will be used in order to make `label` and `helperText` accessible for screen readers
+     */
+    id: string;
+    /**
+     * the label content to display on the screen
+     */
+    label?: string | JSX.Element;
+    /**
+     * Boolean flag to allow labels to be rendered as SolaceStackLabel component, which provides more props, such as large, bold
+     */
+    stackLabel?: boolean;
+    /**
+     * Boolean flag to allow StackSolaceLabel component to be rendered with larger font size of 16px (default to 14px)
+     */
+    large?: boolean;
+    /**
+     * Boolean flag to allow StackSolaceLabel component to be rendered with font weight of medium (default to regular)
+     */
+    bold?: boolean;
+    /**
+     * The value of the `input` element, required for controlled component
+     */
+    value?: string;
+    /**
+     * Content to display as supportive/explanatory text
+     */
+    helperText?: string | JSX.Element;
+    /**
+     * HelperText when the `input` in error state
+     */
+    errorText?: string | JSX.Element;
+    /**
+     * HelperText when the `input` in warning state
+     */
+    warningText?: string | JSX.Element;
+    /**
+     * Boolean flag used to display an indicator of whether or not this `input` is mandatory
+     */
+    required: boolean;
+    /**
+     * Boolean flag to disable the `input`
+     */
+    disabled: boolean;
+    /**
+     * Boolean flag to set the `input` in a read-only state
+     */
+    readOnly: boolean;
+    /**
+     * Display the label horizontally
+     */
+    inlineLabel: boolean;
+    /**
+     * Center align the inline label, this will e used only for single line field label
+     */
+    centerInlineLabel?: boolean;
+    children: JSX.Element;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
+     */
+    sx?: SX;
+}
+declare function FormChildBase({ id, label, stackLabel, large, bold, required, disabled, readOnly, inlineLabel, centerInlineLabel, helperText, errorText, warningText, children, sx }: FormChildBaseProps): JSX.Element;
+export default FormChildBase;

package/dist/components/form/HelperText.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import SolaceComponentProps from "../SolaceComponentProps";
+export interface HelperTextProps extends SolaceComponentProps {
+    children: string | JSX.Element;
+}
+declare function HelperText({ children }: HelperTextProps): JSX.Element;
+export default HelperText;

package/dist/components/form/SolaceAttributeValuePair.d.ts

@@ -0,0 +1,87 @@
+import React from "react";
+import { SolaceTextFieldChangeEvent } from "./SolaceTextField";
+export declare enum valueInputTypes {
+    textfield = "textfield",
+    select = "select",
+    autocomplete = "autocomplete"
+}
+export interface SolaceAttributeValuePairProps {
+    /**
+     * unique id for each Attribute Value Pair (AVP) item
+     */
+    id: string;
+    /**
+     * index for each Attribute Value Pair (AVP) item in the list, used to updated the list in response to delete and onchange events
+     */
+    index: number;
+    /**
+     * key for Attribute Value Pair (AVP)
+     */
+    avpKey: string;
+    /**
+     * value for Attribute Value Pair (AVP)
+     */
+    avpValue: string;
+    /**
+     *
+     */
+    dataTags: string;
+    /**
+     * TODO: implementation required
+     * specifies the type of the value providing component: types can be input, select etc. component, default to SolaceTextField if no type provided
+     */
+    type?: valueInputTypes;
+    /**
+     * specifies whether the Attribute Value Pair (AVP) component is rendered in ghost state
+     */
+    ghostItem: boolean;
+    /**
+     * callback for delete action
+     */
+    onDelete: (event: React.MouseEvent<HTMLElement>, index: number) => void;
+    /**
+     * callback for input onchange event
+     */
+    onChange: (event: SolaceTextFieldChangeEvent, index: number) => void;
+    /**
+     * callback for keyup event
+     */
+    onKeyUp: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /**
+     * callback for onblur event
+     */
+    onBlur: (event: React.FocusEvent<HTMLInputElement>, index: number) => void;
+    /**
+     * validation error on an AVP value input value
+     */
+    keyErrorText?: string;
+    /**
+     * validation error on an AVP value input value
+     */
+    valueErrorText?: string;
+    /**
+     * An optional string to be displayed when an AVP key or value is empty when set to read-only.
+     */
+    emptyFieldDisplayValue?: string;
+    /**
+     * index of the element that is being dragged over with
+     * the index is updated on dragging
+     */
+    dropOverIndex: number | null;
+    /**
+     * dropping over state with three possible values:
+     * true: dropping from top to bottom
+     * false: dropping from bottom to top
+     * null: dropping back to the same position or outside of the droppable container
+     */
+    dropFromTop: boolean | null;
+    /**
+     * read only flag
+     */
+    readOnly?: boolean;
+    /**
+     * Boolean flag to disable re-ordering of items
+     */
+    disableReorder?: boolean;
+}
+export declare const SolaceAttributeValuePair: ({ id, index, avpKey, avpValue, dataTags, ghostItem, onDelete, onChange, onKeyUp, onBlur, keyErrorText, valueErrorText, dropOverIndex, dropFromTop, readOnly, emptyFieldDisplayValue, disableReorder }: SolaceAttributeValuePairProps) => JSX.Element;

package/dist/components/form/SolaceAttributeValuePairForm.d.ts

@@ -0,0 +1,109 @@
+/// <reference types="react" />
+import { valueInputTypes } from "./SolaceAttributeValuePair";
+export interface VirtualizeAvpListOptions {
+    minHeight?: number | string;
+    height?: number | string;
+    useWindowScrolling?: boolean;
+    increaseViewportBy?: number | {
+        top: number;
+        bottom: number;
+    };
+    initialTopMostItemIndex?: number;
+}
+export interface AVPItem {
+    id?: string;
+    key: string;
+    value: string;
+    keyErrorText?: string;
+    valueErrorText?: string;
+}
+export interface SolaceAttributeValuePairFormProps {
+    /**
+     * Unique identifier, if `id` is not specified, `name` value will be used
+     */
+    id?: string;
+    /**
+     * Name attribute to assign to the AVP form
+     */
+    name: string;
+    /**
+     * read only flag
+     */
+    readOnly?: boolean;
+    /**
+     * label for the key column
+     */
+    labelForKeys?: string | JSX.Element;
+    /**
+     * label for the value column
+     */
+    labelForValues?: string | JSX.Element;
+    /**
+     * TODO: implementation required
+     * specifies the type of the value providing component: types can be input, select etc. component, default to SolaceTextField if no type provided
+     */
+    type?: valueInputTypes;
+    /**
+     * initial AVP list of key/value pairs, it can be an empty array e.g.[]
+     */
+    avpList?: Array<AVPItem>;
+    /**
+     * callback function that returns the current AVP list
+     */
+    onAVPListUpdate?: (list: Array<AVPItem>) => void;
+    /**
+     * validate individual AVP values, the function is triggered onBlur event
+     */
+    avpKeyValidationCallback?: (input: string, values: Array<AVPItem>) => string;
+    /**
+     * validate individual AVP values, the function is triggered onBlur event
+     */
+    avpValueValidationCallback?: (input: string, values: Array<AVPItem>) => string;
+    /**
+     * Boolean flag used to display an indicator of whether or not `input` for key field is mandatory
+     */
+    enableRequiredKeyFieldIndicator?: boolean;
+    /**
+     * Boolean flag used to display an indicator of whether or not `input` for value field is mandatory
+     */
+    enableRequiredValueFieldIndicator?: boolean;
+    /**
+     * An optional string to be displayed when an AVP key or value is empty when set to read-only.
+     */
+    emptyFieldDisplayValue?: string;
+    /**
+     *
+     * This boolean allows user to toggle whether keys are mandatory or not (i.e. if set to false, you can have a value without an associated key)
+     */
+    keyRequired?: boolean;
+    /**
+     * String message to display if an AVP value is specified without an associated key (unless allowedKeyToBeEmpty is true, then no validation check done)
+     */
+    keyIsRequiredMessage?: string;
+    /**
+     * Content to display as supportive/explanitory text
+     */
+    helperText?: string | JSX.Element;
+    /**
+     * Boolean flag to mark the `input` in error state
+     */
+    hasErrors?: boolean;
+    /**
+     * Boolean flag to mark the `input` in warn state
+     */
+    hasWarnings?: boolean;
+    /**
+     * Boolean flag to disable re-ordering of items
+     */
+    disableReorder?: boolean;
+    /**
+     * AVP values maximum height if virtualizedAvpListOption is not set
+     */
+    avpListMaxHeight?: string;
+    /**
+     * If option is set, only render part of a large data set to fill the viewport
+     */
+    virtualizedAvpListOption?: VirtualizeAvpListOptions;
+}
+declare const SolaceAttributeValuePairForm: ({ id, name, readOnly, labelForKeys, labelForValues, avpList, onAVPListUpdate, avpKeyValidationCallback, avpValueValidationCallback, enableRequiredKeyFieldIndicator, enableRequiredValueFieldIndicator, emptyFieldDisplayValue, keyRequired, keyIsRequiredMessage, helperText, hasErrors, hasWarnings, disableReorder, avpListMaxHeight, virtualizedAvpListOption }: SolaceAttributeValuePairFormProps) => JSX.Element;
+export default SolaceAttributeValuePairForm;

package/dist/components/form/SolaceAutoCompleteTextField.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TextFieldProps } from "@mui/material";
+declare type CommonAutoCompleteTextFieldProps = TextFieldProps;
+declare function SolaceAutoCompleteTextField(props: CommonAutoCompleteTextFieldProps): JSX.Element;
+declare namespace SolaceAutoCompleteTextField {
+    var defaultProps: {
+        variant: string;
+        fullWidth: boolean;
+    };
+}
+export default SolaceAutoCompleteTextField;

package/dist/components/form/SolaceButton.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import SolaceComponentProps from "../SolaceComponentProps";
+export interface SolaceButtonProps extends SolaceComponentProps {
+    id?: string;
+    variant: "call-to-action" | "outline" | "text" | "icon" | "link";
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    isDisabled?: boolean;
+    underline?: "none" | "hover" | "always";
+    title?: string;
+    href?: string;
+    component?: "button" | "span";
+    type?: "button" | "submit" | "reset";
+    startIcon?: symbol | JSX.Element;
+    endIcon?: symbol | JSX.Element;
+    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    children?: string | JSX.Element;
+    dense?: boolean;
+    openLinkInNewTab?: boolean;
+    disabledFocusState?: boolean;
+}
+declare function SolaceButton({ id, variant, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, isDisabled, underline, title, href, component, type, startIcon, endIcon, onClick, dataQa, dataTags, children, dense, openLinkInNewTab, eventName, disabledFocusState }: SolaceButtonProps): JSX.Element;
+export default SolaceButton;

package/dist/components/form/SolaceCheckBox.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="react" />
+import SolaceComponentProps from "../SolaceComponentProps";
+export interface SolaceCheckboxChangeEvent {
+    name: string;
+    value: boolean;
+}
+export interface SolaceCheckBoxProps extends SolaceComponentProps {
+    /**
+     * Unique identifier ... if `id` is not specified, `name` value will be used in order to make `label` accessible for screen readers
+     */
+    id?: string;
+    /**
+     * Name attribute to assign to the `checkbox` element
+     */
+    name: string;
+    /**
+     * the label content to display on the screen
+     */
+    label?: string | JSX.Element;
+    /**
+     * The text to display as the tooltip hint
+     */
+    title?: string;
+    /**
+     * Content to display as supportive/explanitory text
+     */
+    subTextProps?: {
+        label?: string | JSX.Element;
+        light?: boolean;
+    };
+    /**
+     * Content to display as supportive/explanitory text
+     */
+    helperText?: string | JSX.Element;
+    /**
+     * Boolean flag to mark the `input` in error state
+     */
+    hasErrors?: boolean;
+    /**
+     * Boolean flag to check or uncheck the `checkbox`
+     */
+    checked?: boolean;
+    /**
+     * Boolean flag used to display an indicator of whether or not this `checkbox` is mandatory
+     */
+    required?: boolean;
+    /**
+     * Boolean flag to disable the `checkbox`
+     */
+    disabled?: boolean;
+    /**
+     * Callback function to trigger whenever the value of the `checkbox` is changed
+     */
+    onChange?: (event: SolaceCheckboxChangeEvent) => void;
+    /**
+     * Boolean flag to set the checkbox to indeterminate
+     */
+    indeterminate?: boolean;
+    /**
+     * Boolean flag to set the checkbox to readOnly
+     */
+    readOnly?: boolean;
+    /**
+     * Boolean flag to allow font weight of medium (default to regular) for label
+     */
+    boldLabel?: boolean;
+    /**
+     * Display the label with a larger font
+     */
+    largeLabel?: boolean;
+}
+declare const SolaceCheckBox: ({ id, name, label, title, helperText, hasErrors, checked, required, disabled, indeterminate, readOnly, boldLabel, largeLabel, subTextProps, onChange, dataQa, dataTags }: SolaceCheckBoxProps) => JSX.Element;
+export default SolaceCheckBox;

package/dist/components/form/SolaceChipTextArea/SolaceChipTextArea.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SolaceChipTextAreaProps } from "@src/types/solaceChipTextArea";
+declare const SolaceChipTextArea: React.FC<SolaceChipTextAreaProps>;
+export default SolaceChipTextArea;

package/dist/components/form/SolaceChipTextArea/SolaceChipTextArea.styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const ChipInputContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ChipItem: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const InputWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInputBase: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/form/SolaceCodeEditor.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { Controlled as CodeMirror } from "react-codemirror2";
+import SolaceComponentProps from "../SolaceComponentProps";
+import "codemirror/mode/xml/xml";
+import "codemirror/mode/javascript/javascript";
+import "codemirror/mode/protobuf/protobuf";
+import "codemirror/theme/material.css";
+import "codemirror/lib/codemirror.css";
+import "codemirror/addon/lint/json-lint";
+import "codemirror/keymap/sublime";
+import "codemirror/addon/display/fullscreen";
+import "codemirror/addon/display/fullscreen.css";
+export interface SolaceCodeEditorProps extends SolaceComponentProps {
+    /**
+     * Unique identifier for the button
+     */
+    id?: string;
+    /**
+     * The value to initialize the content with
+     */
+    value?: string;
+    /**
+     * Renders the button disabled
+     */
+    readOnly?: boolean;
+    /**
+     * render SolaceCodeEditor in fullscreen state
+     */
+    fullScreen?: boolean;
+    /**
+     * The formatting style to render the content as
+     */
+    mode?: "json" | "xml" | "protobuf";
+    /**
+     * Content to display as supportive/explanitory text
+     */
+    helperText?: string | JSX.Element;
+    /**
+     * Boolean flag to mark the SolaceCodeEditor in error state
+     */
+    hasErrors?: boolean;
+    /**
+     * Boolean flag to mark the SolaceCodeEditor in warning state
+     */
+    hasWarnings?: boolean;
+    /**
+     * whether to allow CodeEditor to be expandable
+     */
+    expandable?: boolean;
+    /**
+     * Callback function to trigger whenever the value of the `input` is changed
+     */
+    onChange?: (editor: CodeMirror, data: any, value: string) => void;
+}
+declare function SolaceCodeEditor({ id, mode, value, readOnly, fullScreen, expandable, helperText, hasErrors, hasWarnings, onChange }: SolaceCodeEditorProps): JSX.Element;
+export default SolaceCodeEditor;

package/dist/components/form/SolaceLabel.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export interface SolaceLabelProps {
+    /**
+     * Unique identifier of the label
+     */
+    id: string;
+    /**
+     * identifier used for specifying which form element this label is bound to
+     */
+    htmlForId?: string;
+    /**
+     * Boolean flag used to display an indicator of whether or not this `input` is mandatory
+     */
+    required?: boolean;
+    /**
+     * Boolean flag to disable the `input`
+     */
+    disabled?: boolean;
+    /**
+     * Boolean flag for readOnly labels, changes font color to 55% black
+     */
+    readOnly?: boolean;
+    /**
+     * Boolean flag to suppress line breaks (text wrapping) within the label
+     */
+    noWrap?: boolean;
+    /**
+     *
+     */
+    children?: React.ReactNode;
+}
+declare function SolaceLabel({ id, htmlForId, required, disabled, readOnly, noWrap, children }: SolaceLabelProps): JSX.Element;
+export default SolaceLabel;