@sphereon/ui-components.ssi-react 0.1.3-unstable.176 → 0.1.3-unstable.180

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

@@ -1,7 +1,4 @@
-/// <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>>;
+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>;

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/index.js';
+import styled from 'styled-components';
+import { SSITextH7RegularStyled } from '../../../fonts';
 export const DragAndDropBoxContainerStyled = styled.div `
   background-color: ${backgroundColors.lightGrey};
   flex-grow: 1;

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

@@ -1,6 +1,3 @@
-/// <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>>;
+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>;

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

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

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

@@ -1,8 +1,3 @@
-/// <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>>;
+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>;

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

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

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

@@ -1,15 +1,10 @@
-/// <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>>;
+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>;

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

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

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

@@ -1,8 +1,7 @@
-/// <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>>;
+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>;

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

@@ -1,6 +1,6 @@
-import { styled } from 'styled-components';
+import styled from 'styled-components';
 import { backgroundColors, borderColors, fontColors, SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
-import { SSITextH2SemiBoldStyledCss, SSITextH5Css, SSITextH7SemiBoldCss } from '../../../css/index.js';
+import { SSITextH2SemiBoldStyledCss, SSITextH5Css, SSITextH7SemiBoldCss } from '../../../css';
 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/styled.js';
+import { styled } from '@mui/material/styles';
 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,5 +1,4 @@
-/// <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>>;
+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>;

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

@@ -1,13 +1,13 @@
-import { styled } from 'styled-components';
+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.d.ts

@@ -1,13 +1,8 @@
-/// <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>>;
+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>;

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

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

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

@@ -1,11 +1,4 @@
-/// <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>>;
+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>;

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

@@ -1,6 +1,6 @@
-import { styled } from 'styled-components';
-import { SSITextH4LightStyled } from '../../../fonts/index.js';
-import { SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
+import styled from 'styled-components';
+import { SSITextH2Styled } from '../../../fonts';
+import { SSIFlexDirectionRowViewStyled } from '../../containers';
 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(SSITextH4LightStyled) `
+export const SSICheckboxLabelContainerStyled = styled(SSITextH2Styled) `
   display: flex;
   flex-wrap: wrap;
 `;

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

@@ -1,32 +1,13 @@
-/// <reference types="react" />
-export declare const SSICredentialCardViewContainerStyled: 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 SSICredentialCardViewBackgroundImageStyled: 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 SSICredentialCardViewHeaderContainerStyled: 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 SSICredentialCardViewHeaderLogoContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSICredentialCardViewHeaderTitleContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSICredentialCardViewContentMainContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSICredentialCardViewContentSubContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSICredentialCardViewContentIssueNameContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSICredentialCardViewContentPropertiesContainerStyled: 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 SSICredentialCardViewFooterContainerStyled: 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 SSICredentialCardViewCredentialTitleTextStyled: 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>>;
-export declare const SSICredentialCardViewCredentialSubtitleTextStyled: 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>>;
-export declare const SSICredentialCardViewStatusContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SSICredentialCardViewContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewBackgroundImageStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewHeaderContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewHeaderLogoContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewHeaderTitleContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewContentMainContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewContentSubContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewContentIssueNameContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewContentPropertiesContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewFooterContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewCredentialTitleTextStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewCredentialSubtitleTextStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialCardViewStatusContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,12 +1,13 @@
-import { styled } from 'styled-components';
-import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers/index.js';
-import { SSITextH4SemiBoldLightStyled, SSITextH5LightStyled } from '../../../fonts/index.js';
+import styled from 'styled-components';
+import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers';
+import { SSITextH4SemiBoldLightStyled, SSITextH5LightStyled } from '../../../fonts';
 export const SSICredentialCardViewContainerStyled = styled(SSIRoundedContainerStyled) `
   width: 327px;
   height: 186px;
   display: flex;
   flex-direction: column;
   user-select: none;
+  flex-shrink: 0;
 `;
 export const SSICredentialCardViewBackgroundImageStyled = styled(SSIFlexDirectionColumnViewStyled) `
   flex-grow: 1;

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

@@ -1,5 +1,2 @@
-/// <reference types="react" />
-export declare const SSICredentialMiniCardViewContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSICredentialMiniCardViewBackgroundImageStyled: 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 SSICredentialMiniCardViewContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSICredentialMiniCardViewBackgroundImageStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-export declare const SSIHoverTextTextHoverStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
-export declare const SSIHoverTextContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSIHoverTextTextStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+export declare const SSIHoverTextTextHoverStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const SSIHoverTextContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSIHoverTextTextStyled: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -1,4 +1,4 @@
-import { styled } from 'styled-components';
+import styled from 'styled-components';
 export const SSIHoverTextTextHoverStyled = styled.span `
   display: none;
   position: absolute;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const SSIIconButtonContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SSIIconButtonContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
-import { styled } from 'styled-components';
+import styled from 'styled-components';
 export const SSIIconButtonContainerStyled = styled.div `
   gap: 8px;
   height: 32px;

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

@@ -1,4 +1 @@
-/// <reference types="react" />
-export declare const SSIPrimaryButtonContainerStyled: 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 SSIPrimaryButtonContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const SSIProfileIconContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SSIProfileIconContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
-import { styled } from 'styled-components';
+import styled from 'styled-components';
 export const SSIProfileIconContainerStyled = styled.div `
   width: 38px;
   height: 38px;

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

@@ -1,7 +1,2 @@
-/// <reference types="react" />
-export declare const SSISecondaryButtonContainerStyled: 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 SSISecondaryButtonCaptionStyled: 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 SSISecondaryButtonContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSISecondaryButtonCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -1,10 +1,3 @@
-/// <reference types="react" />
-export declare const SSIStatusLabelContainerStyled: 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 SSIStatusLabelStatusCaptionStyled: 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>>;
-export declare const SSIStatusLabelBadgeContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SSIStatusLabelContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSIStatusLabelStatusCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSIStatusLabelBadgeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const SSITabViewContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SSITabViewContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
-import { styled } from 'styled-components';
+import styled from 'styled-components';
 export const SSITabViewContainerStyled = styled.div `
   display: flex;
   flex-direction: column;

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

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-export declare const SSITabViewHeaderContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITabViewHeaderTitleContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITabViewHeaderTitleCaptionStyled: 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 SSITabViewHeaderContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITabViewHeaderTitleContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITabViewHeaderTitleCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,5 +1,5 @@
-import { styled } from 'styled-components';
-import { SSITextH3Styled } from '../../../fonts/index.js';
+import styled from 'styled-components';
+import { SSITextH3Styled } from '../../../fonts';
 export const SSITabViewHeaderContainerStyled = styled.div `
   display: flex;
   flex-direction: row;