@sphereon/ui-components.ssi-react 0.2.1-next.5 → 0.2.1-next.72

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

@@ -0,0 +1,86 @@
+import styled from 'styled-components';
+import { SSITextH1Styled, SSITextH2Styled, SSITextH3Styled, SSITextH4Styled } from '../../../fonts';
+export const InformationRequestViewContainerStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  margin: 0 auto;
+  padding: 24px;
+`;
+export const InformationRequestViewContentContainerStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  width: 500px; /* FIXME */
+  margin-right: auto;
+`;
+export const InformationRequestViewHeaderContainerStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`;
+export const InformationRequestViewPurposeContainerStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 16px;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  background-color: #fbfbfb;
+`;
+export const InformationRequestViewTitleStyled = styled(SSITextH1Styled) `
+  text-align: left;
+  font-weight: bold;
+`;
+export const InformationRequestViewParagraphStyled = styled(SSITextH2Styled) `
+  text-align: left;
+  font-weight: bold;
+`;
+export const InformationRequestViewDescriptionStyled = styled(SSITextH3Styled) `
+  text-align: left;
+  font-weight: normal;
+`;
+export const InformationRequestViewSubSectionStyled = styled(SSITextH3Styled) `
+  text-align: left;
+  font-weight: bold;
+`;
+export const InformationRequestViewFormContainerStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 16px;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  background-color: #fbfbfb;
+`;
+export const InformationRequestViewFormTitleStyled = styled(SSITextH2Styled) `
+  text-align: left;
+`;
+export const InformationRequestViewFormDetailsContainerStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`;
+export const InformationRequestViewLogoContainerStyled = styled.div `
+  margin: 0 12px 0 9px;
+`;
+export const InformationRequestViewRPCardContainerStyled = styled.div `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+  padding: 16px;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  background-color: #ffffff;
+`;
+export const InformationRequestViewCardTextContainer = styled.div `
+  flex-grow: 1;
+`;
+export const InformationRequestViewCardTitle = styled(SSITextH4Styled) `
+  font-weight: bold;
+`;
+export const InformationRequestViewCardSubtitle = styled(SSITextH4Styled) `
+  font-weight: normal;
+  color: #555;
+`;

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

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

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

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { backgroundColors, borderColors, elementColors, fontColors } from '@sphereon/ui-components.core';
 import { SSITextH1SemiBoldStyled, SSITextH3Styled } from '../../../fonts';
-import { SSITextH2Css } from "../../../css";
+import { SSITextH2Css } from '../../../css';
 export const ProgressStepIndicatorContainerStyled = styled.div `
   background-color: ${backgroundColors.primaryLight};
   border-radius: 24px;
@@ -37,7 +37,7 @@ export const ProgressStepIndicatorSpacerLineCellStyled = styled.div `
 `;
 export const ProgressStepIndicatorTitleTextStyled = styled(SSITextH1SemiBoldStyled) `
   word-break: break-word;
-  
+
   display: flex;
   flex-direction: row;
   gap: 4px;

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

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

@@ -28,6 +28,7 @@ export const SecondaryButtonContainerStyled = styled(SSIRoundedContainerStyled)
     mask-composite: exclude;
   }
 `;
-export const SecondaryButtonCaptionStyled = styled(SSITextH3Styled) ` // FIXME H3 vs H2 mobile
+export const SecondaryButtonCaptionStyled = styled(SSITextH3Styled) `
+  // FIXME H3 vs H2 mobile
   ${gradient100TextCss}
 `;

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

@@ -27,3 +27,4 @@ export * from './Pagination';
 export * from './CredentialViewItem';
 export * from './JSONDataView';
 export * from './TextInputField';
+export * from './InformationRequestView';

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

@@ -27,3 +27,4 @@ export * from './Pagination';
 export * from './CredentialViewItem';
 export * from './JSONDataView';
 export * from './TextInputField';
+export * from './InformationRequestView';

package/dist/utils/IconUtils.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { ButtonIcon } from '@sphereon/ui-components.core';
+export declare const getIcon: (icon: ButtonIcon, color?: string) => ReactElement;

package/dist/utils/IconUtils.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ButtonIcon, fontColors } from '@sphereon/ui-components.core';
+import SSIAddIcon from '../components/assets/icons/SSIAddIcon';
+import SSIArrowDownIcon from '../components/assets/icons/SSIArrowDownIcon';
+import MeatBallsIcon from '../components/assets/icons/MeatBallsIcon';
+import CopyIcon from '../components/assets/icons/CopyIcon';
+import DeleteIcon from '../components/assets/icons/DeleteIcon';
+import SSIFilterIcon from '../components/assets/icons/SSIFilterIcon';
+import PencilIcon from '../components/assets/icons/PencilIcon';
+import ViewIcon from '../components/assets/icons/ViewIcon';
+export const getIcon = (icon, color = fontColors.dark) => {
+    switch (icon) {
+        case ButtonIcon.ADD:
+            return _jsx(SSIAddIcon, { color: color });
+        case ButtonIcon.ARROW_DOWN:
+            return _jsx(SSIArrowDownIcon, { color: color });
+        case ButtonIcon.MEATBALLS:
+            return _jsx(MeatBallsIcon, { color: color });
+        case ButtonIcon.EDIT:
+            return _jsx(PencilIcon, { color: color });
+        case ButtonIcon.COPY:
+            return _jsx(CopyIcon, { color: color });
+        case ButtonIcon.DELETE:
+            return _jsx(DeleteIcon, { color: color });
+        case ButtonIcon.FILTER:
+            return _jsx(SSIFilterIcon, { color: color });
+        case ButtonIcon.VIEW:
+            return _jsx(ViewIcon, { color: color });
+        default:
+            return _jsx("div", {});
+    }
+};

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.2.1-next.5+7dfff74",
+  "version": "0.2.1-next.72+c957534",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -40,7 +40,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.2.1-next.5+7dfff74",
+    "@sphereon/ui-components.core": "0.2.1-next.72+c957534",
     "@tanstack/react-table": "^8.9.3",
     "react-json-tree": "^0.18.0",
     "react-loader-spinner": "5.4.5",
@@ -59,5 +59,5 @@
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "7dfff74ece772339cf4dccfc6013ed4a7407ffa8"
+  "gitHead": "c9575341748aa22248c83f43b77ce04cc11005c0"
 }