@sphereon/ui-components.ssi-react 0.4.1-unstable.86 → 0.4.1-unstable.88

package/dist/components/fields/JSONForms/ColorPickerControl/index.js

@@ -1,22 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { optionIs, rankWith } from '@jsonforms/core';
 import { withJsonFormsControlProps } from '@jsonforms/react';
+import { elementColors } from '@sphereon/ui-components.core';
 import { MuiColorInput, MuiColorInputButton } from 'mui-color-input';
 import { JsonFormsCustomControlKey } from '../../../../types';
 const ColorPickerControl = (props) => {
-    const { data = 'var(--color-aqua-500)', handleChange, path, format = 'hex', isAlphaHidden = true } = props;
+    const { data = elementColors.purple, handleChange, path, format = 'hex', isAlphaHidden = true } = props;
     const onValueChange = async (value) => {
         handleChange(path, value);
     };
     const getAdornmentElement = (props) => {
         return _jsx(MuiColorInputButton, { ...props, sx: {
-                width: 'w-[46px]',
-                height: 'w-[90px]',
-                borderRadius: 'var(--border-radius-3)',
-                border: '1px solid var(--color-grey-300)'
+                width: 46,
+                height: 30,
+                borderRadius: '6px',
+                border: `1px solid ${elementColors.lightGrey}`
             } });
     };
-    return (_jsx(MuiColorInput, { className: "flex flex-grow", format: format, value: data, onChange: onValueChange, isAlphaHidden: isAlphaHidden, Adornment: getAdornmentElement }));
+    return (_jsx(MuiColorInput, { format: format, value: data, onChange: onValueChange, isAlphaHidden: isAlphaHidden, Adornment: getAdornmentElement, style: { display: 'flex' } }));
 };
 export const colorPickerControlTester = rankWith(4, optionIs('type', JsonFormsCustomControlKey.COLOR_PICKER));
 export default withJsonFormsControlProps(ColorPickerControl);

package/dist/styles/css/tailwind.css

@@ -216,12 +216,6 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
-  .w-\[46px\] {
-    width: 46px;
-  }
-  .w-\[90px\] {
-    width: 90px;
-  }
   .w-\[var\(--button-width\)\] {
     width: var(--button-width);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.4.1-unstable.86+728cd63",
+  "version": "0.4.1-unstable.88+4aca76e",
   "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": "^8.18.0",
     "@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.86+728cd63",
+    "@sphereon/ui-components.core": "0.4.1-unstable.88+4aca76e",
     "@tanstack/react-table": "^8.9.3",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
@@ -72,5 +72,5 @@
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "728cd631c79783d0310869062591a8c773ed984f"
+  "gitHead": "4aca76e22d2de645e0c207f7c279937c76954de5"
 }