@gadagi/design-system 1.0.3 → 1.0.4

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/theme/interfaces/theme.interface.ts +1 -4
  3. package/src/tokens/colors.ts +44 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gadagi/design-system",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "description": "Design system for gadagi micro-frontends",
5
5
  "main": "src/index.ts",
6
6
  "module": "src/index.ts",
package/src/theme/interfaces/theme.interface.ts CHANGED
@@ -1,7 +1,4 @@
1
-
2
- import { UserPreferences } from '@gadagi/types';
3
-
4
- export type Theme = UserPreferences['theme'];
1
+ export type Theme = 'light' | 'dark' | 'system';
5
2
 
6
3
  export interface ThemeContextValue {
7
4
  theme: Theme;
package/src/tokens/colors.ts CHANGED
@@ -2,44 +2,74 @@
2
2
  primary: {
3
3
  50: '#f0f0ff',
4
4
  100: '#e6e6ff',
5
+ 200: '#ccc9ff',
6
+ 300: '#b3acff',
7
+ 400: '#998fff',
5
8
  500: '#4a3fb5', // WCAG compliant version of #5447c7
6
9
  600: '#4235a3',
7
10
  700: '#3a2c91',
11
+ 800: '#32247f',
8
12
  900: '#2a1f5f',
9
13
  },
10
14
  neutral: {
11
15
  50: '#f8fafc',
12
16
  100: '#ebedef', // Your lightColor
13
17
  200: '#e2e8f0',
18
+ 300: '#cbd5e1',
14
19
  400: '#94a3b8',
20
+ 500: '#64748b',
15
21
  600: '#4b5463', // Your darkColor
22
+ 700: '#374151',
16
23
  800: '#1e293b',
17
24
  900: '#0f172a',
18
25
  },
19
- error: {
20
- 50: '#fef2f2',
21
- 100: '#fee2e2',
22
- 500: '#ef4444',
23
- 600: '#dc2626',
24
- 700: '#b91c1c',
25
- 800: '#991b1b',
26
- 900: '#7f1d1d',
27
- },
28
26
  success: {
29
- 500: '#2fb855', // WCAG compliant version of #36cd69
27
+ 50: '#f0fdf4',
30
28
  100: '#dcfce7',
29
+ 200: '#bbf7d0',
30
+ 300: '#86efac',
31
+ 400: '#4ade80',
32
+ 500: '#2fb855', // WCAG compliant version of #36cd69
33
+ 600: '#16a34a',
34
+ 700: '#15803d',
35
+ 800: '#166534',
36
+ 900: '#14532d',
31
37
  },
32
38
  warning: {
33
- 500: '#e6a110', // WCAG compliant version of #f9b115
39
+ 50: '#fffbeb',
34
40
  100: '#fef3c7',
41
+ 200: '#fde68a',
42
+ 300: '#fcd34d',
43
+ 400: '#fbbf24',
44
+ 500: '#e6a110', // WCAG compliant version of #f9b115
45
+ 600: '#d97706',
46
+ 700: '#b45309',
47
+ 800: '#92400e',
48
+ 900: '#78350f',
35
49
  },
36
- danger: {
37
- 500: '#dc4c4c', // WCAG compliant version of #e55353
50
+ danger: {
51
+ 50: '#fef2f2',
38
52
  100: '#fee2e2',
53
+ 200: '#fecaca',
54
+ 300: '#fca5a5',
55
+ 400: '#f87171',
56
+ 500: '#dc4c4c', // WCAG compliant version of #e55353
57
+ 600: '#dc2626',
58
+ 700: '#b91c1c',
59
+ 800: '#991b1b',
60
+ 900: '#7f1d1d',
39
61
  },
40
62
  info: {
41
- 500: '#2d7fd8', // WCAG compliant version of #3090f1
63
+ 50: '#eff6ff',
42
64
  100: '#dbeafe',
65
+ 200: '#bfdbfe',
66
+ 300: '#93c5fd',
67
+ 400: '#60a5fa',
68
+ 500: '#2d7fd8', // WCAG compliant version of #3090f1
69
+ 600: '#2563eb',
70
+ 700: '#1d4ed8',
71
+ 800: '#1e40af',
72
+ 900: '#1e3a8a',
43
73
  },
44
74
  light: '#ebedef', // Your lightColor
45
75
  dark: '#4b5463', // Your darkColor