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

package/dist/index.d.ts

@@ -1,48 +1,46 @@
-import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer';
-import SSIStatusLabel from './components/labels/SSIStatusLabel';
-import SSICredentialCardView from './components/views/SSICredentialCardView';
-import CredentialMiniCardView from './components/views/CredentialMiniCardView';
-import { CredentialMiniCardViewProps } from './components/views/CredentialMiniCardView';
-import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
-import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
-import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
-import SSILogo from './components/assets/logos/SSILogo';
-import SSIAddIcon from './components/assets/icons/SSIAddIcon';
-import SSIFilterIcon from './components/assets/icons/SSIFilterIcon';
-import SSIArrowDownIcon from './components/assets/icons/SSIArrowDownIcon';
-import SSITypeLabel from './components/labels/SSITypeLabel';
-import SSIIconButton from './components/buttons/SSIIconButton';
-import SSIPrimaryButton from './components/buttons/SSIPrimaryButton';
-import DropDownList from './components/lists/DropDownList';
-import SSITableView from './components/views/SSITableView';
-import SSITableViewHeader from './components/views/SSITableView/SSITableViewHeader';
-import SSITabView from './components/views/SSITabView';
-import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
-import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
-import SSISecondaryButton from './components/buttons/SSISecondaryButton';
-import SSICheckbox from './components/fields/SSICheckbox';
-import SSIActivityIndicator from './components/indicators/SSIActivityIndicator';
-import SSIHoverText from './components/fields/SSIHoverText';
-import ProgressStepIndicator from './components/indicators/ProgressStepIndicator';
-import StepMarker from './components/assets/markers/StepMarker';
-import DocumentIcon from './components/assets/icons/DocumentIcon';
-import CrossIcon from './components/assets/icons/CrossIcon';
-import ImageIcon from './components/assets/icons/ImageIcon';
-import FileSelection from './components/fields/FileSelection';
-import ComboBox from './components/fields/ComboBox';
-import DragAndDropBox from './components/fields/DragAndDropBox';
-import PersonPlaceholder from './components/assets/placeholders/PersonPlaceholder';
-import PassportPhotoControl, { passportPhotoControlTester } from './components/fields/JSONForms/PassportPhotoControl';
-import CredentialIssuanceWizardView from './components/views/CredentialIssuanceWizardView';
-import PaginationControls from './components/views/SSITableView/PaginationControls';
-import PaginationControlsProps from './components/views/SSITableView/PaginationControls';
-import CredentialViewItem from './components/views/CredentialViewItem';
-import JSONDataView from './components/views/JSONDataView';
-import TextInputField from './components/fields/TextInputField';
-import WarningImage from './components/assets/images/WarningImage';
+import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer/index.js';
+import SSIStatusLabel from './components/labels/SSIStatusLabel/index.js';
+import SSICredentialCardView from './components/views/SSICredentialCardView/index.js';
+import CredentialMiniCardView from './components/views/CredentialMiniCardView/index.js';
+import { CredentialMiniCardViewProps } from './components/views/CredentialMiniCardView/index.js';
+import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge/index.js';
+import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge/index.js';
+import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo/index.js';
+import SSILogo from './components/assets/logos/SSILogo/index.js';
+import SSIAddIcon from './components/assets/icons/SSIAddIcon/index.js';
+import SSIFilterIcon from './components/assets/icons/SSIFilterIcon/index.js';
+import SSIArrowDownIcon from './components/assets/icons/SSIArrowDownIcon/index.js';
+import SSITypeLabel from './components/labels/SSITypeLabel/index.js';
+import SSIIconButton from './components/buttons/SSIIconButton/index.js';
+import SSIPrimaryButton from './components/buttons/SSIPrimaryButton/index.js';
+import DropDownList from './components/lists/DropDownList/index.js';
+import SSITableView from './components/views/SSITableView/index.js';
+import SSITableViewHeader from './components/views/SSITableView/SSITableViewHeader/index.js';
+import SSITabView from './components/views/SSITabView/index.js';
+import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader/index.js';
+import SSIProfileIcon from './components/assets/icons/SSIProfileIcon/index.js';
+import SSISecondaryButton from './components/buttons/SSISecondaryButton/index.js';
+import SSICheckbox from './components/fields/SSICheckbox/index.js';
+import SSIActivityIndicator from './components/indicators/SSIActivityIndicator/index.js';
+import SSIHoverText from './components/fields/SSIHoverText/index.js';
+import ProgressStepIndicator from './components/indicators/ProgressStepIndicator/index.js';
+import StepMarker from './components/assets/markers/StepMarker/index.js';
+import DocumentIcon from './components/assets/icons/DocumentIcon/index.js';
+import CrossIcon from './components/assets/icons/CrossIcon/index.js';
+import ImageIcon from './components/assets/icons/ImageIcon/index.js';
+import FileSelection from './components/fields/FileSelection/index.js';
+import ComboBox from './components/fields/ComboBox/index.js';
+import DragAndDropBox from './components/fields/DragAndDropBox/index.js';
+import PersonPlaceholder from './components/assets/placeholders/PersonPlaceholder/index.js';
+import PassportPhotoControl, { passportPhotoControlTester } from './components/fields/JSONForms/PassportPhotoControl/index.js';
+import CredentialIssuanceWizardView from './components/views/CredentialIssuanceWizardView/index.js';
+import PaginationControls from './components/views/SSITableView/PaginationControls/index.js';
+import PaginationControlsProps from './components/views/SSITableView/PaginationControls/index.js';
+import CredentialViewItem from './components/views/CredentialViewItem/index.js';
+import JSONDataView from './components/views/JSONDataView/index.js';
 import { Row } from '@tanstack/react-table';
-export * from './styles/fonts';
-export * from './types';
-export * from './helpers';
-export * from './utils';
-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, TextInputField, WarningImage };
+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 };

package/dist/index.js

@@ -1,46 +1,44 @@
-import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer';
-import SSIStatusLabel from './components/labels/SSIStatusLabel';
-import SSICredentialCardView from './components/views/SSICredentialCardView';
-import CredentialMiniCardView from './components/views/CredentialMiniCardView';
-import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
-import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
-import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
-import SSILogo from './components/assets/logos/SSILogo';
-import SSIAddIcon from './components/assets/icons/SSIAddIcon';
-import SSIFilterIcon from './components/assets/icons/SSIFilterIcon';
-import SSIArrowDownIcon from './components/assets/icons/SSIArrowDownIcon';
-import SSITypeLabel from './components/labels/SSITypeLabel';
-import SSIIconButton from './components/buttons/SSIIconButton';
-import SSIPrimaryButton from './components/buttons/SSIPrimaryButton';
-import DropDownList from './components/lists/DropDownList';
-import SSITableView from './components/views/SSITableView';
-import SSITableViewHeader from './components/views/SSITableView/SSITableViewHeader';
-import SSITabView from './components/views/SSITabView';
-import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
-import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
-import SSISecondaryButton from './components/buttons/SSISecondaryButton';
-import SSICheckbox from './components/fields/SSICheckbox';
-import SSIActivityIndicator from './components/indicators/SSIActivityIndicator';
-import SSIHoverText from './components/fields/SSIHoverText';
-import ProgressStepIndicator from './components/indicators/ProgressStepIndicator';
-import StepMarker from './components/assets/markers/StepMarker';
-import DocumentIcon from './components/assets/icons/DocumentIcon';
-import CrossIcon from './components/assets/icons/CrossIcon';
-import ImageIcon from './components/assets/icons/ImageIcon';
-import FileSelection from './components/fields/FileSelection';
-import ComboBox from './components/fields/ComboBox';
-import DragAndDropBox from './components/fields/DragAndDropBox';
-import PersonPlaceholder from './components/assets/placeholders/PersonPlaceholder';
-import PassportPhotoControl, { passportPhotoControlTester } from './components/fields/JSONForms/PassportPhotoControl';
-import CredentialIssuanceWizardView from './components/views/CredentialIssuanceWizardView';
-import PaginationControls from './components/views/SSITableView/PaginationControls';
-import PaginationControlsProps from './components/views/SSITableView/PaginationControls';
-import CredentialViewItem from './components/views/CredentialViewItem';
-import JSONDataView from './components/views/JSONDataView';
-import TextInputField from './components/fields/TextInputField';
-import WarningImage from './components/assets/images/WarningImage';
-export * from './styles/fonts';
-export * from './types';
-export * from './helpers';
-export * from './utils';
-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, TextInputField, WarningImage };
+import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer/index.js';
+import SSIStatusLabel from './components/labels/SSIStatusLabel/index.js';
+import SSICredentialCardView from './components/views/SSICredentialCardView/index.js';
+import CredentialMiniCardView from './components/views/CredentialMiniCardView/index.js';
+import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge/index.js';
+import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge/index.js';
+import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo/index.js';
+import SSILogo from './components/assets/logos/SSILogo/index.js';
+import SSIAddIcon from './components/assets/icons/SSIAddIcon/index.js';
+import SSIFilterIcon from './components/assets/icons/SSIFilterIcon/index.js';
+import SSIArrowDownIcon from './components/assets/icons/SSIArrowDownIcon/index.js';
+import SSITypeLabel from './components/labels/SSITypeLabel/index.js';
+import SSIIconButton from './components/buttons/SSIIconButton/index.js';
+import SSIPrimaryButton from './components/buttons/SSIPrimaryButton/index.js';
+import DropDownList from './components/lists/DropDownList/index.js';
+import SSITableView from './components/views/SSITableView/index.js';
+import SSITableViewHeader from './components/views/SSITableView/SSITableViewHeader/index.js';
+import SSITabView from './components/views/SSITabView/index.js';
+import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader/index.js';
+import SSIProfileIcon from './components/assets/icons/SSIProfileIcon/index.js';
+import SSISecondaryButton from './components/buttons/SSISecondaryButton/index.js';
+import SSICheckbox from './components/fields/SSICheckbox/index.js';
+import SSIActivityIndicator from './components/indicators/SSIActivityIndicator/index.js';
+import SSIHoverText from './components/fields/SSIHoverText/index.js';
+import ProgressStepIndicator from './components/indicators/ProgressStepIndicator/index.js';
+import StepMarker from './components/assets/markers/StepMarker/index.js';
+import DocumentIcon from './components/assets/icons/DocumentIcon/index.js';
+import CrossIcon from './components/assets/icons/CrossIcon/index.js';
+import ImageIcon from './components/assets/icons/ImageIcon/index.js';
+import FileSelection from './components/fields/FileSelection/index.js';
+import ComboBox from './components/fields/ComboBox/index.js';
+import DragAndDropBox from './components/fields/DragAndDropBox/index.js';
+import PersonPlaceholder from './components/assets/placeholders/PersonPlaceholder/index.js';
+import PassportPhotoControl, { passportPhotoControlTester } from './components/fields/JSONForms/PassportPhotoControl/index.js';
+import CredentialIssuanceWizardView from './components/views/CredentialIssuanceWizardView/index.js';
+import PaginationControls from './components/views/SSITableView/PaginationControls/index.js';
+import PaginationControlsProps from './components/views/SSITableView/PaginationControls/index.js';
+import CredentialViewItem from './components/views/CredentialViewItem/index.js';
+import JSONDataView from './components/views/JSONDataView/index.js';
+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 };

package/dist/renders/jsonFormsRenders.js

@@ -1,5 +1,5 @@
 import { materialRenderers } from '@jsonforms/material-renderers';
-import PassportPhotoControl, { passportPhotoControlTester } from '../components/fields/JSONForms/PassportPhotoControl';
+import PassportPhotoControl, { passportPhotoControlTester } from '../components/fields/JSONForms/PassportPhotoControl/index.js';
 export const jsonFormsMaterialRenderers = [
     ...materialRenderers,
     { tester: passportPhotoControlTester, renderer: PassportPhotoControl },

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

@@ -1,14 +1,14 @@
-import styled from 'styled-components';
-import { backgroundColors, borderColors, SSIRoundedEdgesCss } from "@sphereon/ui-components.core";
-import { SSITextH1SemiBoldStyled, SSITextH2Styled } from "../../../fonts";
-export const CredentialIssuanceWizardViewContainerStyled = styled.div `
+import styledComponents from 'styled-components';
+import { backgroundColors, borderColors, SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
+import { SSITextH1SemiBoldStyled, SSITextH2Styled } from '../../../fonts/index.js';
+export const CredentialIssuanceWizardViewContainerStyled = styledComponents.div `
   display: flex;
   flex-direction: column;
   gap: 42px;
   width: 560px;
   height: fit-content;
 `;
-export const CredentialIssuanceWizardViewCredentialTypeContainerStyled = styled.div `
+export const CredentialIssuanceWizardViewCredentialTypeContainerStyled = styledComponents.div `
   border: 1px solid ${borderColors.lightGrey};
   ${SSIRoundedEdgesCss};
   background-color: ${backgroundColors.primaryLight};
@@ -18,37 +18,37 @@ export const CredentialIssuanceWizardViewCredentialTypeContainerStyled = styled.
   gap: 24px;
   flex-grow: 1;
 `;
-export const CredentialIssuanceWizardViewCredentialTypeTitleStyled = styled(SSITextH1SemiBoldStyled) `
+export const CredentialIssuanceWizardViewCredentialTypeTitleStyled = styledComponents(SSITextH1SemiBoldStyled) `
   text-align: left;
 `;
-export const CredentialIssuanceWizardViewFormContainerStyled = styled.div `
+export const CredentialIssuanceWizardViewFormContainerStyled = styledComponents.div `
   flex-grow: 1;
   border: 1px solid ${borderColors.lightGrey};
   background-color: ${backgroundColors.primaryLight};
   ${SSIRoundedEdgesCss};
   padding: 24px;
 `;
-export const CredentialIssuanceWizardViewEvidenceContainerStyled = styled.div `
+export const CredentialIssuanceWizardViewEvidenceContainerStyled = styledComponents.div `
   flex-grow: 1;
   border: 1px solid ${borderColors.lightGrey};
   background-color: ${backgroundColors.primaryLight};
   ${SSIRoundedEdgesCss};
   padding: 24px;
 `;
-export const CredentialIssuanceWizardViewEvidenceContentContainerStyled = styled.div `
+export const CredentialIssuanceWizardViewEvidenceContentContainerStyled = styledComponents.div `
   display: flex;
   flex-direction: column;
   gap: 24px;
 `;
-export const CredentialIssuanceWizardViewEvidenceTitleContainerStyled = styled.div `
-  display: flex; 
+export const CredentialIssuanceWizardViewEvidenceTitleContainerStyled = styledComponents.div `
+  display: flex;
   flex-direction: row;
   gap: 4px;
 `;
-export const CredentialIssuanceWizardViewEvidenceTitleOptionalStyled = styled(SSITextH2Styled) `
+export const CredentialIssuanceWizardViewEvidenceTitleOptionalStyled = styledComponents(SSITextH2Styled) `
   font-style: italic;
 `;
-export const CredentialIssuanceWizardViewEvidenceFilesContainerStyled = styled.div `
+export const CredentialIssuanceWizardViewEvidenceFilesContainerStyled = styledComponents.div `
   display: flex;
   flex-direction: column;
   gap: 12px;

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

@@ -1,6 +1,6 @@
 import { backgroundColors, borderColors, fontColors } from '@sphereon/ui-components.core';
 import styled from 'styled-components';
-import { SSITextH7RegularStyled } from '../../../fonts';
+import { SSITextH7RegularStyled } from '../../../fonts/index.js';
 export const DragAndDropBoxContainerStyled = styled.div `
   background-color: ${backgroundColors.lightGrey};
   flex-grow: 1;

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

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { SSIFlexDirectionRowViewStyled } from '../../containers';
+import { SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
 import { backgroundColors } from '@sphereon/ui-components.core';
 export const DropDownListContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
   position: relative;

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

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { SSIFlexDirectionRowViewStyled } from '../../containers';
-import { SSITextH2Styled } from '../../../fonts';
+import { SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
+import { SSITextH2Styled } from '../../../fonts/index.js';
 import { backgroundColors } from '@sphereon/ui-components.core';
 export const DropDownListItemContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
   flex-direction: row;

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

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { borderColors, fontColors } from '@sphereon/ui-components.core';
-import { SSITextH2SemiBoldStyled, SSITextH7RegularStyled } from '../../../fonts';
+import { SSITextH2SemiBoldStyled, SSITextH7RegularStyled } from '../../../fonts/index.js';
 export const FileSelectionFieldContainerStyled = styled.div `
   display: flex;
   flex-grow: 1;

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

@@ -1,13 +1,13 @@
 import styled from 'styled-components';
 import { backgroundColors, borderColors } from '@sphereon/ui-components.core';
 export const PassportPhotoControlContainerStyled = styled.div `
-  display: flex; 
-  flex-direction: column; 
+  display: flex;
+  flex-direction: column;
   gap: 12px;
 `;
 export const PassportPhotoControlDragAndDropBoxContainerStyled = styled.div `
-  display: flex; 
-  flex-direction: row; 
+  display: flex;
+  flex-direction: row;
   gap: 10px;
 `;
 export const PassportPhotoControlPassportPhotoContainerStyled = styled.div `
@@ -23,5 +23,5 @@ export const PassportPhotoControlPassportPhotoContainerStyled = styled.div `
 `;
 export const PassportPhotoControlPassportPhotoImageStyled = styled.img `
   width: 100%;
-  height: auto
+  height: auto;
 `;

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

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { backgroundColors, borderColors, elementColors, fontColors } from '@sphereon/ui-components.core';
-import { SSITextH1SemiBoldStyled, SSITextH3Styled } from '../../../fonts';
+import { SSITextH1SemiBoldStyled, SSITextH3Styled } from '../../../fonts/index.js';
 export const ProgressStepIndicatorContainerStyled = styled.div `
   background-color: ${backgroundColors.primaryLight};
   border-radius: 24px;

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

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers';
-import { SSITextH4SemiBoldLightStyled, SSITextH5LightStyled } from '../../../fonts';
+import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers/index.js';
+import { SSITextH4SemiBoldLightStyled, SSITextH5LightStyled } from '../../../fonts/index.js';
 export const SSICredentialCardViewContainerStyled = styled(SSIRoundedContainerStyled) `
   width: 327px;
   height: 186px;

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

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { SSIFlexDirectionColumnViewStyled } from '../../containers';
+import { SSIFlexDirectionColumnViewStyled } from '../../containers/index.js';
 export const SSICredentialMiniCardViewContainerStyled = styled.div `
   width: 75px;
   height: 50px;

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

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { SSIRoundedContainerStyled } from '../../containers';
-import { gradientColors } from '../../../colors';
+import { SSIRoundedContainerStyled } from '../../containers/index.js';
+import { gradientColors } from '../../../colors.js';
 export const SSIPrimaryButtonContainerStyled = styled(SSIRoundedContainerStyled) `
   background: ${gradientColors['100']};
   display: flex;

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

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
-import { SSIRoundedContainerStyled } from '../../containers';
-import { SSITextH3Styled } from '../../../fonts';
-import { gradient100TextCss } from '../../../css';
+import { SSIRoundedContainerStyled } from '../../containers/index.js';
+import { SSITextH3Styled } from '../../../fonts/index.js';
+import { gradient100TextCss } from '../../../css/index.js';
 export const SSISecondaryButtonContainerStyled = styled(SSIRoundedContainerStyled) `
   position: relative;
   display: flex;

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

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { SSIFlexDirectionRowViewStyled } from '../../containers';
-import { SSITextH5LightStyled } from '../../../fonts';
+import { SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
+import { SSITextH5LightStyled } from '../../../fonts/index.js';
 export const SSIStatusLabelContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
   border-radius: 9px;
   border: 1px solid #000;

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

@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
 import { backgroundColors, borderColors, fontColors } from '@sphereon/ui-components.core';
-import { SSITextH2Css, SSITextH3Css } from '../../../css';
+import { SSITextH2Css, SSITextH3Css } from '../../../css/index.js';
 export const SSITableViewContainerStyled = styled.div `
   display: flex;
   flex-grow: 1;

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

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { SSIFlexDirectionRowViewStyled } from '../../containers';
+import { SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
 import { backgroundColors } from '@sphereon/ui-components.core';
 export const SSITableViewHeaderContainerStyled = styled.div `
   background-color: ${backgroundColors.primaryLight};

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

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { alertColors } from '@sphereon/ui-components.core';
-import { SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers';
-import { SSITextH4Styled } from '../../../fonts';
+import { SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers/index.js';
+import { SSITextH4Styled } from '../../../fonts/index.js';
 export const SSIToastContainerStyled = styled(SSIRoundedContainerStyled) `
   //TODO we need better width, use a max width and use content to scale
   // 96.8%;

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

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { SSIRoundedContainerStyled } from '../../containers';
+import { SSIRoundedContainerStyled } from '../../containers/index.js';
 import { fontColors } from '@sphereon/ui-components.core';
 export const SSITypeLabelContainerStyled = styled(SSIRoundedContainerStyled) `
   display: flex;

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

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { backgroundColors, elementColors } from '@sphereon/ui-components.core';
-import { gradientColors } from '../../../colors';
+import { gradientColors } from '../../../colors.js';
 export const StepMarkerActiveContainerStyled = styled.div `
   width: 50px;
   height: 50px;

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

@@ -1,29 +1,29 @@
-export * from './buttons';
-export * from './DropDownListItem';
-export * from './SSICredentialCardView';
-export * from './SSICredentialMiniCardView';
-export * from './SSIStatusLabel';
-export * from './SSIPrimaryButton';
-export * from './SSISecondaryButton';
-export * from './SSIIconButton';
-export * from './DropDownList';
-export * from './SSITypeLabel';
-export * from './SSITableViewHeader';
-export * from './SSITableView';
-export * from './SSITabViewHeader';
-export * from './SSITabView';
-export * from './SSIToast';
-export * from './SSIToastContainer';
-export * from './SSIProfileIcon';
-export * from './SSIHoverText';
-export * from './SSICheckbox';
-export * from './ProgressStepIndicator';
-export * from './StepMarker';
-export * from './FileSelectionField';
-export * from './DragAndDropBox';
-export * from './PassportPhotoControl';
-export * from './CredentialIssuanceWizardView';
-export * from './Pagination';
-export * from './CredentialViewItem';
-export * from './JSONDataView';
-export * from './TextInputField';
+export * from './buttons/index.js';
+export * from './DropDownListItem/index.js';
+export * from './SSICredentialCardView/index.js';
+export * from './SSICredentialMiniCardView/index.js';
+export * from './SSIStatusLabel/index.js';
+export * from './SSIPrimaryButton/index.js';
+export * from './SSISecondaryButton/index.js';
+export * from './SSIIconButton/index.js';
+export * from './DropDownList/index.js';
+export * from './SSITypeLabel/index.js';
+export * from './SSITableViewHeader/index.js';
+export * from './SSITableView/index.js';
+export * from './SSITabViewHeader/index.js';
+export * from './SSITabView/index.js';
+export * from './SSIToast/index.js';
+export * from './SSIToastContainer/index.js';
+export * from './SSIProfileIcon/index.js';
+export * from './SSIHoverText/index.js';
+export * from './SSICheckbox/index.js';
+export * from './ProgressStepIndicator/index.js';
+export * from './StepMarker/index.js';
+export * from './FileSelectionField/index.js';
+export * from './DragAndDropBox/index.js';
+export * from './PassportPhotoControl/index.js';
+export * from './CredentialIssuanceWizardView/index.js';
+export * from './Pagination/index.js';
+export * from './CredentialViewItem/index.js';
+export * from './JSONDataView/index.js';
+export * from './TextInputField/index.js';

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

@@ -1,29 +1,29 @@
-export * from './buttons';
-export * from './DropDownListItem';
-export * from './SSICredentialCardView';
-export * from './SSICredentialMiniCardView';
-export * from './SSIStatusLabel';
-export * from './SSIPrimaryButton';
-export * from './SSISecondaryButton';
-export * from './SSIIconButton';
-export * from './DropDownList';
-export * from './SSITypeLabel';
-export * from './SSITableViewHeader';
-export * from './SSITableView';
-export * from './SSITabViewHeader';
-export * from './SSITabView';
-export * from './SSIToast';
-export * from './SSIToastContainer';
-export * from './SSIProfileIcon';
-export * from './SSIHoverText';
-export * from './SSICheckbox';
-export * from './ProgressStepIndicator';
-export * from './StepMarker';
-export * from './FileSelectionField';
-export * from './DragAndDropBox';
-export * from './PassportPhotoControl';
-export * from './CredentialIssuanceWizardView';
-export * from './Pagination';
-export * from './CredentialViewItem';
-export * from './JSONDataView';
-export * from './TextInputField';
+export * from './buttons/index.js';
+export * from './DropDownListItem/index.js';
+export * from './SSICredentialCardView/index.js';
+export * from './SSICredentialMiniCardView/index.js';
+export * from './SSIStatusLabel/index.js';
+export * from './SSIPrimaryButton/index.js';
+export * from './SSISecondaryButton/index.js';
+export * from './SSIIconButton/index.js';
+export * from './DropDownList/index.js';
+export * from './SSITypeLabel/index.js';
+export * from './SSITableViewHeader/index.js';
+export * from './SSITableView/index.js';
+export * from './SSITabViewHeader/index.js';
+export * from './SSITabView/index.js';
+export * from './SSIToast/index.js';
+export * from './SSIToastContainer/index.js';
+export * from './SSIProfileIcon/index.js';
+export * from './SSIHoverText/index.js';
+export * from './SSICheckbox/index.js';
+export * from './ProgressStepIndicator/index.js';
+export * from './StepMarker/index.js';
+export * from './FileSelectionField/index.js';
+export * from './DragAndDropBox/index.js';
+export * from './PassportPhotoControl/index.js';
+export * from './CredentialIssuanceWizardView/index.js';
+export * from './Pagination/index.js';
+export * from './CredentialViewItem/index.js';
+export * from './JSONDataView/index.js';
+export * from './TextInputField/index.js';

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

@@ -1,2 +1,2 @@
-export * from './containers';
-export * from './components';
+export * from './containers/index.js';
+export * from './components/index.js';

package/dist/styles/components/index.js

@@ -1,2 +1,2 @@
-export * from './containers';
-export * from './components';
+export * from './containers/index.js';
+export * from './components/index.js';

package/dist/styles/css/index.js

@@ -1,6 +1,6 @@
 import { css } from 'styled-components';
-import { fontStyle } from '../typography';
-import { gradientColors } from '../colors';
+import { fontStyle } from '../typography.js';
+import { gradientColors } from '../colors.js';
 export const SSITextH1Css = css `
   font-family: ${fontStyle.h1Regular.fontFamily};
   font-size: ${fontStyle.h1Regular.fontSize}px;

package/dist/styles/fonts/index.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { fontColors } from '@sphereon/ui-components.core';
-import { SSITextH1Css, SSITextH1SemiBoldCss, SSITextH2Css, SSITextH2SemiBoldStyledCss, SSITextH3Css, SSITextH4Css, SSITextH4SemiBoldCss, SSITextH5Css, SSITextH6Css, SSITextH7RegularCss, } from '../css';
+import { SSITextH1Css, SSITextH1SemiBoldCss, SSITextH2Css, SSITextH2SemiBoldStyledCss, SSITextH3Css, SSITextH4Css, SSITextH4SemiBoldCss, SSITextH5Css, SSITextH6Css, SSITextH7RegularCss, } from '../css/index.js';
 export const SSITextH1Styled = styled.div `
   ${SSITextH1Css};
   color: ${fontColors.dark};

package/dist/styles/index.d.ts

@@ -1,4 +1,4 @@
-export * from './typography';
-export * from './css';
-export * from './components';
-export * from './fonts';
+export * from './typography.js';
+export * from './css/index.js';
+export * from './components/index.js';
+export * from './fonts/index.js';