@sphereon/ui-components.core 0.1.3-unstable.87 → 0.1.3-unstable.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/styles/ssi/colors.d.ts +9 -7
  2. package/dist/styles/ssi/colors.js +20 -8
  3. package/dist/styles/ssi/typography.d.ts +3 -3
  4. package/dist/styles/ssi/typography.js +4 -2
  5. package/dist/types/style/index.d.ts +4 -0
  6. package/package.json +2 -2
package/dist/styles/ssi/colors.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { LabelStatus } from '../../types';
2
- type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight' | 'lightGrey';
1
+ import { GradientProperties, LabelStatus } from '../../types';
2
+ type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight' | 'lightGrey' | 'orange';
3
3
  export declare const backgroundColors: Record<BackgroundColor, string>;
4
4
  type CredentialCardColor = 'default';
5
5
  export declare const credentialCardColors: Record<CredentialCardColor, string>;
@@ -8,8 +8,8 @@ export declare const logoColors: Record<LogoColor, string>;
8
8
  export declare const statusColors: Record<LabelStatus | 'error', string>;
9
9
  type FontColor = 'dark' | 'light' | 'secondaryButton' | 'greyedOut' | 'lightGrey';
10
10
  export declare const fontColors: Record<FontColor, string>;
11
- type Gradient = 100 | 200;
12
- export declare const gradientColors: Record<Gradient, string>;
11
+ type HighLightGradient = 100 | 200;
12
+ export declare const gradientsColors: Record<HighLightGradient, GradientProperties>;
13
13
  type Border = 'dark' | 'light' | 'lightGrey';
14
14
  export declare const borderColors: Record<Border, string>;
15
15
  type Profile = 100 | 200 | 300 | 400 | 500;
@@ -17,7 +17,9 @@ export declare const profileColors: Record<Profile, string>;
17
17
  type Alerts = 'primaryLight' | 'secondaryLight';
18
18
  export declare const alertColors: Record<Alerts, string>;
19
19
  type SelectionElement = 'primaryDark' | 'primaryBorderDark';
20
- export declare const selectionElements: Record<SelectionElement, string>;
21
- type Element = 'blue' | 'lightGrey' | 'purple';
22
- export declare const elements: Record<Element, string>;
20
+ export declare const selectionElementColors: Record<SelectionElement, string>;
21
+ type Element = 'blue' | 'lightGrey' | 'purple' | 100 | 200;
22
+ export declare const elementColors: Record<Element, string>;
23
+ type Button = 100;
24
+ export declare const buttonColors: Record<Button, string>;
23
25
  export {};
package/dist/styles/ssi/colors.js CHANGED
@@ -1,12 +1,13 @@
1
1
  "use strict";
2
2
  exports.__esModule = true;
3
- exports.elements = exports.selectionElements = exports.alertColors = exports.profileColors = exports.borderColors = exports.gradientColors = exports.fontColors = exports.statusColors = exports.logoColors = exports.credentialCardColors = exports.backgroundColors = void 0;
3
+ 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;
4
4
  exports.backgroundColors = {
5
5
  primaryDark: '#202537',
6
6
  secondaryDark: '#2C334B',
7
7
  primaryLight: '#FBFBFB',
8
8
  secondaryLight: '#E3E3FF',
9
- lightGrey: '#E3E3E3'
9
+ lightGrey: '#E3E3E3',
10
+ orange: '#D74500'
10
11
  };
11
12
  exports.credentialCardColors = {
12
13
  "default": '#5BDED2'
@@ -35,9 +36,15 @@ exports.fontColors = {
35
36
  greyedOut: '#8F8F8F',
36
37
  lightGrey: '#8D9099'
37
38
  };
38
- exports.gradientColors = {
39
- 100: 'linear-gradient(135deg, #7276f7 0%, #7c40e8 100%)',
40
- 200: 'linear-gradient(135deg, #F90 0%, #EE5309 100%)'
39
+ exports.gradientsColors = {
40
+ 100: {
41
+ primaryColor: '#7276F7',
42
+ secondaryColor: '#7C40E8'
43
+ },
44
+ 200: {
45
+ primaryColor: '#FF9900',
46
+ secondaryColor: '#EE5309'
47
+ }
41
48
  };
42
49
  exports.borderColors = {
43
50
  dark: '#404D7A',
@@ -55,12 +62,17 @@ exports.alertColors = {
55
62
  primaryLight: '#FBFBFB',
56
63
  secondaryLight: '#EBEBEB'
57
64
  };
58
- exports.selectionElements = {
65
+ exports.selectionElementColors = {
59
66
  primaryDark: '#0B81FF',
60
67
  primaryBorderDark: '#FBFBFB'
61
68
  };
62
- exports.elements = {
69
+ exports.elementColors = {
63
70
  blue: '#0B81FF',
64
71
  lightGrey: '#C4C4C4',
65
- purple: '#7276F7'
72
+ purple: '#7276F7',
73
+ 100: '#F25409',
74
+ 200: '#f78854'
75
+ };
76
+ exports.buttonColors = {
77
+ 100: '#8B1900'
66
78
  };
package/dist/styles/ssi/typography.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- export type FontSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
1
+ export type FontSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 64;
2
2
  export declare const fontSize: Record<FontSize, number>;
3
- export type LineHeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
3
+ export type LineHeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 64;
4
4
  export declare const lineHeight: Record<LineHeight, number>;
5
5
  export type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
6
6
  export declare const fontWeight: Record<FontWeight, FontWeight>;
7
- export type FontStyle = 'h0SemiBold' | 'h1Regular' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7SemiBold';
7
+ export type FontStyle = 'h0SemiBold' | 'h1Regular' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7SemiBold' | 'Regular64';
package/dist/styles/ssi/typography.js CHANGED
@@ -9,7 +9,8 @@ exports.fontSize = {
9
9
  500: 14,
10
10
  600: 16,
11
11
  700: 24,
12
- 800: 36
12
+ 800: 36,
13
+ 64: 64
13
14
  };
14
15
  exports.lineHeight = {
15
16
  100: 13.5,
@@ -19,7 +20,8 @@ exports.lineHeight = {
19
20
  500: 21,
20
21
  600: 24,
21
22
  700: 34,
22
- 800: 54
23
+ 800: 54,
24
+ 64: 64
23
25
  };
24
26
  exports.fontWeight = {
25
27
  normal: 'normal',
package/dist/types/style/index.d.ts CHANGED
@@ -1,3 +1,7 @@
1
1
  export declare enum OpacityStyleEnum {
2
2
  DISABLED = 0.5
3
3
  }
4
+ export type GradientProperties = {
5
+ primaryColor: string;
6
+ secondaryColor: string;
7
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sphereon/ui-components.core",
3
3
  "private": false,
4
- "version": "0.1.3-unstable.87+cb45970",
4
+ "version": "0.1.3-unstable.94+aebd863",
5
5
  "description": "SSI UI components Core",
6
6
  "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
7
7
  "author": "Sphereon <dev@sphereon.com>",
@@ -43,5 +43,5 @@
43
43
  "peerDependencies": {
44
44
  "react": ">= 16.8.0"
45
45
  },
46
- "gitHead": "cb45970a463cd17da535e89b7097f50e2ee800cd"
46
+ "gitHead": "aebd8630a5a3dc51cd3381cee8b64b9147845aae"
47
47
  }