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

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

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

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

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
 import { SSITextH3Styled, SSITextH5Styled } from '../../../fonts/index.js';
 export const CredentialViewItemContainerStyled = styled(SSIFlexDirectionRowViewStyled) `

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

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

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

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

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

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
 import { SSITextH2Styled } from '../../../fonts/index.js';
 import { backgroundColors } from '@sphereon/ui-components.core';

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

@@ -1,4 +1,4 @@
-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';
 export const FileSelectionFieldContainerStyled = styled.div `

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

@@ -1,4 +1,4 @@
-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';
 export const JSONDataViewContainerStyled = styled.div `

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

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

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

@@ -1,4 +1,4 @@
-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';
 export const ProgressStepIndicatorContainerStyled = styled.div `

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

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { SSITextH4LightStyled } from '../../../fonts/index.js';
 import { SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
 export const SSICheckboxContainerStyled = styled(SSIFlexDirectionRowViewStyled) `

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

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers/index.js';
 import { SSITextH4SemiBoldLightStyled, SSITextH5LightStyled } from '../../../fonts/index.js';
 export const SSICredentialCardViewContainerStyled = styled(SSIRoundedContainerStyled) `

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

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

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.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.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { SSIRoundedContainerStyled } from '../../containers/index.js';
 import { gradientColors } from '../../../colors.js';
 export const SSIPrimaryButtonContainerStyled = styled(SSIRoundedContainerStyled) `

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

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { SSIRoundedContainerStyled } from '../../containers/index.js';
 import { SSITextH3Styled } from '../../../fonts/index.js';
 import { gradient100TextCss } from '../../../css/index.js';

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

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
 import { SSITextH5LightStyled } from '../../../fonts/index.js';
 export const SSIStatusLabelContainerStyled = styled(SSIFlexDirectionRowViewStyled) `

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.js

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

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

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

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

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

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.js

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

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

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

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/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/fonts/index.js

@@ -1,4 +1,4 @@
-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';
 export const SSITextH1Styled = styled.div `

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.1.3-unstable.174+58cab48",
+  "version": "0.1.3-unstable.176+be7400a",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -41,7 +41,7 @@
     "@mui/styled-engine-sc": "^5.14.12",
     "@mui/system": "^5.15.12",
     "@mui/x-date-pickers": "^6.19.5",
-    "@sphereon/ui-components.core": "0.1.3-unstable.174+58cab48",
+    "@sphereon/ui-components.core": "0.1.3-unstable.176+be7400a",
     "@tanstack/react-table": "^8.9.3",
     "react-json-tree": "^0.18.0",
     "react-loader-spinner": "^6.1.6",
@@ -59,5 +59,5 @@
     "react": ">= 18",
     "styled-components": "^6.1.8"
   },
-  "gitHead": "58cab483e859578515255bf5e0ff44cf7a2df743"
+  "gitHead": "be7400aa86b1c426f2de17a14c247638dbef1afc"
 }