@sphereon/ui-components.ssi-react 0.2.1-unstable.20 → 0.2.1-unstable.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/assets/icons/PencilIcon/index.d.ts +8 -0
  2. package/dist/components/assets/icons/PencilIcon/index.js +7 -0
  3. package/dist/components/buttons/IconButton/index.js +4 -1
  4. package/dist/index.d.ts +4 -3
  5. package/dist/index.js +3 -1
  6. package/package.json +3 -3
package/dist/components/assets/icons/PencilIcon/index.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { CSSProperties, FC } from 'react';
2
+ export type Props = {
3
+ size?: number;
4
+ color?: string;
5
+ style?: CSSProperties;
6
+ };
7
+ declare const PencilIcon: FC<Props>;
8
+ export default PencilIcon;
package/dist/components/assets/icons/PencilIcon/index.js ADDED
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { fontColors } from '@sphereon/ui-components.core';
3
+ const PencilIcon = (props) => {
4
+ const { size = 18, color = fontColors.dark, style } = props;
5
+ return (_jsx("div", { style: { ...style, width: size, height: size, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M2.31294 17.953L5.45728 17.1188C5.71399 17.0513 5.9485 16.9105 6.13529 16.7119L16.5848 5.62715C17.1708 5.00553 17.5 4.16233 17.5 3.2832C17.5 2.40407 17.1708 1.56087 16.5848 0.939102C15.9896 0.336436 15.1982 0 14.3752 0C13.5522 0 12.7608 0.336436 12.1656 0.939102L1.71247 12.0224C1.5257 12.2205 1.39308 12.4688 1.32888 12.7407L0.543408 16.0762C0.434942 16.5376 0.53224 17.0264 0.807378 17.4019C1.08266 17.7773 1.50519 17.998 1.95343 18C2.0746 18.0001 2.19534 17.9844 2.3129 17.9532L2.31294 17.953ZM11.6618 3.34385L14.3151 6.15839L5.6098 15.3929L2.95655 12.5774L11.6618 3.34385ZM14.3742 1.29089C14.8719 1.29089 15.349 1.50057 15.7009 1.87373C16.0527 2.24704 16.2504 2.75317 16.2504 3.28108C16.2504 3.80884 16.0527 4.3151 15.7009 4.68827L15.2006 5.21899L12.5457 2.40623L13.046 1.87551C13.3971 1.49983 13.8756 1.28926 14.3742 1.29089ZM1.75661 16.4004L2.36287 13.8274L4.43498 16.0263L2.00676 16.6657C1.93543 16.6868 1.85921 16.6643 1.80826 16.6074C1.75758 16.5531 1.7379 16.4743 1.75661 16.4004Z", fill: color }) }) }));
6
+ };
7
+ export default PencilIcon;
package/dist/components/buttons/IconButton/index.js CHANGED
@@ -6,6 +6,7 @@ import SSIArrowDownIcon from '../../assets/icons/SSIArrowDownIcon';
6
6
  import MeatBallsIcon from '../../assets/icons/MeatBallsIcon';
7
7
  import DeleteIcon from '../../assets/icons/DeleteIcon';
8
8
  import { IconButtonContainerStyled as Container, SSITextH3Styled as Caption } from '../../../styles';
9
+ import { PencilIcon } from '../../../index';
9
10
  const IconButton = (props) => {
10
11
  const { caption, icon, iconColor = fontColors.dark } = props;
11
12
  const disabled = typeof props.disabled === 'function' ? props.disabled() : props.disabled ?? false;
@@ -26,8 +27,10 @@ const getIcon = (icon, color) => {
26
27
  return _jsx(SSIArrowDownIcon, { color: color });
27
28
  case ButtonIcon.MEATBALLS:
28
29
  return _jsx(MeatBallsIcon, { color: color });
30
+ case ButtonIcon.EDIT:
31
+ return _jsx(PencilIcon, { color: color });
29
32
  case ButtonIcon.DELETE:
30
- return _jsx(DeleteIcon, { color: color, width: 15, height: 16 });
33
+ return _jsx(DeleteIcon, { color: color });
31
34
  case ButtonIcon.FILTER:
32
35
  return _jsx(SSIFilterIcon, { color: color });
33
36
  default:
package/dist/index.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer';
2
2
  import SSIStatusLabel from './components/labels/SSIStatusLabel';
3
3
  import SSICredentialCardView from './components/views/SSICredentialCardView';
4
- import CredentialMiniCardView from './components/views/CredentialMiniCardView';
5
- import { CredentialMiniCardViewProps } from './components/views/CredentialMiniCardView';
4
+ import CredentialMiniCardView, { CredentialMiniCardViewProps } from './components/views/CredentialMiniCardView';
6
5
  import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
7
6
  import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
8
7
  import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
@@ -28,6 +27,8 @@ import StepMarker from './components/assets/markers/StepMarker';
28
27
  import DocumentIcon from './components/assets/icons/DocumentIcon';
29
28
  import CrossIcon from './components/assets/icons/CrossIcon';
30
29
  import ImageIcon from './components/assets/icons/ImageIcon';
30
+ import MeatBallsIcon from './components/assets/icons/MeatBallsIcon';
31
+ import PencilIcon from './components/assets/icons/PencilIcon';
31
32
  import FileSelection from './components/fields/FileSelection';
32
33
  import ComboBox from './components/fields/ComboBox';
33
34
  import DragAndDropBox from './components/fields/DragAndDropBox';
@@ -46,4 +47,4 @@ export * from './styles/fonts';
46
47
  export * from './types';
47
48
  export * from './helpers';
48
49
  export * from './utils';
49
- export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, Row, DocumentIcon, CrossIcon, ImageIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView };
50
+ export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, Row, DocumentIcon, CrossIcon, ImageIcon, MeatBallsIcon, PencilIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, };
package/dist/index.js CHANGED
@@ -27,6 +27,8 @@ import StepMarker from './components/assets/markers/StepMarker';
27
27
  import DocumentIcon from './components/assets/icons/DocumentIcon';
28
28
  import CrossIcon from './components/assets/icons/CrossIcon';
29
29
  import ImageIcon from './components/assets/icons/ImageIcon';
30
+ import MeatBallsIcon from './components/assets/icons/MeatBallsIcon';
31
+ import PencilIcon from './components/assets/icons/PencilIcon';
30
32
  import FileSelection from './components/fields/FileSelection';
31
33
  import ComboBox from './components/fields/ComboBox';
32
34
  import DragAndDropBox from './components/fields/DragAndDropBox';
@@ -44,4 +46,4 @@ export * from './styles/fonts';
44
46
  export * from './types';
45
47
  export * from './helpers';
46
48
  export * from './utils';
47
- export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, DocumentIcon, CrossIcon, ImageIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView };
49
+ export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, DocumentIcon, CrossIcon, ImageIcon, MeatBallsIcon, PencilIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sphereon/ui-components.ssi-react",
3
3
  "private": false,
4
- "version": "0.2.1-unstable.20+b55962f",
4
+ "version": "0.2.1-unstable.21+e493895",
5
5
  "description": "SSI UI components for React",
6
6
  "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
7
7
  "author": "Sphereon <dev@sphereon.com>",
@@ -40,7 +40,7 @@
40
40
  "@mui/styled-engine-sc": "^5.14.12",
41
41
  "@mui/system": "^5.15.12",
42
42
  "@mui/x-date-pickers": "^6.19.5",
43
- "@sphereon/ui-components.core": "0.2.1-unstable.20+b55962f",
43
+ "@sphereon/ui-components.core": "0.2.1-unstable.21+e493895",
44
44
  "@tanstack/react-table": "^8.9.3",
45
45
  "react-json-tree": "^0.18.0",
46
46
  "react-loader-spinner": "5.4.5",
@@ -59,5 +59,5 @@
59
59
  "peerDependencies": {
60
60
  "react": ">= 18"
61
61
  },
62
- "gitHead": "b55962f342a7c4df6bdbc21ca6ddc7cb4c4458be"
62
+ "gitHead": "e493895f41d05d32787d26e9cdb42da55d614834"
63
63
  }