@sphereon/ui-components.core 0.1.1 → 0.1.2-next.11

package/dist/localization/translations/en.json

@@ -6,5 +6,7 @@
     "credential_status_valid": "Valid",
     "credential_status_expired": "Expired",
     "credential_status_revoked": "Revoked",
-    "status_missing": "Unknown"
+    "status_missing": "Unknown",
+    "action_filter_caption": "Filter",
+    "action_show_caption": "Show:"
 }

package/dist/localization/translations/nl.json

@@ -6,5 +6,7 @@
     "credential_status_valid": "Geldig",
     "credential_status_expired": "Verlopen",
     "credential_status_revoked": "Ingetrokken",
-    "status_missing": "Onbekent"
+    "status_missing": "Onbekent",
+    "action_filter_caption": "Filter",
+    "action_show_caption": "Toon:"
 }

package/dist/styles/ssi/colors.d.ts

@@ -1,11 +1,17 @@
 import { LabelStatus } from '../../types';
-type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight';
+type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight' | 'lightGrey';
 export declare const backgroundColors: Record<BackgroundColor, string>;
 type CredentialCardColor = 'default';
 export declare const credentialCardColors: Record<CredentialCardColor, string>;
 type LogoColor = 'default';
 export declare const logoColors: Record<LogoColor, string>;
 export declare const statusColors: Record<LabelStatus | 'error', string>;
-type FontColor = 'dark' | 'light' | 'secondaryButton' | 'greyedOut';
+type FontColor = 'dark' | 'light' | 'secondaryButton' | 'greyedOut' | 'lightGrey';
 export declare const fontColors: Record<FontColor, string>;
+type Gradient = 100 | 200;
+export declare const gradientColors: Record<Gradient, string>;
+type Border = 'dark' | 'light' | 'lightGrey';
+export declare const borderColors: Record<Border, string>;
+type Profile = 100 | 200 | 300 | 400 | 500;
+export declare const profileColors: Record<Profile, string>;
 export {};

package/dist/styles/ssi/colors.js

@@ -1,11 +1,12 @@
 "use strict";
 exports.__esModule = true;
-exports.fontColors = exports.statusColors = exports.logoColors = exports.credentialCardColors = exports.backgroundColors = void 0;
+exports.profileColors = exports.borderColors = exports.gradientColors = exports.fontColors = exports.statusColors = exports.logoColors = exports.credentialCardColors = exports.backgroundColors = void 0;
 exports.backgroundColors = {
     primaryDark: '#202537',
     secondaryDark: '#2C334B',
     primaryLight: '#FBFBFB',
-    secondaryLight: '#E3E3FF'
+    secondaryLight: '#E3E3FF',
+    lightGrey: '#E3E3E3'
 };
 exports.credentialCardColors = {
     "default": '#5BDED2'
@@ -25,5 +26,22 @@ exports.fontColors = {
     dark: '#303030',
     light: '#FBFBFB',
     secondaryButton: '#7664F2',
-    greyedOut: '#8F8F8F'
+    greyedOut: '#8F8F8F',
+    lightGrey: '#8D9099'
+};
+exports.gradientColors = {
+    100: 'linear-gradient(135deg, #7276f7 0%, #7c40e8 100%)',
+    200: 'linear-gradient(135deg, #F90 0%, #EE5309 100%)'
+};
+exports.borderColors = {
+    dark: '#404D7A',
+    light: '#E3E3E3',
+    lightGrey: '#ACACAC'
+};
+exports.profileColors = {
+    100: '#EE5209',
+    200: '#FF9900',
+    300: '#5BDED3',
+    400: '#0B81FF',
+    500: '#BD2DFF'
 };

package/dist/styles/ssi/typography.d.ts

@@ -4,4 +4,4 @@ export type LineHeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
 export declare const lineHeight: Record<LineHeight, number>;
 export type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export declare const fontWeight: Record<FontWeight, FontWeight>;
-export type FontStyle = 'h0SemiBold' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7SemiBold';
+export type FontStyle = 'h0SemiBold' | 'h1Regular' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7SemiBold';

package/dist/utils/UserUtils.d.ts

@@ -0,0 +1 @@
+export declare const getInitials: (fullName: string) => string;

package/dist/utils/UserUtils.js

@@ -0,0 +1,26 @@
+"use strict";
+exports.__esModule = true;
+exports.getInitials = void 0;
+var getInitials = function (fullName) {
+    if (fullName && fullName.length > 0) {
+        var namePartsArray = fullName.trim().split(' ');
+        var firstInitial = '';
+        var lastInitial = '';
+        if (namePartsArray.length > 0) {
+            var firstName = namePartsArray[0];
+            if (firstName.length > 0) {
+                firstInitial = firstName[0];
+            }
+            if (namePartsArray.length > 1) {
+                var lastPart = namePartsArray[namePartsArray.length - 1];
+                if (lastPart.length > 0) {
+                    lastInitial = lastPart[0];
+                }
+            }
+        }
+        var initials = "".concat(firstInitial).concat(lastInitial);
+        return initials.toUpperCase();
+    }
+    return '?';
+};
+exports.getInitials = getInitials;

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './ImageUtils';
 export * from './DateUtils';
 export * from './TranslationUtils';
+export * from './UserUtils';

package/dist/utils/index.js

@@ -17,3 +17,4 @@ exports.__esModule = true;
 __exportStar(require("./ImageUtils"), exports);
 __exportStar(require("./DateUtils"), exports);
 __exportStar(require("./TranslationUtils"), exports);
+__exportStar(require("./UserUtils"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.core",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.2-next.11+1a44f32",
   "description": "SSI UI components Core",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": ">= 16.8.0"
   },
-  "gitHead": "067169b933897f36b96709293be6163ee21c317b"
+  "gitHead": "1a44f3296f14e9d6ede9349817dc380594956f14"
 }