@sphereon/ui-components.core 0.4.1-unstable.13 → 0.4.1-unstable.133

package/dist/styles/ssi/css/index.d.ts

@@ -1 +1,2 @@
-export declare const SSIRoundedEdgesCss: import("styled-components").RuleSet<object>;
+import { RuleSet } from 'styled-components';
+export declare const SSIRoundedEdgesCss: RuleSet<object>;

package/dist/styles/tokens.css

@@ -11,9 +11,12 @@
     --spacing-0_5: 0.125rem; /* 2px */
     --spacing-1: 0.25rem; /* 4px */
     --spacing-1_5: 0.375rem; /* 6px */
+    --spacing-2: 0.5rem; /* 8px */
     --spacing-4: 1rem; /* 16px */
 
     --color-grey-50: #FBFBFB;
+    --color-grey-100: #F2F2F2;
+    --color-grey-300: #C4C4C4;
     --color-grey-600: #727272;
     --color-grey-800: #303030;
     --color-grey-900: #0A0D12;
@@ -30,6 +33,19 @@
 
     --color-pending-500: #0B81FF; /* FIXME UXDS-21 token name should be updated in figma design */
 
+    --color-purple-50: #E7DEFB;
+
+    --color-spring-green-500: #12D57B;
+
+    --color-aqua-500: #2CD5C5;
+
+    /* Role color mappings */
+    --color-holder: var(--color-selenas-500);
+    --color-issuer: var(--color-magenta-500);
+    --color-relying-party: var(--color-spring-green-500);
+    --color-admin: var(--color-aqua-500);
+
+
     --font-family: 'Poppins';
 
     --font-size-1: 0.625rem; /* 10px */

package/dist/types/tab/index.d.ts

@@ -7,6 +7,6 @@ export type TabViewRoute = TabRoute & {
     content: ComponentType<unknown>;
 };
 export type TabNavigationState = {
-    index: number;
+    activeRoute: string;
     routes: Array<TabViewRoute>;
 };

package/dist/utils/ColorUtils.d.ts

@@ -0,0 +1,6 @@
+type OpaqueColorValue = symbol & {
+    __TYPE__: 'Color';
+};
+export type ColorValue = string | OpaqueColorValue;
+export declare const parseColor: (color?: ColorValue) => string;
+export {};

package/dist/utils/ColorUtils.js

@@ -0,0 +1,23 @@
+"use strict";
+exports.__esModule = true;
+exports.parseColor = void 0;
+var parseColor = function (color) {
+    if (!color || typeof color !== 'string') {
+        return 'currentColor';
+    }
+    var trimmed = color.trim();
+    if (!trimmed) {
+        return 'currentColor';
+    }
+    if (trimmed.startsWith('--')) {
+        return "var(".concat(trimmed, ")");
+    }
+    if (trimmed.startsWith('$')) {
+        return "var(--".concat(trimmed.slice(1), ")");
+    }
+    if (trimmed.includes('.') && !trimmed.includes('(')) {
+        return "var(--".concat(trimmed.replace(/\./g, '-'), ")");
+    }
+    return trimmed;
+};
+exports.parseColor = parseColor;

package/dist/utils/index.d.ts

@@ -4,3 +4,4 @@ export * from './TranslationUtils';
 export * from './UserUtils';
 export * from './FileUtils';
 export * from './TypeUtils';
+export * from './ColorUtils';

package/dist/utils/index.js

@@ -20,3 +20,4 @@ __exportStar(require("./TranslationUtils"), exports);
 __exportStar(require("./UserUtils"), exports);
 __exportStar(require("./FileUtils"), exports);
 __exportStar(require("./TypeUtils"), exports);
+__exportStar(require("./ColorUtils"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.core",
   "private": false,
-  "version": "0.4.1-unstable.13+8dc7ab2",
+  "version": "0.4.1-unstable.133+90bddc9",
   "description": "SSI UI components Core",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -48,5 +48,5 @@
   "peerDependencies": {
     "react": ">= 18.2"
   },
-  "gitHead": "8dc7ab24980dbda1babd244e782dc4edd8de6280"
+  "gitHead": "90bddc958fb2625419be8cd9f38cf9f61ed750f7"
 }