@sphereon/ui-components.core 0.4.0 → 0.4.1-next.106

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

@@ -0,0 +1,66 @@
+:root {
+    --border-radius-1: 0.125rem;  /* 2px */
+    --border-radius-2: 0.25rem;   /* 4px */
+    --border-radius-3: 0.375rem;  /* 6px */
+    --border-radius-4: 0.5rem;    /* 8px */
+    --border-radius-6: 0.75rem;   /* 12px */
+    --border-radius-8: 1rem;      /* 16px */
+    --border-radius-12: 1.5rem;   /* 24px */
+    --border-radius-full: 50%;    /* full radius */
+
+    --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 */
+
+    --color-brand-50: #ECE4FC;
+
+    --color-selenas-500: #A92CD5;
+
+    --color-warning-500: #ED8E00; /* FIXME UXDS-21 token name should be updated in figma design */
+
+    --color-magenta-500: #F4003A;
+
+    --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 */
+    --font-size-4: 1rem; /* 16px */
+
+    --font-weight-regular: 400;
+
+    /* 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;
+
+    .font-1 {
+        font: var(--text-style-1);
+    }
+    .font-2 {
+        font: var(--text-style-2);
+    }
+}

package/dist/types/index.d.ts

@@ -7,3 +7,4 @@ export * from './tab';
 export * from './toast';
 export * from './style';
 export * from './base64';
+export * from './roles';

package/dist/types/index.js

@@ -23,3 +23,4 @@ __exportStar(require("./tab"), exports);
 __exportStar(require("./toast"), exports);
 __exportStar(require("./style"), exports);
 __exportStar(require("./base64"), exports);
+__exportStar(require("./roles"), exports);

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

@@ -0,0 +1,6 @@
+export declare enum RoleType {
+    HOLDER = "HOLDER",
+    ISSUER = "ISSUER",
+    RELYING_PARTY = "RELYING_PARTY",
+    ADMIN = "ADMIN"
+}

package/dist/types/roles/index.js

@@ -0,0 +1,10 @@
+"use strict";
+exports.__esModule = true;
+exports.RoleType = void 0;
+var RoleType;
+(function (RoleType) {
+    RoleType["HOLDER"] = "HOLDER";
+    RoleType["ISSUER"] = "ISSUER";
+    RoleType["RELYING_PARTY"] = "RELYING_PARTY";
+    RoleType["ADMIN"] = "ADMIN";
+})(RoleType = exports.RoleType || (exports.RoleType = {}));

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.0",
+  "version": "0.4.1-next.106+0bbf2e7",
   "description": "SSI UI components Core",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -12,9 +12,16 @@
     "Self-sovereign identity (SSI)"
   ],
   "scripts": {
-    "build": "tsc",
+    "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",
@@ -41,5 +48,5 @@
   "peerDependencies": {
     "react": ">= 18.2"
   },
-  "gitHead": "c63b21ea1ff8a2aef0b6de301d1a85143d9d8f8e"
+  "gitHead": "0bbf2e7286d9e0611f5b3111cdad7cad0ae44d08"
 }