@sphereon/ui-components.core 0.4.1-unstable.4 → 0.4.1-unstable.40

package/dist/{src/styles → styles}/tokens.css

@@ -15,19 +15,33 @@
 
     --color-grey-50: #FBFBFB;
     --color-grey-600: #727272;
+    --color-grey-800: #303030;
     --color-grey-900: #0A0D12;
-    --color-grey-1000: #ECECEC; /* FIXME this color in the design has no token */
-    --color-grey-1100: #8D9099; /* FIXME this color in the design has no token */
+    --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 */
 
     --color-brand-50: #ECE4FC;
 
     --color-selenas-500: #A92CD5;
 
-    --color-warning-500: #ED8E00; /* FIXME token name should be updated in figma design */
+    --color-warning-500: #ED8E00; /* FIXME UXDS-21 token name should be updated in figma design */
 
-    --color-magenta-500: #F4003A;
+    --color-magenta-500: #FF00FF;
+
+    --color-pending-500: #0B81FF; /* FIXME UXDS-21 token name should be updated in figma design */
+
+    --color-crimson-500: #F4003A;
+
+    --color-emerald-500: #12D57B;
+
+    --color-cyan-500: #2CD5C5;
+
+    /* Role color mappings */
+    --color-holder: var(--color-selenas-500);
+    --color-issuer: var(--color-crimson-500);
+    --color-relying-party: var(--color-emerald-500);
+    --color-admin: var(--color-cyan-500);
 
-    --color-pending-500: #0B81FF; /* FIXME token name should be updated in figma design */
 
     --font-family: 'Poppins';
 
@@ -36,7 +50,7 @@
 
     --font-weight-regular: 400;
 
-    /* FIXME temporary composite tokens until the tokens in figma have been fixed */
+    /* FIXME UXDS-21 temporary composite tokens until the tokens in figma have been fixed */
     --text-style-1: normal var(--font-weight-regular) var(--font-size-1)/1.5 var(--font-family), sans-serif;
     --text-style-2: normal var(--font-weight-regular) var(--font-size-4)/1.5 var(--font-family), sans-serif;
 

package/dist/utils/color.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/color.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 './color';

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("./color"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.core",
   "private": false,
-  "version": "0.4.1-unstable.4+0380e4c",
+  "version": "0.4.1-unstable.40+b606b86",
   "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": "0380e4c4176cc787948dc9f495933a1f24404036"
+  "gitHead": "b606b867ee371992040bc283d843a4beff75d5db"
 }