@sphereon/ui-components.ssi-react 0.1.3-unstable.172 → 0.1.3-unstable.174

package/dist/components/fields/ComboBox/index.js

@@ -32,7 +32,7 @@ const ComboBox = (props) => {
             }),
             menu: (provided) => ({
                 ...provided,
-                maxWidth: 455
+                maxWidth: 455,
             }),
             option: (provided, state) => ({
                 ...provided,

package/dist/components/fields/SSICheckbox/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, FC, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface IProps {
     onValueChange?: (isChecked: boolean) => Promise<void>;
     initialValue?: boolean;
@@ -10,7 +10,6 @@ export interface IProps {
     selectedColor?: string;
     labelColor?: string;
     checkmarkColor?: string;
-    style?: CSSProperties;
 }
 declare const SSICheckbox: FC<IProps>;
 export default SSICheckbox;

package/dist/components/fields/SSICheckbox/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { OpacityStyleEnum, fontColors, selectionElementColors } from '@sphereon/ui-components.core';
 import { SSICheckboxContainerStyled as Container, SSICheckboxLabelContainerStyled as LabelCaption, SSICheckboxSelectedContainerStyled as SelectedContainer, SSICheckboxUnselectedContainerStyled as UnselectedContainer, } from '../../../styles/components/index.js';
 const SSICheckbox = (props) => {
-    const { backgroundColor, borderColor = selectionElementColors.primaryBorderDark, disabled = false, initialValue = false, label, selectedColor = selectionElementColors.primaryDark, labelColor = fontColors.light, checkmarkColor = fontColors.dark, style } = props;
+    const { backgroundColor, borderColor = selectionElementColors.primaryBorderDark, disabled = false, initialValue = false, label, selectedColor = selectionElementColors.primaryDark, labelColor = fontColors.light, checkmarkColor = fontColors.dark, } = props;
     const [isChecked, setChecked] = React.useState(initialValue);
     const value = props.isChecked !== undefined ? props.isChecked : isChecked;
     const onValueChange = async () => {
@@ -16,6 +16,6 @@ const SSICheckbox = (props) => {
         }
         setChecked(!isChecked);
     };
-    return (_jsxs(Container, { onClick: onValueChange, style: { ...style, ...(disabled && { opacity: OpacityStyleEnum.DISABLED }) }, children: [value ? (_jsx(SelectedContainer, { style: { backgroundColor: selectedColor, border: `1px solid ${borderColor}` } })) : (_jsx(UnselectedContainer, { style: { backgroundColor, border: `1px solid ${borderColor}` } })), label && (typeof label === 'string' ? _jsx(LabelCaption, { style: { color: labelColor }, children: label }) : label)] }));
+    return (_jsxs(Container, { onClick: onValueChange, style: { ...(disabled && { opacity: OpacityStyleEnum.DISABLED }) }, children: [value ? (_jsx(SelectedContainer, { style: { backgroundColor: selectedColor, border: `1px solid ${borderColor}` } })) : (_jsx(UnselectedContainer, { style: { backgroundColor, border: `1px solid ${borderColor}` } })), label && (typeof label === 'string' ? _jsx(LabelCaption, { style: { color: labelColor }, children: label }) : label)] }));
 };
 export default SSICheckbox;

package/dist/components/indicators/SSIActivityIndicator/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { elementColors } from '@sphereon/ui-components.core';
-import { Oval } from "react-loader-spinner";
+import { Oval } from 'react-loader-spinner';
 const SSIActivityIndicator = (props) => {
     const { size = 80, color = elementColors.blue, style } = props;
     return (_jsx(Oval, { width: size, height: size, color: color, secondaryColor: color, strokeWidth: 5, strokeWidthSecondary: 5, visible: true, wrapperStyle: style }));

package/dist/components/views/CredentialViewItem/index.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, FC } from 'react';
 import { CredentialStatus } from '@sphereon/ui-components.core';
-import { CredentialMiniCardViewProps } from '../CredentialMiniCardView';
+import { CredentialMiniCardViewProps } from '../CredentialMiniCardView/index.js';
 type Props = {
     credentialTitle: string;
     credentialStatus: CredentialStatus;

package/dist/components/views/CredentialViewItem/index.js

@@ -1,17 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Localization, toLocalDateString, toLocalDateTimeString } from '@sphereon/ui-components.core';
-import SSIStatusLabel from '../../labels/SSIStatusLabel';
-import CredentialMiniCardView from '../CredentialMiniCardView';
-import { CredentialViewItemContainerStyled as Container, CredentialViewItemDetailsContainerStyled as DetailsContainer, SSIFlexDirectionRowViewStyled as ContentRowContainer, CredentialViewItemTitleCaptionStyled as TitleCaption, SSITextH4Styled as IssuerCaption, CredentialViewItemStatusContainerStyled as StatusContainer, SSITextH5Styled as IssueDateCaption, CredentialViewItemExpirationDateCaptionStyled as ExpirationDateCaption, } from '../../../styles';
+import SSIStatusLabel from '../../labels/SSIStatusLabel/index.js';
+import CredentialMiniCardView from '../CredentialMiniCardView/index.js';
+import { CredentialViewItemContainerStyled as Container, CredentialViewItemDetailsContainerStyled as DetailsContainer, SSIFlexDirectionRowViewStyled as ContentRowContainer, CredentialViewItemTitleCaptionStyled as TitleCaption, SSITextH4Styled as IssuerCaption, CredentialViewItemStatusContainerStyled as StatusContainer, SSITextH5Styled as IssueDateCaption, CredentialViewItemExpirationDateCaptionStyled as ExpirationDateCaption, } from '../../../styles/index.js';
 const CredentialViewItem = (props) => {
     const { credentialStatus, credentialTitle, issuerName, showTime = false, showCard = true, credentialBranding, style } = props;
     const issueDate = showTime ? toLocalDateTimeString(props.issueDate) : toLocalDateString(props.issueDate);
     const expirationDate = props.expirationDate
-        ? `${Localization.translate('credentials_view_item_expires_on')} ${showTime
-            ? toLocalDateTimeString(props.expirationDate)
-            : toLocalDateString(props.expirationDate)}`
+        ? `${Localization.translate('credentials_view_item_expires_on')} ${showTime ? toLocalDateTimeString(props.expirationDate) : toLocalDateString(props.expirationDate)}`
         : Localization.translate('credential_status_never_expires_date_label');
-    return (_jsxs(Container, { style: { ...style }, children: [showCard &&
-                _jsx(CredentialMiniCardView, { ...credentialBranding }), _jsxs(DetailsContainer, { children: [_jsxs(ContentRowContainer, { children: [_jsxs("div", { children: [_jsx(TitleCaption, { children: credentialTitle }), _jsx(IssuerCaption, { children: issuerName })] }), _jsx(StatusContainer, { children: _jsx(SSIStatusLabel, { status: credentialStatus }) })] }), _jsxs(ContentRowContainer, { children: [_jsx(IssueDateCaption, { children: issueDate }), _jsx(ExpirationDateCaption, { children: expirationDate })] })] })] }));
+    return (_jsxs(Container, { style: { ...style }, children: [showCard && _jsx(CredentialMiniCardView, { ...credentialBranding }), _jsxs(DetailsContainer, { children: [_jsxs(ContentRowContainer, { children: [_jsxs("div", { children: [_jsx(TitleCaption, { children: credentialTitle }), _jsx(IssuerCaption, { children: issuerName })] }), _jsx(StatusContainer, { children: _jsx(SSIStatusLabel, { status: credentialStatus }) })] }), _jsxs(ContentRowContainer, { children: [_jsx(IssueDateCaption, { children: issueDate }), _jsx(ExpirationDateCaption, { children: expirationDate })] })] })] }));
 };
 export default CredentialViewItem;

package/dist/components/views/JSONDataView/index.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
 import { JSONTree } from 'react-json-tree';
-import { backgroundColors, calculateAspectRatio, fontColors, isBase64ImageUri, isBoolean, Localization, parseToBoolean } from '@sphereon/ui-components.core';
-import SSICheckmarkBadge from '../../assets/badges/SSICheckmarkBadge';
-import SSIExclamationMarkBadge from '../../assets/badges/SSIExclamationMarkBadge';
-import { getImageSize } from '../../../utils';
-import { JSONDataViewContainerStyled as Container, JSONDataViewHeaderContainerStyled as HeaderContainer, JSONDataViewColumnHeaderCaptionStyled as ColumnHeaderCaption, JSONDataViewDataContainerCaptionStyled as ContainerCaption, JSONDataViewDataImageValueStyled as ImageValue, JSONDataViewDataTextValueStyled as TextValue, JSONDataViewDataLabelStyled as Label } from '../../../styles';
+import { backgroundColors, calculateAspectRatio, fontColors, isBase64ImageUri, isBoolean, Localization, parseToBoolean, } from '@sphereon/ui-components.core';
+import SSICheckmarkBadge from '../../assets/badges/SSICheckmarkBadge/index.js';
+import SSIExclamationMarkBadge from '../../assets/badges/SSIExclamationMarkBadge/index.js';
+import { getImageSize } from '../../../utils/index.js';
+import { JSONDataViewContainerStyled as Container, JSONDataViewHeaderContainerStyled as HeaderContainer, JSONDataViewColumnHeaderCaptionStyled as ColumnHeaderCaption, JSONDataViewDataContainerCaptionStyled as ContainerCaption, JSONDataViewDataImageValueStyled as ImageValue, JSONDataViewDataTextValueStyled as TextValue, JSONDataViewDataLabelStyled as Label, } from '../../../styles/index.js';
 const JSONDataView = (props) => {
     const { showHeader = true, shouldExpandNodeInitially = () => false } = props;
     const expandNodeInitially = typeof shouldExpandNodeInitially === 'function' ? shouldExpandNodeInitially : () => shouldExpandNodeInitially;
@@ -28,8 +28,8 @@ const JSONDataView = (props) => {
                     dimensions: {
                         height: dimensions.height,
                         width: dimensions.width,
-                        aspectRatio: calculateAspectRatio(dimensions.width, dimensions.height)
-                    }
+                        aspectRatio: calculateAspectRatio(dimensions.width, dimensions.height),
+                    },
                 };
             }
             else {
@@ -48,14 +48,12 @@ const JSONDataView = (props) => {
         if (isBoolean(value)) {
             return parseToBoolean(value) ? _jsx(SSICheckmarkBadge, {}) : _jsx(SSIExclamationMarkBadge, {});
         }
-        if (typeof value === 'object'
-            && value !== null
-            && 'uri' in value) {
+        if (typeof value === 'object' && value !== null && 'uri' in value) {
             const imageData = value;
-            return _jsx(ImageValue, { style: {
+            return (_jsx(ImageValue, { style: {
                     aspectRatio: imageData.dimensions?.aspectRatio,
                     backgroundImage: `url(${imageData.uri})`,
-                } });
+                } }));
         }
         return _jsx(TextValue, { children: value?.toString() });
     };
@@ -65,21 +63,19 @@ const JSONDataView = (props) => {
     const isCustomNode = (value) => {
         return typeof value === 'object' && value !== null && 'uri' in value && 'dimensions' in value;
     };
-    return (_jsxs(Container, { children: [showHeader &&
-                _jsxs(HeaderContainer, { children: [_jsx(ColumnHeaderCaption, { children: Localization.translate('json_data_view_attribute_column_label') }), _jsx(ColumnHeaderCaption, { children: Localization.translate('json_data_view_value_column_label') })] }), _jsx(ContainerCaption, { onMouseEnter: () => setFocused(true), onMouseLeave: () => setFocused(false), children: data &&
-                    _jsx(JSONTree, { theme: {
-                            base0D: fontColors.dark,
-                            tree: {
-                                margin: 0,
-                                backgroundColor: backgroundColors.primaryLight,
-                            },
-                            arrowContainer: {
-                                paddingRight: 6,
-                            },
-                            arrow: {
-                                fontSize: 10,
-                                ...(!focused && { display: 'none' }),
-                            },
-                        }, hideRoot: true, shouldExpandNodeInitially: expandNodeInitially, getItemString: getItemString, labelRenderer: labelRenderer, valueRenderer: valueRenderer, isCustomNode: isCustomNode, data: data }) })] }));
+    return (_jsxs(Container, { children: [showHeader && (_jsxs(HeaderContainer, { children: [_jsx(ColumnHeaderCaption, { children: Localization.translate('json_data_view_attribute_column_label') }), _jsx(ColumnHeaderCaption, { children: Localization.translate('json_data_view_value_column_label') })] })), _jsx(ContainerCaption, { onMouseEnter: () => setFocused(true), onMouseLeave: () => setFocused(false), children: data && (_jsx(JSONTree, { theme: {
+                        base0D: fontColors.dark,
+                        tree: {
+                            margin: 0,
+                            backgroundColor: backgroundColors.primaryLight,
+                        },
+                        arrowContainer: {
+                            paddingRight: 6,
+                        },
+                        arrow: {
+                            fontSize: 10,
+                            ...(!focused && { display: 'none' }),
+                        },
+                    }, hideRoot: true, shouldExpandNodeInitially: expandNodeInitially, getItemString: getItemString, labelRenderer: labelRenderer, valueRenderer: valueRenderer, isCustomNode: isCustomNode, data: data })) })] }));
 };
 export default JSONDataView;

package/dist/components/views/SSITableView/index.js

@@ -9,10 +9,10 @@ import SSIStatusLabel from '../../labels/SSIStatusLabel/index.js';
 import CredentialMiniCardView from '../CredentialMiniCardView/index.js';
 import DropDownList from '../../lists/DropDownList/index.js';
 import { SSITableViewCellContainerStyled as CellContainer, SSITableViewContainerStyled as Container, SSITableViewHeaderCellContainerStyled as HeaderCellContainer, SSITableViewLabelCellStyled as LabelCell, SSITableViewResultCountCaptionStyled as ResultCountCaption, SSITableViewHeaderRowContainerStyled as HeaderRowContainer, SSITableViewRowContainerStyled as RowContainer, SSITableViewTableContainerStyled as TableContainer, TableViewRowSelectionCheckboxContainerStyled as RowSelectionCheckboxContainer, } from '../../../styles/index.js';
-import { TableCellType } from '../../../types/index.js';
+import { TableCellType, } from '../../../types/index.js';
 import PaginationControls from './PaginationControls/index.js';
-import ComboBox from "../../fields/ComboBox";
-import CredentialDetailsView from "../CredentialViewItem";
+import ComboBox from '../../fields/ComboBox/index.js';
+import CredentialDetailsView from '../CredentialViewItem/index.js';
 function IndeterminateCheckbox({ indeterminate, className = '', ...rest }) {
     const ref = React.useRef(null);
     React.useEffect(() => {
@@ -86,14 +86,14 @@ const SSITableView = (props) => {
                         checked: table.getIsAllRowsSelected(),
                         indeterminate: table.getIsSomeRowsSelected(),
                         onChange: table.getToggleAllRowsSelectedHandler(),
-                        columnMaxWidth: 50
+                        columnMaxWidth: 50,
                     } })),
                 cell: ({ row }) => (_jsx(RowSelectionCheckboxContainer, { children: (row.id === focusedRowId || rowSelection.length > 0) && (_jsx(IndeterminateCheckbox, { ...{
                             checked: row.getIsSelected(),
                             disabled: !row.getCanSelect(),
                             indeterminate: row.getIsSomeSelected(),
                             onChange: row.getToggleSelectedHandler(),
-                            columnMaxWidth: 50
+                            columnMaxWidth: 50,
                         } })) })),
             },
             ...availableColumns,

package/dist/index.d.ts

@@ -43,4 +43,4 @@ export * from './styles/fonts/index.js';
 export * from './types/index.js';
 export * from './helpers/index.js';
 export * from './utils/index.js';
-export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, Row, DocumentIcon, CrossIcon, ImageIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView };
+export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, Row, DocumentIcon, CrossIcon, ImageIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, };

package/dist/index.js

@@ -41,4 +41,4 @@ export * from './styles/fonts/index.js';
 export * from './types/index.js';
 export * from './helpers/index.js';
 export * from './utils/index.js';
-export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, DocumentIcon, CrossIcon, ImageIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView };
+export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, DocumentIcon, CrossIcon, ImageIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, };

package/dist/styles/components/components/CredentialIssuanceWizardView/index.d.ts

@@ -1,9 +1,14 @@
-export declare const CredentialIssuanceWizardViewContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialIssuanceWizardViewCredentialTypeContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialIssuanceWizardViewCredentialTypeTitleStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialIssuanceWizardViewFormContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialIssuanceWizardViewEvidenceContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialIssuanceWizardViewEvidenceContentContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialIssuanceWizardViewEvidenceTitleContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialIssuanceWizardViewEvidenceTitleOptionalStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialIssuanceWizardViewEvidenceFilesContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const CredentialIssuanceWizardViewContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CredentialIssuanceWizardViewCredentialTypeContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CredentialIssuanceWizardViewCredentialTypeTitleStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const CredentialIssuanceWizardViewFormContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CredentialIssuanceWizardViewEvidenceContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CredentialIssuanceWizardViewEvidenceContentContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CredentialIssuanceWizardViewEvidenceTitleContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CredentialIssuanceWizardViewEvidenceTitleOptionalStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const CredentialIssuanceWizardViewEvidenceFilesContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/styles/components/components/CredentialViewItem/index.d.ts

@@ -1,5 +1,14 @@
-export declare const CredentialViewItemContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialViewItemDetailsContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialViewItemTitleCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialViewItemStatusContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CredentialViewItemExpirationDateCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const CredentialViewItemContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const CredentialViewItemDetailsContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const CredentialViewItemTitleCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const CredentialViewItemStatusContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CredentialViewItemExpirationDateCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;

package/dist/styles/components/components/CredentialViewItem/index.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled } from '../../containers';
-import { SSITextH3Styled, SSITextH5Styled } from '../../../fonts';
+import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
+import { SSITextH3Styled, SSITextH5Styled } from '../../../fonts/index.js';
 export const CredentialViewItemContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
   padding: 18px 24px;
   gap: 8px;

package/dist/styles/components/components/DragAndDropBox/index.d.ts

@@ -1,4 +1,7 @@
-export declare const DragAndDropBoxContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DragAndDropBoxHiddenInputStyled: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const DragAndDropBoxCaptionContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DragAndDropBoxDescriptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const DragAndDropBoxContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const DragAndDropBoxHiddenInputStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>;
+export declare const DragAndDropBoxCaptionContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const DragAndDropBoxDescriptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;

package/dist/styles/components/components/DropDownList/index.d.ts

@@ -1,3 +1,6 @@
-export declare const DropDownListContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropDownListButtonStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropDownContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const DropDownListContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const DropDownListButtonStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const DropDownContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/styles/components/components/DropDownListItem/index.d.ts

@@ -1,3 +1,8 @@
-export declare const DropDownListItemContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropDownListItemCaptionContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropDownListItemIconContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const DropDownListItemContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const DropDownListItemCaptionContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const DropDownListItemIconContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/styles/components/components/FileSelectionField/index.d.ts

@@ -1,10 +1,15 @@
-export declare const FileSelectionFieldContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FileSelectionFieldContentContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FileSelectionFieldRemoveContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FileSelectionFieldRemoveButtonStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FileSelectionFieldRemoveButtonCircleIconStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FileSelectionFieldIconContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FileSelectionFieldFileDataContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FileSelectionFieldFileNameCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FileSelectionFieldFileSizeCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FileSelectionFieldPermissionSelectionContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const FileSelectionFieldContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const FileSelectionFieldContentContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const FileSelectionFieldRemoveContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const FileSelectionFieldRemoveButtonStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const FileSelectionFieldRemoveButtonCircleIconStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const FileSelectionFieldIconContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const FileSelectionFieldFileDataContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const FileSelectionFieldFileNameCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const FileSelectionFieldFileSizeCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const FileSelectionFieldPermissionSelectionContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/styles/components/components/JSONDataView/index.d.ts

@@ -1,7 +1,8 @@
-export declare const JSONDataViewContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JSONDataViewHeaderContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JSONDataViewColumnHeaderCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JSONDataViewDataContainerCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JSONDataViewDataImageValueStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JSONDataViewDataTextValueStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const JSONDataViewDataLabelStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
+/// <reference types="react" />
+export declare const JSONDataViewContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const JSONDataViewHeaderContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const JSONDataViewColumnHeaderCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const JSONDataViewDataContainerCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const JSONDataViewDataImageValueStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const JSONDataViewDataTextValueStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+export declare const JSONDataViewDataLabelStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;

package/dist/styles/components/components/JSONDataView/index.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { backgroundColors, borderColors, fontColors, SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
-import { SSITextH2SemiBoldStyledCss, SSITextH5Css, SSITextH7SemiBoldCss } from '../../../css';
+import { SSITextH2SemiBoldStyledCss, SSITextH5Css, SSITextH7SemiBoldCss } from '../../../css/index.js';
 export const JSONDataViewContainerStyled = styled.div `
   ${SSIRoundedEdgesCss};
   display: flex;

package/dist/styles/components/components/Pagination/index.js

@@ -1,4 +1,4 @@
-import { styled } from '@mui/material/styles';
+import styled from '@mui/material/styles/styled.js';
 import { Pagination, paginationItemClasses } from '@mui/material';
 import { backgroundColors, borderColors, elementColors, fontColors } from '@sphereon/ui-components.core';
 export const PaginationContainerStyled = styled('div') `

package/dist/styles/components/components/PassportPhotoControl/index.d.ts

@@ -1,4 +1,5 @@
-export declare const PassportPhotoControlContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PassportPhotoControlDragAndDropBoxContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PassportPhotoControlPassportPhotoContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PassportPhotoControlPassportPhotoImageStyled: import("styled-components").StyledComponent<"img", any, {}, never>;
+/// <reference types="react" />
+export declare const PassportPhotoControlContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const PassportPhotoControlDragAndDropBoxContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const PassportPhotoControlPassportPhotoContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const PassportPhotoControlPassportPhotoImageStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>;

package/dist/styles/components/components/ProgressStepIndicator/index.d.ts

@@ -1,8 +1,13 @@
-export declare const ProgressStepIndicatorContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressStepIndicatorContentGridContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressStepIndicatorStepMarkerCellStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressStepIndicatorStepTextCellStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressStepIndicatorSpacerLineCellStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressStepIndicatorTitleTextStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressStepIndicatorDescriptionTextStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressStepIndicatorStepLineStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const ProgressStepIndicatorContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ProgressStepIndicatorContentGridContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ProgressStepIndicatorStepMarkerCellStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ProgressStepIndicatorStepTextCellStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ProgressStepIndicatorSpacerLineCellStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ProgressStepIndicatorTitleTextStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const ProgressStepIndicatorDescriptionTextStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const ProgressStepIndicatorStepLineStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/styles/components/components/SSICheckbox/index.d.ts

@@ -1,4 +1,11 @@
-export declare const SSICheckboxContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SSICheckboxUnselectedContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SSICheckboxSelectedContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SSICheckboxLabelContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const SSICheckboxContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
+export declare const SSICheckboxUnselectedContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SSICheckboxSelectedContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SSICheckboxLabelContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;

package/dist/styles/components/components/SSICheckbox/index.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { SSITextH2Styled } from '../../../fonts';
-import { SSIFlexDirectionRowViewStyled } from '../../containers';
+import { SSITextH4LightStyled } from '../../../fonts/index.js';
+import { SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
 export const SSICheckboxContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
   align-items: center;
   gap: 10px;
@@ -19,7 +19,7 @@ export const SSICheckboxSelectedContainerStyled = styled.div `
   align-items: center;
   justify-content: center;
 `;
-export const SSICheckboxLabelContainerStyled = styled(SSITextH2Styled) `
+export const SSICheckboxLabelContainerStyled = styled(SSITextH4LightStyled) `
   display: flex;
   flex-wrap: wrap;
 `;