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

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-export declare const SSITableViewContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITableViewLabelCellStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITableViewTableContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>>;
-export declare const SSITableViewHeaderRowContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>>;
-export declare const SSITableViewRowContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
+export declare const SSITableViewContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITableViewLabelCellStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITableViewTableContainerStyled: import("styled-components").StyledComponent<"table", any, {}, never>;
+export declare const SSITableViewHeaderRowContainerStyled: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export declare const SSITableViewRowContainerStyled: import("styled-components").StyledComponent<"tr", any, {
     enableHover?: boolean | undefined;
-}>>;
-export declare const SSITableViewCellContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>>;
-export declare const SSITableViewHeaderCellContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>>;
-export declare const SSITableViewResultCountCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const TableViewRowSelectionCheckboxContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+}, never>;
+export declare const SSITableViewCellContainerStyled: import("styled-components").StyledComponent<"td", any, {}, never>;
+export declare const SSITableViewHeaderCellContainerStyled: import("styled-components").StyledComponent<"th", any, {}, never>;
+export declare const SSITableViewResultCountCaptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableViewRowSelectionCheckboxContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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/index.js';
+import { SSITextH2Css, SSITextH3Css } from '../../../css';
 export const SSITableViewContainerStyled = styled.div `
   display: flex;
   flex-grow: 1;
@@ -27,13 +27,13 @@ export const SSITableViewRowContainerStyled = styled.tr `
   &:not(:last-child) {
     border-bottom: 1px solid ${borderColors.lightGrey};
   }
-
+  
   ${props => props.enableHover &&
     css `
-      &:hover {
-        background-color: #ececec; // TODO
-      }
-    `}
+        &:hover {
+          background-color: #ececec; // TODO
+        }
+      `}
 `;
 export const SSITableViewCellContainerStyled = styled.td `
   ${SSITextH3Css};

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

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

package/dist/styles/components/components/SSITableViewHeader/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 SSITableViewHeaderContainerStyled = styled.div `
   background-color: ${backgroundColors.primaryLight};

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

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

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

@@ -1,7 +1,7 @@
-import { styled } from 'styled-components';
+import styled from 'styled-components';
 import { alertColors } from '@sphereon/ui-components.core';
-import { SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers/index.js';
-import { SSITextH4Styled } from '../../../fonts/index.js';
+import { SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers';
+import { SSITextH4Styled } from '../../../fonts';
 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/SSIToastContainer/index.d.ts

@@ -1,4 +1,2 @@
 /// <reference types="react" />
-export declare const SSIToastContainerContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react-toastify").ToastContainerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-toastify").ToastContainerProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const SSIToastContainerContainerStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-toastify").ToastContainerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

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

@@ -1,4 +1,4 @@
-import { styled } from 'styled-components';
+import styled from 'styled-components';
 import { ToastContainer } from 'react-toastify';
 export const SSIToastContainerContainerStyled = styled(ToastContainer) `
   &.Toastify__toast-container {

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare const TextFieldInputContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextFieldInputInputStyled: import("styled-components").StyledComponent<"input", any, {}, never>;

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

@@ -0,0 +1,27 @@
+import { borderColors, fontColors } from '@sphereon/ui-components.core';
+import styled from 'styled-components';
+import { SSITextH2Css } from '../../../css';
+export const TextFieldInputContainerStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+`;
+export const TextFieldInputInputStyled = styled.input `
+  ${SSITextH2Css};
+  color: ${fontColors.dark};
+  display: flex;
+  padding: 12px 16px;
+  align-items: center;
+  border-radius: 4px;
+  border: 1px solid ${borderColors.lightGrey};
+  outline: none;
+  background-color: unset;
+  font-family: Poppins, serif;
+
+  &:focus {
+    border-color: ${borderColors.purple};
+  }
+
+  &:hover {
+    border-color: ${borderColors.purple};
+  }
+`;

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

@@ -1,4 +1 @@
-/// <reference types="react" />
-export declare const ButtonFlexRowStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, never>>;
+export declare const ButtonFlexRowStyled: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -1,4 +1,4 @@
-import { styled } from 'styled-components';
+import styled from 'styled-components';
 export const ButtonFlexRowStyled = styled('button') `
   flex-direction: row;
 `;

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

@@ -1,28 +1,29 @@
-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 './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';

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

@@ -1,28 +1,29 @@
-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 './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';

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

@@ -1,7 +1,4 @@
-/// <reference types="react" />
-export declare const SSIFlexDirectionRowViewStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSIFlexDirectionColumnViewStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSIAlphaContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").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").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
-export declare const SSIRoundedContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SSIFlexDirectionRowViewStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSIFlexDirectionColumnViewStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSIAlphaContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSIRoundedContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,4 @@
-import { styled } from 'styled-components';
+import styled from 'styled-components';
 import { SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
 export const SSIFlexDirectionRowViewStyled = styled.div `
   display: flex;

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

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

package/dist/styles/components/index.js

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

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

@@ -1,12 +1,12 @@
-export declare const SSITextH1Css: import("styled-components").RuleSet<object>;
-export declare const SSITextH1SemiBoldCss: import("styled-components").RuleSet<object>;
-export declare const SSITextH2Css: import("styled-components").RuleSet<object>;
-export declare const SSITextH2SemiBoldStyledCss: import("styled-components").RuleSet<object>;
-export declare const SSITextH3Css: import("styled-components").RuleSet<object>;
-export declare const SSITextH4Css: import("styled-components").RuleSet<object>;
-export declare const SSITextH4SemiBoldCss: import("styled-components").RuleSet<object>;
-export declare const SSITextH5Css: import("styled-components").RuleSet<object>;
-export declare const SSITextH6Css: import("styled-components").RuleSet<object>;
-export declare const SSITextH7RegularCss: import("styled-components").RuleSet<object>;
-export declare const SSITextH7SemiBoldCss: import("styled-components").RuleSet<object>;
-export declare const gradient100TextCss: import("styled-components").RuleSet<object>;
+export declare const SSITextH1Css: import("styled-components").FlattenSimpleInterpolation;
+export declare const SSITextH1SemiBoldCss: import("styled-components").FlattenSimpleInterpolation;
+export declare const SSITextH2Css: import("styled-components").FlattenSimpleInterpolation;
+export declare const SSITextH2SemiBoldStyledCss: import("styled-components").FlattenSimpleInterpolation;
+export declare const SSITextH3Css: import("styled-components").FlattenSimpleInterpolation;
+export declare const SSITextH4Css: import("styled-components").FlattenSimpleInterpolation;
+export declare const SSITextH4SemiBoldCss: import("styled-components").FlattenSimpleInterpolation;
+export declare const SSITextH5Css: import("styled-components").FlattenSimpleInterpolation;
+export declare const SSITextH6Css: import("styled-components").FlattenSimpleInterpolation;
+export declare const SSITextH7RegularCss: import("styled-components").FlattenSimpleInterpolation;
+export declare const SSITextH7SemiBoldCss: import("styled-components").FlattenSimpleInterpolation;
+export declare const gradient100TextCss: import("styled-components").FlattenSimpleInterpolation;

package/dist/styles/css/index.js

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

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

@@ -1,29 +1,16 @@
-/// <reference types="react" />
-export declare const SSITextH1Styled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITextH1SemiBoldStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITextH1SemiBoldLightStyled: 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 SSITextH2Styled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITextH2SemiBoldStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITextH3Styled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITextH3LightStyled: 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 SSITextH4Styled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITextH4SemiBoldStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITextH4LightStyled: 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 SSITextH4SemiBoldLightStyled: 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 SSITextH5Styled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITextH5LightStyled: 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 SSITextH6Styled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SSITextH6LightStyled: 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 SSITextH7RegularStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SSITextH1Styled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH1SemiBoldStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH1SemiBoldLightStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH2Styled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH2SemiBoldStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH3Styled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH3LightStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH4Styled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH4SemiBoldStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH4LightStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH4SemiBoldLightStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH5Styled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH5LightStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH6Styled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH6LightStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SSITextH7RegularStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/styles/fonts/index.js

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

package/dist/styles/index.d.ts

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

package/dist/styles/index.js

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

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
-export * from './button/index.js';
-export * from './table/index.js';
-export * from './toast/index.js';
-export * from './indicator/index.js';
-export * from './field/index.js';
-export * from './view/index.js';
+export * from './button';
+export * from './table';
+export * from './toast';
+export * from './indicator';
+export * from './field';
+export * from './view';

package/dist/types/index.js

@@ -1,6 +1,6 @@
-export * from './button/index.js';
-export * from './table/index.js';
-export * from './toast/index.js';
-export * from './indicator/index.js';
-export * from './field/index.js';
-export * from './view/index.js';
+export * from './button';
+export * from './table';
+export * from './toast';
+export * from './indicator';
+export * from './field';
+export * from './view';

package/dist/types/table/index.d.ts

@@ -1,6 +1,6 @@
 import { AccessorFn, DeepKeys } from '@tanstack/react-table';
-import { Button } from '../button/index.js';
-import { ValueSelection } from '../field/index.js';
+import { Button } from '../button';
+import { ValueSelection } from '../field';
 export declare enum TableCellType {
     TEXT = "text",
     LABEL = "label",

package/dist/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FileUtils.js';
-export * from './ImageUtils.js';
+export * from './FileUtils';
+export * from './ImageUtils';

package/dist/utils/index.js

@@ -1,2 +1,2 @@
-export * from './FileUtils.js';
-export * from './ImageUtils.js';
+export * from './FileUtils';
+export * from './ImageUtils';