@sphereon/ui-components.ssi-react 0.4.1-unstable.76 → 0.4.1-unstable.78

package/dist/components/assets/icons/UX/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export type Props = {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+};
+declare const UXIcon: FC<Props>;
+export default UXIcon;

package/dist/components/assets/icons/UX/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fontColors } from '@sphereon/ui-components.core';
+const UXIcon = (props) => {
+    const { size = 25, color = fontColors.lightGrey, style } = props;
+    const iconAspectRatio = 1;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { width, height, ...style }, children: _jsx("svg", { width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M22.0664 0.100586C23.295 0.100586 24.2998 1.10542 24.2998 2.33398V22.0664C24.2998 23.295 23.295 24.2998 22.0664 24.2998H2.33398C1.10542 24.2998 0.100586 23.295 0.100586 22.0664V2.33398C0.100586 1.10542 1.10542 0.100586 2.33398 0.100586H22.0664ZM1.36719 22.0664C1.36719 22.5978 1.80255 23.0332 2.33398 23.0332H22.0664C22.5978 23.0332 23.0332 22.5978 23.0332 22.0664V5.63379H1.36719V22.0664ZM13 17.7002C13.3486 17.7002 13.6338 17.9854 13.6338 18.334V21C13.6338 21.3486 13.3486 21.6338 13 21.6338H3.40039C3.05183 21.6338 2.7666 21.3486 2.7666 21V18.334C2.7666 17.9854 3.05183 17.7002 3.40039 17.7002H13ZM21 7.0332C21.3486 7.0332 21.6338 7.31843 21.6338 7.66699V21C21.6338 21.3486 21.3486 21.6338 21 21.6338H15.667C15.3184 21.6338 15.0332 21.3486 15.0332 21V7.66699C15.0332 7.31843 15.3184 7.0332 15.667 7.0332H21ZM16.2998 20.3672H20.3672V8.2998H16.2998V20.3672ZM4.0332 20.3672H12.3672V18.9668H4.0332V20.3672ZM13 7.0332C13.3486 7.0332 13.6338 7.31843 13.6338 7.66699V15.667C13.6337 16.0155 13.3485 16.2998 13 16.2998H3.40039C3.05187 16.2998 2.76667 16.0155 2.7666 15.667V7.66699C2.7666 7.31843 3.05183 7.0332 3.40039 7.0332H13ZM4.0332 15.0332H12.3672V8.2998H4.0332V15.0332ZM2.33398 1.36719C1.80255 1.36719 1.36719 1.80255 1.36719 2.33398V4.36719H23.0332V2.33398C23.0332 1.80255 22.5978 1.36719 22.0664 1.36719H2.33398ZM2.86719 2.2334C3.03105 2.23348 3.2002 2.29604 3.31543 2.42773H3.31445C3.43651 2.55189 3.5 2.70832 3.5 2.86719C3.49991 3.02777 3.43528 3.18581 3.31055 3.31055C3.18581 3.43528 3.02777 3.49991 2.86719 3.5C2.7065 3.5 2.54767 3.43537 2.42285 3.31055C2.29822 3.18583 2.23349 3.0277 2.2334 2.86719C2.2334 2.7086 2.29633 2.55179 2.41797 2.42773L2.46387 2.38184C2.57579 2.28149 2.72363 2.2334 2.86719 2.2334ZM7.13379 2.2334C7.29767 2.23346 7.46678 2.29603 7.58203 2.42773H7.58105C7.70313 2.5519 7.7666 2.7083 7.7666 2.86719C7.76651 3.02777 7.70189 3.18581 7.57715 3.31055C7.4524 3.43528 7.29438 3.49993 7.13379 3.5C6.9731 3.5 6.81427 3.43537 6.68945 3.31055C6.56484 3.18584 6.50009 3.02768 6.5 2.86719C6.5 2.70861 6.56296 2.55178 6.68457 2.42773L6.73047 2.38184C6.84239 2.28147 6.99022 2.2334 7.13379 2.2334ZM4.89355 2.25977C5.0798 2.23415 5.28656 2.29606 5.43555 2.41504L5.44434 2.42285L5.52637 2.52246C5.59712 2.62722 5.63379 2.7467 5.63379 2.86719V2.97363C5.63377 2.99662 5.62814 3.01568 5.62402 3.02734C5.62081 3.03645 5.6148 3.04997 5.61328 3.05371C5.60881 3.06489 5.60646 3.07162 5.60645 3.08008C5.60645 3.12604 5.58462 3.16159 5.57031 3.18066C5.55537 3.20053 5.5364 3.21848 5.52441 3.23047C5.52369 3.23119 5.52325 3.23182 5.5166 3.24512C5.50992 3.25849 5.49657 3.28465 5.4707 3.31055C5.45868 3.32257 5.44004 3.34135 5.41992 3.35645C5.40701 3.36613 5.38629 3.37713 5.36035 3.38477C5.3451 3.39543 5.33366 3.40495 5.3252 3.40918C5.3119 3.41583 5.31127 3.41725 5.31055 3.41797C5.2502 3.478 5.17893 3.47365 5.13379 3.47363H4.91992C4.89701 3.47359 4.87785 3.46797 4.86621 3.46387C4.85693 3.46058 4.84325 3.4545 4.83984 3.45312C4.82861 3.44863 4.822 3.44727 4.81348 3.44727C4.76908 3.44725 4.73362 3.42494 4.71875 3.41602C4.69867 3.40397 4.68536 3.39515 4.66504 3.38477C4.63985 3.37706 4.61909 3.36593 4.60645 3.35645C4.5865 3.34141 4.5676 3.32248 4.55566 3.31055C4.4312 3.18587 4.36727 3.02758 4.36719 2.86719V2.75977C4.36726 2.73692 4.37286 2.71766 4.37695 2.70605C4.3803 2.69665 4.38644 2.68282 4.3877 2.67969C4.39214 2.66855 4.39355 2.6618 4.39355 2.65332C4.39362 2.60746 4.41638 2.57276 4.43066 2.55371C4.44575 2.53362 4.46456 2.51493 4.47656 2.50293C4.47724 2.5023 4.47833 2.50133 4.48438 2.48926C4.49105 2.47591 4.50342 2.44876 4.5293 2.42285C4.5413 2.41085 4.55999 2.39204 4.58008 2.37695C4.59198 2.36803 4.61071 2.35742 4.63379 2.34961C4.65287 2.3357 4.67099 2.32653 4.68652 2.32031C4.70734 2.31199 4.71915 2.30773 4.73926 2.29785C4.76298 2.28052 4.78698 2.27049 4.81055 2.26562L4.89355 2.25977Z", fill: color, stroke: color, "stroke-width": "0.171429" }) }) }));
+};
+export default UXIcon;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ButtonIcon, fontColors, OpacityStyleEnum } from '@sphereon/ui-components.core';
-import SSIAddIcon from '../../assets/icons/SSIAddIcon';
+import SSIAddIcon from '../../assets/icons/Add';
 import { PrimaryButtonContainerStyled as Container, SSITextH3LightStyled as Caption } from '../../../styles';
 const PrimaryButton = (props) => {
     const { caption, icon, onClick, style } = props;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ButtonIcon, OpacityStyleEnum } from '@sphereon/ui-components.core';
-import SSIAddIcon from '../../assets/icons/SSIAddIcon';
+import SSIAddIcon from '../../assets/icons/Add';
 import { SecondaryButtonCaptionStyled as Caption, SecondaryButtonContainerStyled as Container } from '../../../styles';
 import { gradientColors } from '../../../styles/colors';
 const SecondaryButton = (props) => {

package/dist/components/fields/FileSelection/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getFileSizeDisplay, Localization } from '@sphereon/ui-components.core';
 import ComboBox from '../ComboBox';
-import DocumentIcon from '../../assets/icons/DocumentIcon';
-import ImageIcon from '../../assets/icons/ImageIcon';
-import CrossIcon from '../../assets/icons/CrossIcon';
+import DocumentIcon from '../../assets/icons/Document';
+import ImageIcon from '../../assets/icons/Image';
+import CrossIcon from '../../assets/icons/Cross';
 import { FileSelectionFieldContainerStyled as Container, FileSelectionFieldContentContainerStyled as ContentContainer, FileSelectionFieldRemoveContainerStyled as RemoveContainer, FileSelectionFieldRemoveButtonStyled as RemoveButton, FileSelectionFieldRemoveButtonCircleIconStyled as RemoveButtonCircleIcon, FileSelectionFieldIconContainerStyled as IconContainer, FileSelectionFieldFileDataContainerStyled as FileDataContainer, FileSelectionFieldFileNameCaptionStyled as FileNameCaption, FileSelectionFieldFileSizeCaptionStyled as FileSizeCaption, FileSelectionFieldPermissionSelectionContainerStyled as PermissionSelectionContainer, } from '../../../styles';
 import { FileSelectionFieldType } from '../../../types';
 const filePermissions = [

package/dist/components/lists/Listbox/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Listbox as HeadlessListbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/react';
-import ChevronIcon from '../../assets/icons/ChevronIcon';
+import ChevronIcon from '../../assets/icons/Chevron';
 const Listbox = (props) => {
     const { items, anchor = 'bottom', showChevron = true, menuTitle, style } = props;
     const [selected, setSelected] = useState(props.items?.[0]);

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RoleType } from '@sphereon/ui-components.core';
 import RoleIconView from '../RoleIconView';
-import ManIcon from '../../assets/icons/ManIcon';
-import CapitolIcon from '../../assets/icons/CapitolIcon';
-import StoreIcon from '../../assets/icons/StoreIcon';
-import LaptopIcon from '../../assets/icons/LaptopIcon';
+import ManIcon from '../../assets/icons/Man';
+import CapitolIcon from '../../assets/icons/Capitol';
+import StoreIcon from '../../assets/icons/Store';
+import LaptopIcon from '../../assets/icons/Laptop';
 const RoleViewItem = (props) => {
     const { role, accountName } = props;
     return (_jsxs("div", { className: `

package/dist/index.d.ts

@@ -6,9 +6,9 @@ import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
 import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
 import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
 import SSILogo from './components/assets/logos/SSILogo';
-import SSIAddIcon from './components/assets/icons/SSIAddIcon';
-import SSIFilterIcon from './components/assets/icons/SSIFilterIcon';
-import SSIArrowDownIcon from './components/assets/icons/SSIArrowDownIcon';
+import SSIAddIcon from './components/assets/icons/Add';
+import SSIFilterIcon from './components/assets/icons/Filter';
+import SSIArrowDownIcon from './components/assets/icons/ArrowDown';
 import SSITypeLabel from './components/labels/SSITypeLabel';
 import IconButton from './components/buttons/IconButton';
 import PrimaryButton from './components/buttons/PrimaryButton';
@@ -17,21 +17,21 @@ import SSITableView from './components/views/SSITableView';
 import SSITableViewHeader from './components/views/SSITableView/SSITableViewHeader';
 import SSITabView from './components/views/SSITabView';
 import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
-import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
+import SSIProfileIcon from './components/assets/icons/Profile';
 import SecondaryButton from './components/buttons/SecondaryButton';
 import SSICheckbox from './components/fields/SSICheckbox';
 import SSIActivityIndicator from './components/indicators/SSIActivityIndicator';
 import SSIHoverText from './components/fields/SSIHoverText';
 import ProgressStepIndicator from './components/indicators/ProgressStepIndicator';
 import StepMarker from './components/assets/markers/StepMarker';
-import DocumentIcon from './components/assets/icons/DocumentIcon';
-import CrossIcon from './components/assets/icons/CrossIcon';
-import ImageIcon from './components/assets/icons/ImageIcon';
-import MeatBallsIcon from './components/assets/icons/MeatBallsIcon';
-import PencilIcon from './components/assets/icons/PencilIcon';
-import ViewIcon from './components/assets/icons/ViewIcon';
-import CopyIcon from './components/assets/icons/CopyIcon';
-import DeleteIcon from './components/assets/icons/DeleteIcon';
+import DocumentIcon from './components/assets/icons/Document';
+import CrossIcon from './components/assets/icons/Cross';
+import ImageIcon from './components/assets/icons/Image';
+import MeatBallsIcon from './components/assets/icons/MeatBalls';
+import PencilIcon from './components/assets/icons/Pencil';
+import ViewIcon from './components/assets/icons/View';
+import CopyIcon from './components/assets/icons/Copy';
+import DeleteIcon from './components/assets/icons/Delete';
 import FileSelection from './components/fields/FileSelection';
 import ComboBox from './components/fields/ComboBox';
 import DragAndDropBox from './components/fields/DragAndDropBox';
@@ -48,18 +48,18 @@ import WarningImage from './components/assets/images/WarningImage';
 import FormView from './components/views/FormView';
 import InformationRequestView from './components/views/InformationRequestView';
 import ContactViewItem from './components/views/ContactViewItem';
-import CapitolIcon from './components/assets/icons/CapitolIcon';
-import ChevronIcon from './components/assets/icons/ChevronIcon';
-import ManIcon from './components/assets/icons/ManIcon';
-import LaptopIcon from './components/assets/icons/LaptopIcon';
-import StoreIcon from './components/assets/icons/StoreIcon';
+import CapitolIcon from './components/assets/icons/Capitol';
+import ChevronIcon from './components/assets/icons/Chevron';
+import ManIcon from './components/assets/icons/Man';
+import LaptopIcon from './components/assets/icons/Laptop';
+import StoreIcon from './components/assets/icons/Store';
 import RoleIconView from './components/views/RoleIconView';
 import RoleViewItem from './components/views/RoleViewItem';
 import Listbox from './components/lists/Listbox';
-import ActivityIcon from './components/assets/icons/ActivityIcon';
-import ContactIcon from './components/assets/icons/ContactIcon';
-import BellIcon from './components/assets/icons/BellIcon';
-import CredentialIcon from './components/assets/icons/CredentialIcon';
+import ActivityIcon from './components/assets/icons/Activity';
+import ContactIcon from './components/assets/icons/Contact';
+import BellIcon from './components/assets/icons/Bell';
+import CredentialIcon from './components/assets/icons/Credential';
 import { Row } from '@tanstack/react-table';
 import './styles/css/tailwind.css';
 import './components/views/FormView/styles.css';

package/dist/index.js

@@ -6,9 +6,9 @@ import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
 import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
 import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
 import SSILogo from './components/assets/logos/SSILogo';
-import SSIAddIcon from './components/assets/icons/SSIAddIcon';
-import SSIFilterIcon from './components/assets/icons/SSIFilterIcon';
-import SSIArrowDownIcon from './components/assets/icons/SSIArrowDownIcon';
+import SSIAddIcon from './components/assets/icons/Add';
+import SSIFilterIcon from './components/assets/icons/Filter';
+import SSIArrowDownIcon from './components/assets/icons/ArrowDown';
 import SSITypeLabel from './components/labels/SSITypeLabel';
 import IconButton from './components/buttons/IconButton';
 import PrimaryButton from './components/buttons/PrimaryButton';
@@ -17,21 +17,21 @@ import SSITableView from './components/views/SSITableView';
 import SSITableViewHeader from './components/views/SSITableView/SSITableViewHeader';
 import SSITabView from './components/views/SSITabView';
 import SSITabViewHeader from './components/views/SSITabView/SSITabViewHeader';
-import SSIProfileIcon from './components/assets/icons/SSIProfileIcon';
+import SSIProfileIcon from './components/assets/icons/Profile';
 import SecondaryButton from './components/buttons/SecondaryButton';
 import SSICheckbox from './components/fields/SSICheckbox';
 import SSIActivityIndicator from './components/indicators/SSIActivityIndicator';
 import SSIHoverText from './components/fields/SSIHoverText';
 import ProgressStepIndicator from './components/indicators/ProgressStepIndicator';
 import StepMarker from './components/assets/markers/StepMarker';
-import DocumentIcon from './components/assets/icons/DocumentIcon';
-import CrossIcon from './components/assets/icons/CrossIcon';
-import ImageIcon from './components/assets/icons/ImageIcon';
-import MeatBallsIcon from './components/assets/icons/MeatBallsIcon';
-import PencilIcon from './components/assets/icons/PencilIcon';
-import ViewIcon from './components/assets/icons/ViewIcon';
-import CopyIcon from './components/assets/icons/CopyIcon';
-import DeleteIcon from './components/assets/icons/DeleteIcon';
+import DocumentIcon from './components/assets/icons/Document';
+import CrossIcon from './components/assets/icons/Cross';
+import ImageIcon from './components/assets/icons/Image';
+import MeatBallsIcon from './components/assets/icons/MeatBalls';
+import PencilIcon from './components/assets/icons/Pencil';
+import ViewIcon from './components/assets/icons/View';
+import CopyIcon from './components/assets/icons/Copy';
+import DeleteIcon from './components/assets/icons/Delete';
 import FileSelection from './components/fields/FileSelection';
 import ComboBox from './components/fields/ComboBox';
 import DragAndDropBox from './components/fields/DragAndDropBox';
@@ -48,18 +48,18 @@ import WarningImage from './components/assets/images/WarningImage';
 import FormView from './components/views/FormView';
 import InformationRequestView from './components/views/InformationRequestView';
 import ContactViewItem from './components/views/ContactViewItem';
-import CapitolIcon from './components/assets/icons/CapitolIcon';
-import ChevronIcon from './components/assets/icons/ChevronIcon';
-import ManIcon from './components/assets/icons/ManIcon';
-import LaptopIcon from './components/assets/icons/LaptopIcon';
-import StoreIcon from './components/assets/icons/StoreIcon';
+import CapitolIcon from './components/assets/icons/Capitol';
+import ChevronIcon from './components/assets/icons/Chevron';
+import ManIcon from './components/assets/icons/Man';
+import LaptopIcon from './components/assets/icons/Laptop';
+import StoreIcon from './components/assets/icons/Store';
 import RoleIconView from './components/views/RoleIconView';
 import RoleViewItem from './components/views/RoleViewItem';
 import Listbox from './components/lists/Listbox';
-import ActivityIcon from './components/assets/icons/ActivityIcon';
-import ContactIcon from './components/assets/icons/ContactIcon';
-import BellIcon from './components/assets/icons/BellIcon';
-import CredentialIcon from './components/assets/icons/CredentialIcon';
+import ActivityIcon from './components/assets/icons/Activity';
+import ContactIcon from './components/assets/icons/Contact';
+import BellIcon from './components/assets/icons/Bell';
+import CredentialIcon from './components/assets/icons/Credential';
 import './styles/css/tailwind.css';
 import './components/views/FormView/styles.css';
 import '@sphereon/ui-components.core/dist/styles/tokens.css';

package/dist/utils/IconUtils.js

@@ -1,13 +1,13 @@
 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';
+import SSIAddIcon from '../components/assets/icons/Add';
+import SSIArrowDownIcon from '../components/assets/icons/ArrowDown';
+import MeatBallsIcon from '../components/assets/icons/MeatBalls';
+import CopyIcon from '../components/assets/icons/Copy';
+import DeleteIcon from '../components/assets/icons/Delete';
+import SSIFilterIcon from '../components/assets/icons/Filter';
+import PencilIcon from '../components/assets/icons/Pencil';
+import ViewIcon from '../components/assets/icons/View';
 export const getIcon = (icon, color = fontColors.dark) => {
     switch (icon) {
         case ButtonIcon.ADD:

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.4.1-unstable.76+023c737",
+  "version": "0.4.1-unstable.78+9aeab96",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -50,7 +50,7 @@
     "@mui/x-date-pickers": "^6.19.5",
     "@sphereon/ssi-sdk.data-store": "0.34.1-feature.SSISDK.45.94",
     "@sphereon/ssi-types": "0.34.1-feature.SSISDK.45.94",
-    "@sphereon/ui-components.core": "0.4.1-unstable.76+023c737",
+    "@sphereon/ui-components.core": "0.4.1-unstable.78+9aeab96",
     "@tanstack/react-table": "^8.9.3",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
@@ -71,5 +71,5 @@
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "023c7379ca3d20a4e453d259e40c5ce7dff8fe81"
+  "gitHead": "9aeab9661e1817da60b8b80723ff6523aad2fec1"
 }