@sphereon/ui-components.core 0.1.3-unstable.86 → 0.1.3-unstable.88

package/dist/index.d.ts

@@ -2,5 +2,4 @@ import Localization from './localization/Localization';
 export * from './utils';
 export * from './types';
 export * from './styles';
-export * from './regex';
 export { Localization };

package/dist/index.js

@@ -23,4 +23,3 @@ exports.Localization = Localization_1["default"];
 __exportStar(require("./utils"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./styles"), exports);
-__exportStar(require("./regex"), exports);

package/dist/styles/ssi/colors.d.ts

@@ -1,5 +1,5 @@
-import { LabelStatus } from '../../types';
-type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight' | 'lightGrey';
+import { GradientProperties, LabelStatus } from '../../types';
+type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight' | 'lightGrey' | 'orange';
 export declare const backgroundColors: Record<BackgroundColor, string>;
 type CredentialCardColor = 'default';
 export declare const credentialCardColors: Record<CredentialCardColor, string>;
@@ -8,8 +8,8 @@ export declare const logoColors: Record<LogoColor, string>;
 export declare const statusColors: Record<LabelStatus | 'error', string>;
 type FontColor = 'dark' | 'light' | 'secondaryButton' | 'greyedOut' | 'lightGrey';
 export declare const fontColors: Record<FontColor, string>;
-type Gradient = 100 | 200;
-export declare const gradientColors: Record<Gradient, string>;
+type HighLightGradient = 100 | 200;
+export declare const gradientsColors: Record<HighLightGradient, GradientProperties>;
 type Border = 'dark' | 'light' | 'lightGrey';
 export declare const borderColors: Record<Border, string>;
 type Profile = 100 | 200 | 300 | 400 | 500;
@@ -17,7 +17,9 @@ export declare const profileColors: Record<Profile, string>;
 type Alerts = 'primaryLight' | 'secondaryLight';
 export declare const alertColors: Record<Alerts, string>;
 type SelectionElement = 'primaryDark' | 'primaryBorderDark';
-export declare const selectionElements: Record<SelectionElement, string>;
-type Element = 'blue' | 'lightGrey' | 'purple';
-export declare const elements: Record<Element, string>;
+export declare const selectionElementColors: Record<SelectionElement, string>;
+type Element = 'blue' | 'lightGrey' | 'purple' | 100 | 200;
+export declare const elementColors: Record<Element, string>;
+type Button = 100;
+export declare const buttonColors: Record<Button, string>;
 export {};

package/dist/styles/ssi/colors.js

@@ -1,12 +1,13 @@
 "use strict";
 exports.__esModule = true;
-exports.elements = exports.selectionElements = exports.alertColors = exports.profileColors = exports.borderColors = exports.gradientColors = exports.fontColors = exports.statusColors = exports.logoColors = exports.credentialCardColors = exports.backgroundColors = void 0;
+exports.buttonColors = exports.elementColors = exports.selectionElementColors = exports.alertColors = exports.profileColors = exports.borderColors = exports.gradientsColors = exports.fontColors = exports.statusColors = exports.logoColors = exports.credentialCardColors = exports.backgroundColors = void 0;
 exports.backgroundColors = {
     primaryDark: '#202537',
     secondaryDark: '#2C334B',
     primaryLight: '#FBFBFB',
     secondaryLight: '#E3E3FF',
-    lightGrey: '#E3E3E3'
+    lightGrey: '#E3E3E3',
+    orange: '#D74500'
 };
 exports.credentialCardColors = {
     "default": '#5BDED2'
@@ -35,9 +36,15 @@ exports.fontColors = {
     greyedOut: '#8F8F8F',
     lightGrey: '#8D9099'
 };
-exports.gradientColors = {
-    100: 'linear-gradient(135deg, #7276f7 0%, #7c40e8 100%)',
-    200: 'linear-gradient(135deg, #F90 0%, #EE5309 100%)'
+exports.gradientsColors = {
+    100: {
+        primaryColor: '#7276F7',
+        secondaryColor: '#7C40E8'
+    },
+    200: {
+        primaryColor: '#FF9900',
+        secondaryColor: '#EE5309'
+    }
 };
 exports.borderColors = {
     dark: '#404D7A',
@@ -55,12 +62,17 @@ exports.alertColors = {
     primaryLight: '#FBFBFB',
     secondaryLight: '#EBEBEB'
 };
-exports.selectionElements = {
+exports.selectionElementColors = {
     primaryDark: '#0B81FF',
     primaryBorderDark: '#FBFBFB'
 };
-exports.elements = {
+exports.elementColors = {
     blue: '#0B81FF',
     lightGrey: '#C4C4C4',
-    purple: '#7276F7'
+    purple: '#7276F7',
+    100: '#F25409',
+    200: '#f78854'
+};
+exports.buttonColors = {
+    100: '#8B1900'
 };

package/dist/styles/ssi/typography.d.ts

@@ -1,7 +1,7 @@
-export type FontSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+export type FontSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 64;
 export declare const fontSize: Record<FontSize, number>;
-export type LineHeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+export type LineHeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 64;
 export declare const lineHeight: Record<LineHeight, number>;
 export type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export declare const fontWeight: Record<FontWeight, FontWeight>;
-export type FontStyle = 'h0SemiBold' | 'h1Regular' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7SemiBold';
+export type FontStyle = 'h0SemiBold' | 'h1Regular' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7SemiBold' | 'Regular64';

package/dist/styles/ssi/typography.js

@@ -9,7 +9,8 @@ exports.fontSize = {
     500: 14,
     600: 16,
     700: 24,
-    800: 36
+    800: 36,
+    64: 64
 };
 exports.lineHeight = {
     100: 13.5,
@@ -19,7 +20,8 @@ exports.lineHeight = {
     500: 21,
     600: 24,
     700: 34,
-    800: 54
+    800: 54,
+    64: 64
 };
 exports.fontWeight = {
     normal: 'normal',

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

@@ -1,3 +1,7 @@
 export declare enum OpacityStyleEnum {
     DISABLED = 0.5
 }
+export type GradientProperties = {
+    primaryColor: string;
+    secondaryColor: string;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.core",
   "private": false,
-  "version": "0.1.3-unstable.86+17f20ad",
+  "version": "0.1.3-unstable.88+92d8e95",
   "description": "SSI UI components Core",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": ">= 16.8.0"
   },
-  "gitHead": "17f20ada90d3dddb04d4391b72ab4d874dc5dcc6"
+  "gitHead": "92d8e95292119f0430bb734eb343d8cdd01643be"
 }

package/dist/regex/index.d.ts

@@ -1 +0,0 @@
-export declare const EMAIL_ADDRESS_VALIDATION_REGEX: RegExp;

package/dist/regex/index.js

@@ -1,4 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.EMAIL_ADDRESS_VALIDATION_REGEX = void 0;
-exports.EMAIL_ADDRESS_VALIDATION_REGEX = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;