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

package/dist/src/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 this color in the design has no token */
+    --color-grey-1100: #8D9099; /* FIXME 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-magenta-500: #F4003A;
+
+    --color-pending-500: #0B81FF; /* FIXME 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 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-unstable.2+64023ed",
   "description": "SSI UI components Core",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -12,7 +12,8 @@
     "Self-sovereign identity (SSI)"
   ],
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && pnpm run copy-css",
+    "copy-css": "cpy src/**/*.css dist --parents",
     "build:clean": "tsc --build --clean && tsc --build"
   },
   "source": "src/index.ts",
@@ -35,11 +36,12 @@
     "@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"
+    "react": ">= 18.2"
   },
-  "gitHead": "14fb900e9a7fffa91ed70500402d470afa5aa5b3"
+  "gitHead": "64023ed017c2754d1fcfef36d3f3dee0bf428777"
 }