@sphereon/ui-components.core 0.4.1-unstable.6 → 0.4.1-unstable.61

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/{src/styles → styles}/tokens.css

@@ -11,10 +11,14 @@
     --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;
     --color-grey-1000: #ECECEC; /* FIXME UXDS-21 this color in the design has no token */
     --color-grey-1100: #8D9099; /* FIXME UXDS-21 this color in the design has no token */
@@ -29,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/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.6+93797eb",
+  "version": "0.4.1-unstable.61+468b647",
   "description": "SSI UI components Core",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -12,10 +12,16 @@
     "Self-sovereign identity (SSI)"
   ],
   "scripts": {
-    "build": "tsc && pnpm run copy-css",
-    "copy-css": "cpy src/**/*.css dist --parents",
+    "build": "pnpm run copy-css && tsc",
+    "copy-css": "copy-files-from-to",
     "build:clean": "tsc --build --clean && tsc --build"
   },
+  "copyFiles": [
+    {
+      "from": "src/**/*.css",
+      "to": "dist"
+    }
+  ],
   "source": "src/index.ts",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,12 +42,11 @@
     "@types/i18n-js": "^3.8.4",
     "@types/lodash.memoize": "^4.1.7",
     "@types/react": "~18.2.67",
-    "cpy-cli": "^5.0.0",
     "react": "18.2.0",
     "typescript": "4.9.5"
   },
   "peerDependencies": {
     "react": ">= 18.2"
   },
-  "gitHead": "93797ebbf287a1884ad23fd69dafd87f6edfdf43"
+  "gitHead": "468b6472102069b550cb776fbdf4f1b666ba7fd6"
 }