@gadagi/design-system 1.0.4 → 1.0.6

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 (99) hide show
  1. package/dist/adi-design-system/components/Badge/Badge.d.ts +9 -0
  2. package/dist/adi-design-system/components/Badge/Badge.d.ts.map +1 -0
  3. package/dist/adi-design-system/components/Badge/index.d.ts +2 -0
  4. package/dist/adi-design-system/components/Badge/index.d.ts.map +1 -0
  5. package/dist/adi-design-system/components/Button/Button.d.ts +12 -0
  6. package/dist/adi-design-system/components/Button/Button.d.ts.map +1 -0
  7. package/dist/adi-design-system/components/Button/index.d.ts +3 -0
  8. package/dist/adi-design-system/components/Button/index.d.ts.map +1 -0
  9. package/dist/adi-design-system/components/Input/Input.d.ts +10 -0
  10. package/dist/adi-design-system/components/Input/Input.d.ts.map +1 -0
  11. package/dist/adi-design-system/components/Input/index.d.ts +2 -0
  12. package/dist/adi-design-system/components/Input/index.d.ts.map +1 -0
  13. package/dist/adi-design-system/index.d.ts +7 -0
  14. package/dist/adi-design-system/index.d.ts.map +1 -0
  15. package/dist/adi-design-system/index.js +1 -0
  16. package/dist/adi-design-system/theme/ThemeProvider.d.ts +10 -0
  17. package/dist/adi-design-system/theme/ThemeProvider.d.ts.map +1 -0
  18. package/dist/adi-design-system/theme/interfaces/theme.interface.d.ts +7 -0
  19. package/dist/adi-design-system/theme/interfaces/theme.interface.d.ts.map +1 -0
  20. package/dist/adi-design-system/theme/useTheme.d.ts +2 -0
  21. package/dist/adi-design-system/theme/useTheme.d.ts.map +1 -0
  22. package/dist/adi-design-system/tokens/colors.d.ts +75 -0
  23. package/dist/adi-design-system/tokens/colors.d.ts.map +1 -0
  24. package/dist/adi-design-system/tokens/index.d.ts +4 -0
  25. package/dist/adi-design-system/tokens/index.d.ts.map +1 -0
  26. package/dist/adi-design-system/tokens/spacing.d.ts +14 -0
  27. package/dist/adi-design-system/tokens/spacing.d.ts.map +1 -0
  28. package/dist/adi-design-system/tokens/typography.d.ts +22 -0
  29. package/dist/adi-design-system/tokens/typography.d.ts.map +1 -0
  30. package/dist/components/Badge/Badge.d.ts +9 -0
  31. package/dist/components/Badge/Badge.d.ts.map +1 -0
  32. package/dist/components/Badge/Badge.js +23 -0
  33. package/dist/components/Badge/Badge.js.map +1 -0
  34. package/dist/components/Badge/index.d.ts +2 -0
  35. package/dist/components/Badge/index.d.ts.map +1 -0
  36. package/dist/components/Badge/index.js +2 -0
  37. package/dist/components/Badge/index.js.map +1 -0
  38. package/dist/components/Button/Button.d.ts +12 -0
  39. package/dist/components/Button/Button.d.ts.map +1 -0
  40. package/dist/components/Button/Button.js +33 -0
  41. package/dist/components/Button/Button.js.map +1 -0
  42. package/dist/components/Button/index.d.ts +3 -0
  43. package/dist/components/Button/index.d.ts.map +1 -0
  44. package/dist/components/Button/index.js +2 -0
  45. package/dist/components/Button/index.js.map +1 -0
  46. package/dist/components/Input/Input.d.ts +10 -0
  47. package/dist/components/Input/Input.d.ts.map +1 -0
  48. package/dist/components/Input/Input.js +20 -0
  49. package/dist/components/Input/Input.js.map +1 -0
  50. package/dist/components/Input/index.d.ts +2 -0
  51. package/dist/components/Input/index.d.ts.map +1 -0
  52. package/dist/components/Input/index.js +2 -0
  53. package/dist/components/Input/index.js.map +1 -0
  54. package/dist/index.d.ts +7 -0
  55. package/dist/index.d.ts.map +1 -0
  56. package/dist/index.js +7 -0
  57. package/dist/index.js.map +1 -0
  58. package/dist/theme/ThemeProvider.d.ts +10 -0
  59. package/dist/theme/ThemeProvider.d.ts.map +1 -0
  60. package/dist/theme/ThemeProvider.js +12 -0
  61. package/dist/theme/ThemeProvider.js.map +1 -0
  62. package/dist/theme/interfaces/theme.interface.d.ts +6 -0
  63. package/dist/theme/interfaces/theme.interface.d.ts.map +1 -0
  64. package/dist/theme/interfaces/theme.interface.js +2 -0
  65. package/dist/theme/interfaces/theme.interface.js.map +1 -0
  66. package/dist/theme/useTheme.d.ts +2 -0
  67. package/dist/theme/useTheme.d.ts.map +1 -0
  68. package/dist/theme/useTheme.js +2 -0
  69. package/dist/theme/useTheme.js.map +1 -0
  70. package/dist/tokens/colors.d.ts +114 -0
  71. package/dist/tokens/colors.d.ts.map +1 -0
  72. package/dist/tokens/colors.js +115 -0
  73. package/dist/tokens/colors.js.map +1 -0
  74. package/dist/tokens/index.d.ts +4 -0
  75. package/dist/tokens/index.d.ts.map +1 -0
  76. package/{src/tokens/index.ts → dist/tokens/index.js} +3 -2
  77. package/dist/tokens/index.js.map +1 -0
  78. package/dist/tokens/spacing.d.ts +14 -0
  79. package/dist/tokens/spacing.d.ts.map +1 -0
  80. package/dist/tokens/spacing.js +14 -0
  81. package/dist/tokens/spacing.js.map +1 -0
  82. package/dist/tokens/typography.d.ts +22 -0
  83. package/dist/tokens/typography.d.ts.map +1 -0
  84. package/dist/tokens/typography.js +22 -0
  85. package/dist/tokens/typography.js.map +1 -0
  86. package/package.json +8 -10
  87. package/src/components/Badge/Badge.tsx +0 -37
  88. package/src/components/Badge/index.ts +0 -1
  89. package/src/components/Button/Button.tsx +0 -59
  90. package/src/components/Button/index.ts +0 -2
  91. package/src/components/Input/Input.tsx +0 -55
  92. package/src/components/Input/index.ts +0 -1
  93. package/src/index.ts +0 -6
  94. package/src/theme/ThemeProvider.tsx +0 -27
  95. package/src/theme/interfaces/theme.interface.ts +0 -6
  96. package/src/theme/useTheme.ts +0 -1
  97. package/src/tokens/colors.ts +0 -116
  98. package/src/tokens/spacing.ts +0 -13
  99. package/src/tokens/typography.ts +0 -21
@@ -1,116 +0,0 @@
1
- export const colors = {
2
- primary: {
3
- 50: '#f0f0ff',
4
- 100: '#e6e6ff',
5
- 200: '#ccc9ff',
6
- 300: '#b3acff',
7
- 400: '#998fff',
8
- 500: '#4a3fb5', // WCAG compliant version of #5447c7
9
- 600: '#4235a3',
10
- 700: '#3a2c91',
11
- 800: '#32247f',
12
- 900: '#2a1f5f',
13
- },
14
- neutral: {
15
- 50: '#f8fafc',
16
- 100: '#ebedef', // Your lightColor
17
- 200: '#e2e8f0',
18
- 300: '#cbd5e1',
19
- 400: '#94a3b8',
20
- 500: '#64748b',
21
- 600: '#4b5463', // Your darkColor
22
- 700: '#374151',
23
- 800: '#1e293b',
24
- 900: '#0f172a',
25
- },
26
- success: {
27
- 50: '#f0fdf4',
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',
37
- },
38
- warning: {
39
- 50: '#fffbeb',
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',
49
- },
50
- danger: {
51
- 50: '#fef2f2',
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',
61
- },
62
- info: {
63
- 50: '#eff6ff',
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',
73
- },
74
- light: '#ebedef', // Your lightColor
75
- dark: '#4b5463', // Your darkColor
76
- } as const;
77
-
78
- // Dark Theme Tokens - High contrast versions for dark backgrounds
79
- export const darkColors = {
80
- primary: {
81
- 50: '#1a1a2e',
82
- 100: '#252542',
83
- 500: '#7c71e6', // Lighter purple for dark backgrounds
84
- 600: '#8b82eb',
85
- 700: '#9a93f0',
86
- 900: '#b8b3f5',
87
- },
88
- neutral: {
89
- 50: '#0f172a',
90
- 100: '#1e293b',
91
- 200: '#334155',
92
- 400: '#64748b',
93
- 600: '#cbd5e1', // Light gray for dark text
94
- 800: '#f1f5f9',
95
- 900: '#f8fafc',
96
- },
97
- success: {
98
- 500: '#4ade80', // Bright green for dark backgrounds
99
- 100: '#14532d',
100
- },
101
- warning: {
102
- 500: '#fbbf24', // Bright amber for dark backgrounds
103
- 100: '#713f12',
104
- },
105
- danger: {
106
- 500: '#f87171', // Bright red for dark backgrounds
107
- 100: '#7f1d1d',
108
- },
109
- info: {
110
- 500: '#60a5fa', // Bright blue for dark backgrounds
111
- 100: '#1e3a8a',
112
- },
113
- light: '#f8fafc', // Light text color for dark theme
114
- dark: '#0f172a', // Dark background color
115
- } as const;
116
-
@@ -1,13 +0,0 @@
1
- export const spacing = {
2
- 0: '0',
3
- 1: '0.25rem',
4
- 2: '0.5rem',
5
- 3: '0.75rem',
6
- 4: '1rem',
7
- 5: '1.25rem',
8
- 6: '1.5rem',
9
- 8: '2rem',
10
- 10: '2.5rem',
11
- 12: '3rem',
12
- 16: '4rem',
13
- } as const;
@@ -1,21 +0,0 @@
1
- export const typography = {
2
- fontFamily: {
3
- sans: '"Inter", -apple-system, BlinkMacSystemFont, sans-serif',
4
- mono: '"JetBrains Mono", "Fira Code", monospace',
5
- },
6
- fontSize: {
7
- xs: '0.75rem',
8
- sm: '0.875rem',
9
- base: '1rem',
10
- lg: '1.125rem',
11
- xl: '1.25rem',
12
- '2xl':'1.5rem',
13
- '3xl':'1.875rem',
14
- },
15
- fontWeight: {
16
- normal: 400,
17
- medium: 500,
18
- semibold:600,
19
- bold: 700,
20
- },
21
- } as const;