@sphereon/ui-components.ssi-react 0.1.3-unstable.23 → 0.1.3-unstable.24

package/dist/components/{views/SSILoaderView → assets/loaders/SSILoader}/index.d.ts

@@ -1,22 +1,21 @@
 import React from "react";
-interface SSILoaderScreenProps {
+interface SSILoaderProps {
     ariaLabel?: string;
     height?: number;
+    width?: number;
     color?: string;
     secondaryColor?: string;
     strokeWidth?: number;
     strokeWidthSecondary?: number;
-    timeout?: number;
     visible?: boolean;
-    width?: number;
     wrapperStyle?: {
         [key: string]: string;
     };
     wrapperClass?: string;
-    message?: string;
+    timeout?: number;
     callback: (state?: any) => Promise<void>;
 }
-export default class SSILoaderView extends React.Component<SSILoaderScreenProps, any> {
+export default class SSILoader extends React.Component<SSILoaderProps, any> {
     componentDidMount(): void;
     render(): JSX.Element;
 }

package/dist/components/assets/loaders/SSILoader/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Oval } from "react-loader-spinner";
+export default class SSILoader extends React.Component {
+    componentDidMount() {
+        setTimeout(async (state) => {
+            await this.props.callback(state);
+        }, this.props.timeout ?? 0);
+    }
+    render() {
+        return (_jsx(Oval, { ...this.props }));
+    }
+}

package/dist/index.d.ts

@@ -19,7 +19,7 @@ import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
 import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
 import SSISecondaryButton from './components/buttons/SSISecondaryButton';
 import SSICheckbox from './components/fields/SSICheckbox';
-import SSILoaderView from "./components/views/SSILoaderView";
+import SSILoader from "./components/assets/loaders/SSILoader";
 export * from './types';
 export * from './styles/components/fonts';
-export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSICheckbox, SSILoaderView };
+export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSICheckbox, SSILoader };

package/dist/index.js

@@ -19,7 +19,7 @@ import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
 import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
 import SSISecondaryButton from './components/buttons/SSISecondaryButton';
 import SSICheckbox from './components/fields/SSICheckbox';
-import SSILoaderView from "./components/views/SSILoaderView";
+import SSILoader from "./components/assets/loaders/SSILoader";
 export * from './types';
 export * from './styles/components/fonts';
-export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSICheckbox, SSILoaderView };
+export { SSICredentialCardView, SSICredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSICheckbox, SSILoader };

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

@@ -11,4 +11,3 @@ export * from './SSITableView';
 export * from './SSITabViewHeader';
 export * from './SSITabView';
 export * from './SSICheckbox';
-export * from './SSILoaderView';

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

@@ -11,4 +11,3 @@ export * from './SSITableView';
 export * from './SSITabViewHeader';
 export * from './SSITabView';
 export * from './SSICheckbox';
-export * from './SSILoaderView';

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

@@ -2,5 +2,3 @@ export declare const SSIFlexDirectionRowViewStyled: import("styled-components").
 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>;
-export declare const SSIBasicContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SSIBasicHorizontalCenterContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { SSIBackgroundPrimaryDarkColorCss, SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
+import { SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
 export const SSIFlexDirectionRowViewStyled = styled.div `
   display: flex;
   flex-direction: row;
@@ -16,10 +16,3 @@ export const SSIRoundedContainerStyled = styled.div `
   ${SSIRoundedEdgesCss};
   overflow: hidden;
 `;
-export const SSIBasicContainerStyled = styled.div `
-  flex: 1;
-  ${SSIBackgroundPrimaryDarkColorCss};
-`;
-export const SSIBasicHorizontalCenterContainerStyled = styled(SSIBasicContainerStyled) `
-  align-items: center;
-`;

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

@@ -1,6 +1,5 @@
 export declare const SSITextH1Styled: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const SSITextH2Styled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH2SemiBoldLightStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const SSITextH3Styled: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const SSITextH3LightStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const SSITextH4Styled: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -7,10 +7,6 @@ export const SSITextH1Styled = styled.span `
 export const SSITextH2Styled = styled.span `
   ${SSITextH2Css}
 `;
-export const SSITextH2SemiBoldLightStyled = styled(SSITextH2Styled) `
-  font-weight: 600;
-  color: ${fontColors.light}
-`;
 export const SSITextH3Styled = styled.span `
   ${SSITextH3Css}
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.1.3-unstable.23+4405bfe",
+  "version": "0.1.3-unstable.24+b4be06e",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -28,7 +28,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@sphereon/ui-components.core": "0.1.3-unstable.23+4405bfe",
+    "@sphereon/ui-components.core": "0.1.3-unstable.24+b4be06e",
     "@tanstack/react-table": "^8.9.3",
     "react-loader-spinner": "^5.4.5",
     "styled-components": "^5.3.3"
@@ -41,5 +41,5 @@
   "peerDependencies": {
     "react": ">= 16.8.0"
   },
-  "gitHead": "4405bfecf4002b54ea2aab365c16a509a5ac3766"
+  "gitHead": "b4be06eb6549343f0d9a20d625e3f2e484abc750"
 }

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

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { SSIBasicHorizontalCenterContainerStyled as Container, SSILoadingScreenActivityCaptionStyled as ActivityCaption, SSILoadingScreenActivityIndicatorContainerStyled as ActivityIndicatorContainer } from '../../../styles/components';
-import { Oval } from "react-loader-spinner";
-export default class SSILoaderView extends React.Component {
-    componentDidMount() {
-        setTimeout(async (state) => {
-            await this.props.callback(state);
-        }, this.props.timeout ?? 0);
-    }
-    render() {
-        return (_jsx(_Fragment, { children: _jsxs(Container, { children: [_jsx(ActivityIndicatorContainer, { children: _jsx(Oval, { ...this.props }) }), _jsx(ActivityCaption, { children: this.props.message })] }) }));
-    }
-}

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

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

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

@@ -1,8 +0,0 @@
-import styled from "styled-components";
-import { SSITextH2SemiBoldLightStyled } from "../../fonts";
-export const SSILoadingScreenActivityIndicatorContainerStyled = styled.div `
-  margin-top: 282px;
-`;
-export const SSILoadingScreenActivityCaptionStyled = styled(SSITextH2SemiBoldLightStyled) `
-  margin-top: 69px;
-`;