@sphereon/ui-components.core 0.3.1-unstable.5 → 0.4.1-next.10

package/dist/styles/tokens.css

@@ -0,0 +1,49 @@
+: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-4: 1rem; /* 16px */
+
+    --color-grey-50: #FBFBFB;
+    --color-grey-600: #727272;
+    --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 */
+
+    --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/utils/DateUtils.d.ts

@@ -6,4 +6,5 @@ export declare const DATE_FORMAT_OPTIONS: {
 };
 export declare const toLocalDateTimeString: (date: number) => string;
 export declare const toLocalDateString: (date: number) => string;
+export declare const formatDate: (date: number) => number;
 export declare const makeEpochMilli: (date: number) => number;

package/dist/utils/DateUtils.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.makeEpochMilli = exports.toLocalDateString = exports.toLocalDateTimeString = exports.DATE_FORMAT_OPTIONS = exports.EPOCH_MILLISECONDS = void 0;
+exports.makeEpochMilli = exports.formatDate = exports.toLocalDateString = exports.toLocalDateTimeString = exports.DATE_FORMAT_OPTIONS = exports.EPOCH_MILLISECONDS = void 0;
 var Localization_1 = __importDefault(require("../localization/Localization"));
 exports.EPOCH_MILLISECONDS = 1000;
 exports.DATE_FORMAT_OPTIONS = {
@@ -23,11 +23,11 @@ exports.DATE_FORMAT_OPTIONS = {
     day: 'numeric'
 };
 var toLocalDateTimeString = function (date) {
-    return new Date(formatDate(date)).toLocaleString(Localization_1["default"].getLocale(), __assign(__assign({}, exports.DATE_FORMAT_OPTIONS), { hour: 'numeric', minute: 'numeric', second: 'numeric' }));
+    return new Date((0, exports.formatDate)(date)).toLocaleString(Localization_1["default"].getLocale(), __assign(__assign({}, exports.DATE_FORMAT_OPTIONS), { hour: 'numeric', minute: 'numeric', second: 'numeric' }));
 };
 exports.toLocalDateTimeString = toLocalDateTimeString;
 var toLocalDateString = function (date) {
-    return new Date(formatDate(date)).toLocaleDateString(Localization_1["default"].getLocale(), exports.DATE_FORMAT_OPTIONS);
+    return new Date((0, exports.formatDate)(date)).toLocaleDateString(Localization_1["default"].getLocale(), exports.DATE_FORMAT_OPTIONS);
 };
 exports.toLocalDateString = toLocalDateString;
 var formatDate = function (date) {
@@ -38,6 +38,7 @@ var formatDate = function (date) {
     }
     return epoch;
 };
+exports.formatDate = formatDate;
 var makeEpochMilli = function (date) {
     if (!isEpochMilli(date)) {
         date = date * exports.EPOCH_MILLISECONDS;
@@ -49,7 +50,7 @@ var isEpochMilli = function (date) {
     return date.toString().length > 10;
 };
 var removeFractionalPart = function (date) {
-    if (date.toString().includes('.')) {
+    if (date.toString().indexOf('.') >= 0) {
         return Number(date.toString().split('.')[0]);
     }
     return date;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.core",
   "private": false,
-  "version": "0.3.1-unstable.5+14fb900",
+  "version": "0.4.1-next.10+8822e2f",
   "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",
@@ -39,7 +46,7 @@
     "typescript": "4.9.5"
   },
   "peerDependencies": {
-    "react": ">= 18"
+    "react": ">= 18.2"
   },
-  "gitHead": "14fb900e9a7fffa91ed70500402d470afa5aa5b3"
+  "gitHead": "8822e2f4d5c44e88f67caee45ef92e08c8777e8e"
 }