@techv/design-system 0.1.3 → 0.1.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 (10) hide show
  1. package/README.md +138 -99
  2. package/dist/cjs/index.js +14 -0
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/tokens/dist/esm/index.js +187 -130
  5. package/dist/cjs/tokens/dist/esm/index.js.map +1 -1
  6. package/dist/esm/index.js +1 -1
  7. package/dist/esm/tokens/dist/esm/index.js +174 -131
  8. package/dist/esm/tokens/dist/esm/index.js.map +1 -1
  9. package/dist/styles.css +115 -52
  10. package/package.json +3 -3
package/dist/esm/tokens/dist/esm/index.js CHANGED
@@ -1,30 +1,164 @@
1
+ const palette = {
2
+ red: { 50: '#FEF2F2', 100: '#FEE2E2', 200: '#FECACA', 300: '#FCA5A5', 400: '#F87171', 500: '#EF4444', 600: '#DC2626', 700: '#B91C1C', 800: '#991B1B', 900: '#7F1D1D' },
3
+ orange: { 50: '#FFF7ED', 100: '#FFEDD5', 200: '#FED7AA', 300: '#FDBA74', 400: '#FB923C', 500: '#F97316', 600: '#EA580C', 700: '#C2410C', 800: '#9A3412', 900: '#7C2D12' },
4
+ amber: { 50: '#FFFBEB', 100: '#FEF3C7', 200: '#FDE68A', 300: '#FCD34D', 400: '#FBBF24', 500: '#F59E0B', 600: '#D97706', 700: '#B45309', 800: '#92400E', 900: '#78350F' },
5
+ yellow: { 50: '#FEFCE8', 100: '#FEF9C3', 200: '#FEF08A', 300: '#FDE047', 400: '#FACC15', 500: '#EAB308', 600: '#CA8A04', 700: '#A16207', 800: '#854D0E', 900: '#713F12' },
6
+ lime: { 50: '#F7FEE7', 100: '#ECFCCB', 200: '#D9F99D', 300: '#BEF264', 400: '#A3E635', 500: '#84CC16', 600: '#65A30D', 700: '#4D7C0F', 800: '#3F6212', 900: '#365314' },
7
+ green: { 50: '#F0FDF4', 100: '#DCFCE7', 200: '#BBF7D0', 300: '#86EFAC', 400: '#4ADE80', 500: '#22C55E', 600: '#16A34A', 700: '#15803D', 800: '#166534', 900: '#14532D' },
8
+ teal: { 50: '#F0FDFA', 100: '#CCFBF1', 200: '#99F6E4', 300: '#5EEAD4', 400: '#2DD4BF', 500: '#14B8A6', 600: '#0D9488', 700: '#0F766E', 800: '#115E59', 900: '#134E4A' },
9
+ cyan: { 50: '#ECFEFF', 100: '#CFFAFE', 200: '#A5F3FC', 300: '#67E8F9', 400: '#22D3EE', 500: '#06B6D4', 600: '#0891B2', 700: '#0E7490', 800: '#155E75', 900: '#164E63' },
10
+ sky: { 50: '#F0F9FF', 100: '#E0F2FE', 200: '#BAE6FD', 300: '#7DD3FC', 400: '#38BDF8', 500: '#0EA5E9', 600: '#0284C7', 700: '#0369A1', 800: '#075985', 900: '#0C4A6E' },
11
+ blue: { 50: '#EFF6FF', 100: '#DBEAFE', 200: '#BFDBFE', 300: '#93C5FD', 400: '#60A5FA', 500: '#3B82F6', 600: '#2563EB', 700: '#1D4ED8', 800: '#1E40AF', 900: '#1E3A8A' },
12
+ indigo: { 50: '#EEF2FF', 100: '#E0E7FF', 200: '#C7D2FE', 300: '#A5B4FC', 400: '#818CF8', 500: '#6366F1', 600: '#4F46E5', 700: '#4338CA', 800: '#3730A3', 900: '#312E81' },
13
+ violet: { 50: '#F5F3FF', 100: '#EDE9FE', 200: '#DDD6FE', 300: '#C4B5FD', 400: '#A78BFA', 500: '#8B5CF6', 600: '#7C3AED', 700: '#6D28D9', 800: '#5B21B6', 900: '#4C1D95' },
14
+ purple: { 50: '#FAF5FF', 100: '#F3E8FF', 200: '#E9D5FF', 300: '#D8B4FE', 400: '#C084FC', 500: '#A855F7', 600: '#9333EA', 700: '#7E22CE', 800: '#6B21A8', 900: '#581C87' },
15
+ fuchsia: { 50: '#FDF4FF', 100: '#FAE8FF', 200: '#F5D0FE', 300: '#F0ABFC', 400: '#E879F9', 500: '#D946EF', 600: '#C026D3', 700: '#A21CAF', 800: '#86198F', 900: '#701A75' },
16
+ pink: { 50: '#FDF2F8', 100: '#FCE7F3', 200: '#FBCFE8', 300: '#F9A8D4', 400: '#F472B6', 500: '#EC4899', 600: '#DB2777', 700: '#BE185D', 800: '#9D174D', 900: '#831843' },
17
+ rose: { 50: '#FFF1F2', 100: '#FFE4E6', 200: '#FECDD3', 300: '#FDA4AF', 400: '#FB7185', 500: '#F43F5E', 600: '#E11D48', 700: '#BE123C', 800: '#9F1239', 900: '#881337' },
18
+ slate: { 50: '#F8FAFC', 100: '#F1F5F9', 200: '#E2E8F0', 300: '#CBD5E1', 400: '#94A3B8', 500: '#64748B', 600: '#475569', 700: '#334155', 800: '#1E293B', 900: '#0F172A' },
19
+ gray: { 50: '#F9FAFB', 100: '#F3F4F6', 200: '#E5E7EB', 300: '#D1D5DB', 400: '#9CA3AF', 500: '#6B7280', 600: '#4B5563', 700: '#374151', 800: '#1F2937', 900: '#111827' },
20
+ zinc: { 50: '#FAFAFA', 100: '#F4F4F5', 200: '#E4E4E7', 300: '#D4D4D8', 400: '#A1A1AA', 500: '#71717A', 600: '#52525B', 700: '#3F3F46', 800: '#27272A', 900: '#18181B' },
21
+ neutral: { 50: '#FAFAFA', 100: '#F5F5F5', 200: '#E5E5E5', 300: '#D4D4D4', 400: '#A3A3A3', 500: '#737373', 600: '#525252', 700: '#404040', 800: '#262626', 900: '#171717' },
22
+ stone: { 50: '#FAFAF9', 100: '#F5F5F4', 200: '#E7E5E4', 300: '#D6D3D1', 400: '#A8A29E', 500: '#78716C', 600: '#57534E', 700: '#44403C', 800: '#292524', 900: '#1C1917' },
23
+ white: '#FFFFFF',
24
+ black: '#000000',
25
+ };
26
+ const colors = palette;
27
+ const bg = palette;
28
+ const tx = palette;
29
+ const bd = palette;
30
+ const fl = palette;
31
+ const spacing = {
32
+ px: '1px',
33
+ 0: '0px',
34
+ 0.5: '2px',
35
+ 1: '4px',
36
+ 1.5: '6px',
37
+ 2: '8px',
38
+ 2.5: '10px',
39
+ 3: '12px',
40
+ 3.5: '14px',
41
+ 4: '16px',
42
+ 5: '20px',
43
+ 6: '24px',
44
+ 7: '28px',
45
+ 8: '32px',
46
+ 9: '36px',
47
+ 10: '40px',
48
+ 11: '44px',
49
+ 12: '48px',
50
+ 14: '56px',
51
+ 16: '64px',
52
+ 20: '80px',
53
+ 24: '96px',
54
+ 28: '112px',
55
+ 32: '128px',
56
+ 36: '144px',
57
+ 40: '160px',
58
+ 48: '192px',
59
+ 56: '224px',
60
+ 64: '256px',
61
+ full: '100%',
62
+ auto: 'auto',
63
+ };
64
+ const fs = {
65
+ xs: '12px',
66
+ sm: '14px',
67
+ md: '16px',
68
+ lg: '18px',
69
+ xl: '20px',
70
+ '2xl': '24px',
71
+ '3xl': '30px',
72
+ '4xl': '36px',
73
+ '5xl': '48px',
74
+ };
75
+ const fw = {
76
+ 3: '300',
77
+ 4: '400',
78
+ 5: '500',
79
+ 6: '600',
80
+ 7: '700',
81
+ 8: '800',
82
+ 9: '900',
83
+ };
84
+ const lh = {
85
+ none: 1,
86
+ tight: 1.25,
87
+ snug: 1.375,
88
+ base: 1.5,
89
+ relaxed: 1.625,
90
+ loose: 2,
91
+ };
92
+ const ta = {
93
+ l: 'left',
94
+ r: 'right',
95
+ c: 'center',
96
+ j: 'justify',
97
+ };
98
+ const br = {
99
+ none: '0px',
100
+ sm: '2px',
101
+ md: '4px',
102
+ lg: '8px',
103
+ xl: '12px',
104
+ '2xl': '16px',
105
+ '3xl': '24px',
106
+ full: '9999px',
107
+ };
108
+ const bw = {
109
+ 0: '0px',
110
+ 1: '1px',
111
+ 2: '2px',
112
+ 4: '4px',
113
+ 8: '8px',
114
+ };
115
+ const sh = {
116
+ none: 'none',
117
+ 1: '0 1px 2px rgba(0,0,0,0.05)',
118
+ 2: '0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06)',
119
+ 3: '0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06)',
120
+ 4: '0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.05)',
121
+ 5: '0 20px 25px rgba(0,0,0,0.10), 0 8px 10px rgba(0,0,0,0.04)',
122
+ };
123
+ const op = {
124
+ 0: '0',
125
+ 5: '0.05',
126
+ 10: '0.1',
127
+ 20: '0.2',
128
+ 25: '0.25',
129
+ 30: '0.3',
130
+ 40: '0.4',
131
+ 50: '0.5',
132
+ 60: '0.6',
133
+ 70: '0.7',
134
+ 75: '0.75',
135
+ 80: '0.8',
136
+ 90: '0.9',
137
+ 95: '0.95',
138
+ 100: '1',
139
+ };
140
+ const duration = {
141
+ instant: '50ms',
142
+ fast: '100ms',
143
+ normal: '200ms',
144
+ slow: '300ms',
145
+ deliberate: '500ms',
146
+ };
147
+ const ease = {
148
+ standard: 'cubic-bezier(0.4, 0, 0.2, 1)',
149
+ decelerate: 'cubic-bezier(0, 0, 0.2, 1)',
150
+ accelerate: 'cubic-bezier(0.4, 0, 1, 1)',
151
+ spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
152
+ };
153
+ const radii = br;
1
154
  const tokens = {
2
155
  color: {
3
- brand: {
4
- 50: '#EEF2FF',
5
- 100: '#C7D2FE',
6
- 300: '#A5B4FC',
7
- 500: '#4F46E5',
8
- 600: '#4338CA',
9
- 700: '#3730A3',
10
- 900: '#312E81',
11
- },
12
- success: { 50: '#ECFDF5', 500: '#10B981' },
13
- danger: { 50: '#FEF2F2', 500: '#EF4444' },
14
- warning: { 50: '#FFFBEB', 500: '#F59E0B' },
15
- info: { 50: '#EFF6FF', 500: '#3B82F6' },
16
- gray: {
17
- 50: '#F9FAFB',
18
- 100: '#F3F4F6',
19
- 200: '#E5E7EB',
20
- 300: '#D1D5DB',
21
- 400: '#9CA3AF',
22
- 500: '#6B7280',
23
- 600: '#4B5563',
24
- 700: '#374151',
25
- 800: '#1F2937',
26
- 900: '#111827',
27
- },
156
+ brand: palette.indigo,
157
+ success: palette.green,
158
+ danger: palette.red,
159
+ warning: palette.amber,
160
+ info: palette.blue,
161
+ gray: palette.gray,
28
162
  },
29
163
  semantic: {
30
164
  surface: '#FFFFFF',
@@ -37,123 +171,32 @@ const tokens = {
37
171
  focusRing: '#4F46E5',
38
172
  },
39
173
  space: {
40
- '2xs': 2,
41
- xs: 4,
42
- sm: 8,
43
- md: 16,
44
- lg: 24,
45
- xl: 32,
46
- '2xl': 48,
47
- '3xl': 64,
174
+ '2xs': 2, xs: 4, sm: 8, md: 16, lg: 24, xl: 32, '2xl': 48, '3xl': 64,
48
175
  },
49
176
  radius: {
50
- none: 0,
51
- xs: 2,
52
- sm: 4,
53
- md: 6,
54
- lg: 8,
55
- xl: 12,
56
- '2xl': 16,
57
- full: 9999,
177
+ none: 0, xs: 2, sm: 4, md: 6, lg: 8, xl: 12, '2xl': 16, full: 9999,
58
178
  },
59
179
  shadow: {
60
180
  none: 'none',
61
- xs: '0 1px 2px rgba(0,0,0,0.05)',
62
- sm: '0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06)',
63
- md: '0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06)',
64
- lg: '0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.05)',
65
- xl: '0 20px 25px rgba(0,0,0,0.10), 0 8px 10px rgba(0,0,0,0.04)',
66
- },
67
- duration: {
68
- instant: 50,
69
- fast: 100,
70
- normal: 200,
71
- slow: 300,
72
- deliberate: 500,
73
- },
74
- ease: {
75
- standard: 'cubic-bezier(0.4, 0, 0.2, 1)',
76
- decelerate: 'cubic-bezier(0, 0, 0.2, 1)',
77
- accelerate: 'cubic-bezier(0.4, 0, 1, 1)',
78
- spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
79
- },
80
- font: {
81
- display: 'Plus Jakarta Sans',
82
- text: 'Inter',
83
- mono: 'JetBrains Mono',
181
+ xs: sh[1],
182
+ sm: sh[2],
183
+ md: sh[3],
184
+ lg: sh[4],
185
+ xl: sh[5],
84
186
  },
187
+ duration: { instant: 50, fast: 100, normal: 200, slow: 300, deliberate: 500 },
188
+ ease,
189
+ font: { display: 'Plus Jakarta Sans', text: 'Inter', mono: 'JetBrains Mono' },
85
190
  fontSize: {
86
- h1: '36px',
87
- h2: '28px',
88
- h3: '22px',
89
- h4: '18px',
90
- h5: '16px',
91
- bodyLg: '16px',
92
- bodyMd: '14px',
93
- caption: '12px',
94
- code: '12px',
191
+ h1: '36px', h2: '28px', h3: '22px', h4: '18px', h5: '16px',
192
+ bodyLg: '16px', bodyMd: '14px', caption: '12px', code: '12px',
95
193
  },
96
194
  component: {
97
195
  buttonHeight: { xs: '28px', sm: '32px', md: '36px', lg: '42px', xl: '50px' },
98
- radiusButton: '8px',
99
- radiusCard: '12px',
100
- radiusModal: '16px',
101
- radiusBadge: '9999px',
102
- focusRingWidth: '3px',
103
- focusRingOffset: '2px',
196
+ radiusButton: '8px', radiusCard: '12px', radiusModal: '16px', radiusBadge: '9999px',
197
+ focusRingWidth: '3px', focusRingOffset: '2px',
104
198
  },
105
199
  };
106
- // Flat named exports for backwards-compat convenience
107
- const colors = {
108
- brand500: tokens.color.brand[500],
109
- brand600: tokens.color.brand[600],
110
- brand700: tokens.color.brand[700],
111
- brand50: tokens.color.brand[50],
112
- danger500: tokens.color.danger[500],
113
- danger50: tokens.color.danger[50],
114
- success500: tokens.color.success[500],
115
- success50: tokens.color.success[50],
116
- warning500: tokens.color.warning[500],
117
- warning50: tokens.color.warning[50],
118
- gray50: tokens.color.gray[50],
119
- gray100: tokens.color.gray[100],
120
- gray200: tokens.color.gray[200],
121
- gray300: tokens.color.gray[300],
122
- gray400: tokens.color.gray[400],
123
- gray500: tokens.color.gray[500],
124
- gray600: tokens.color.gray[600],
125
- gray700: tokens.color.gray[700],
126
- gray800: tokens.color.gray[800],
127
- gray900: tokens.color.gray[900],
128
- surface: tokens.semantic.surface,
129
- bg: tokens.semantic.bg,
130
- textPrimary: tokens.semantic.textPrimary,
131
- textSecondary: tokens.semantic.textSecondary,
132
- textDisabled: tokens.semantic.textDisabled,
133
- border: tokens.semantic.border,
134
- borderStrong: tokens.semantic.borderStrong,
135
- focusRing: tokens.semantic.focusRing,
136
- };
137
- const spacing = {
138
- '2xs': '2px',
139
- xs: '4px',
140
- sm: '8px',
141
- md: '16px',
142
- lg: '24px',
143
- xl: '32px',
144
- '2xl': '48px',
145
- '3xl': '64px',
146
- };
147
- const radii = {
148
- none: '0',
149
- xs: '2px',
150
- sm: '4px',
151
- md: '6px',
152
- lg: '8px',
153
- xl: '12px',
154
- '2xl': '16px',
155
- full: '9999px',
156
- };
157
200
 
158
- export { colors, radii, spacing, tokens };
201
+ export { bd, bg, br, bw, colors, duration, ease, fl, fs, fw, lh, op, radii, sh, spacing, ta, tokens, tx };
159
202
  //# sourceMappingURL=index.js.map
package/dist/esm/tokens/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../../tokens/dist/esm/index.js"],"sourcesContent":["const tokens = {\n color: {\n brand: {\n 50: '#EEF2FF',\n 100: '#C7D2FE',\n 300: '#A5B4FC',\n 500: '#4F46E5',\n 600: '#4338CA',\n 700: '#3730A3',\n 900: '#312E81',\n },\n success: { 50: '#ECFDF5', 500: '#10B981' },\n danger: { 50: '#FEF2F2', 500: '#EF4444' },\n warning: { 50: '#FFFBEB', 500: '#F59E0B' },\n info: { 50: '#EFF6FF', 500: '#3B82F6' },\n gray: {\n 50: '#F9FAFB',\n 100: '#F3F4F6',\n 200: '#E5E7EB',\n 300: '#D1D5DB',\n 400: '#9CA3AF',\n 500: '#6B7280',\n 600: '#4B5563',\n 700: '#374151',\n 800: '#1F2937',\n 900: '#111827',\n },\n },\n semantic: {\n surface: '#FFFFFF',\n bg: '#F9FAFB',\n textPrimary: '#111827',\n textSecondary: '#6B7280',\n textDisabled: '#D1D5DB',\n border: '#E5E7EB',\n borderStrong: '#D1D5DB',\n focusRing: '#4F46E5',\n },\n space: {\n '2xs': 2,\n xs: 4,\n sm: 8,\n md: 16,\n lg: 24,\n xl: 32,\n '2xl': 48,\n '3xl': 64,\n },\n radius: {\n none: 0,\n xs: 2,\n sm: 4,\n md: 6,\n lg: 8,\n xl: 12,\n '2xl': 16,\n full: 9999,\n },\n shadow: {\n none: 'none',\n xs: '0 1px 2px rgba(0,0,0,0.05)',\n sm: '0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06)',\n md: '0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06)',\n lg: '0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.05)',\n xl: '0 20px 25px rgba(0,0,0,0.10), 0 8px 10px rgba(0,0,0,0.04)',\n },\n duration: {\n instant: 50,\n fast: 100,\n normal: 200,\n slow: 300,\n deliberate: 500,\n },\n ease: {\n standard: 'cubic-bezier(0.4, 0, 0.2, 1)',\n decelerate: 'cubic-bezier(0, 0, 0.2, 1)',\n accelerate: 'cubic-bezier(0.4, 0, 1, 1)',\n spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n },\n font: {\n display: 'Plus Jakarta Sans',\n text: 'Inter',\n mono: 'JetBrains Mono',\n },\n fontSize: {\n h1: '36px',\n h2: '28px',\n h3: '22px',\n h4: '18px',\n h5: '16px',\n bodyLg: '16px',\n bodyMd: '14px',\n caption: '12px',\n code: '12px',\n },\n component: {\n buttonHeight: { xs: '28px', sm: '32px', md: '36px', lg: '42px', xl: '50px' },\n radiusButton: '8px',\n radiusCard: '12px',\n radiusModal: '16px',\n radiusBadge: '9999px',\n focusRingWidth: '3px',\n focusRingOffset: '2px',\n },\n};\n// Flat named exports for backwards-compat convenience\nconst colors = {\n brand500: tokens.color.brand[500],\n brand600: tokens.color.brand[600],\n brand700: tokens.color.brand[700],\n brand50: tokens.color.brand[50],\n danger500: tokens.color.danger[500],\n danger50: tokens.color.danger[50],\n success500: tokens.color.success[500],\n success50: tokens.color.success[50],\n warning500: tokens.color.warning[500],\n warning50: tokens.color.warning[50],\n gray50: tokens.color.gray[50],\n gray100: tokens.color.gray[100],\n gray200: tokens.color.gray[200],\n gray300: tokens.color.gray[300],\n gray400: tokens.color.gray[400],\n gray500: tokens.color.gray[500],\n gray600: tokens.color.gray[600],\n gray700: tokens.color.gray[700],\n gray800: tokens.color.gray[800],\n gray900: tokens.color.gray[900],\n surface: tokens.semantic.surface,\n bg: tokens.semantic.bg,\n textPrimary: tokens.semantic.textPrimary,\n textSecondary: tokens.semantic.textSecondary,\n textDisabled: tokens.semantic.textDisabled,\n border: tokens.semantic.border,\n borderStrong: tokens.semantic.borderStrong,\n focusRing: tokens.semantic.focusRing,\n};\nconst spacing = {\n '2xs': '2px',\n xs: '4px',\n sm: '8px',\n md: '16px',\n lg: '24px',\n xl: '32px',\n '2xl': '48px',\n '3xl': '64px',\n};\nconst radii = {\n none: '0',\n xs: '2px',\n sm: '4px',\n md: '6px',\n lg: '8px',\n xl: '12px',\n '2xl': '16px',\n full: '9999px',\n};\n\nexport { colors, radii, spacing, tokens };\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../../tokens/dist/esm/index.js"],"sourcesContent":["const palette = {\n red: { 50: '#FEF2F2', 100: '#FEE2E2', 200: '#FECACA', 300: '#FCA5A5', 400: '#F87171', 500: '#EF4444', 600: '#DC2626', 700: '#B91C1C', 800: '#991B1B', 900: '#7F1D1D' },\n orange: { 50: '#FFF7ED', 100: '#FFEDD5', 200: '#FED7AA', 300: '#FDBA74', 400: '#FB923C', 500: '#F97316', 600: '#EA580C', 700: '#C2410C', 800: '#9A3412', 900: '#7C2D12' },\n amber: { 50: '#FFFBEB', 100: '#FEF3C7', 200: '#FDE68A', 300: '#FCD34D', 400: '#FBBF24', 500: '#F59E0B', 600: '#D97706', 700: '#B45309', 800: '#92400E', 900: '#78350F' },\n yellow: { 50: '#FEFCE8', 100: '#FEF9C3', 200: '#FEF08A', 300: '#FDE047', 400: '#FACC15', 500: '#EAB308', 600: '#CA8A04', 700: '#A16207', 800: '#854D0E', 900: '#713F12' },\n lime: { 50: '#F7FEE7', 100: '#ECFCCB', 200: '#D9F99D', 300: '#BEF264', 400: '#A3E635', 500: '#84CC16', 600: '#65A30D', 700: '#4D7C0F', 800: '#3F6212', 900: '#365314' },\n green: { 50: '#F0FDF4', 100: '#DCFCE7', 200: '#BBF7D0', 300: '#86EFAC', 400: '#4ADE80', 500: '#22C55E', 600: '#16A34A', 700: '#15803D', 800: '#166534', 900: '#14532D' },\n teal: { 50: '#F0FDFA', 100: '#CCFBF1', 200: '#99F6E4', 300: '#5EEAD4', 400: '#2DD4BF', 500: '#14B8A6', 600: '#0D9488', 700: '#0F766E', 800: '#115E59', 900: '#134E4A' },\n cyan: { 50: '#ECFEFF', 100: '#CFFAFE', 200: '#A5F3FC', 300: '#67E8F9', 400: '#22D3EE', 500: '#06B6D4', 600: '#0891B2', 700: '#0E7490', 800: '#155E75', 900: '#164E63' },\n sky: { 50: '#F0F9FF', 100: '#E0F2FE', 200: '#BAE6FD', 300: '#7DD3FC', 400: '#38BDF8', 500: '#0EA5E9', 600: '#0284C7', 700: '#0369A1', 800: '#075985', 900: '#0C4A6E' },\n blue: { 50: '#EFF6FF', 100: '#DBEAFE', 200: '#BFDBFE', 300: '#93C5FD', 400: '#60A5FA', 500: '#3B82F6', 600: '#2563EB', 700: '#1D4ED8', 800: '#1E40AF', 900: '#1E3A8A' },\n indigo: { 50: '#EEF2FF', 100: '#E0E7FF', 200: '#C7D2FE', 300: '#A5B4FC', 400: '#818CF8', 500: '#6366F1', 600: '#4F46E5', 700: '#4338CA', 800: '#3730A3', 900: '#312E81' },\n violet: { 50: '#F5F3FF', 100: '#EDE9FE', 200: '#DDD6FE', 300: '#C4B5FD', 400: '#A78BFA', 500: '#8B5CF6', 600: '#7C3AED', 700: '#6D28D9', 800: '#5B21B6', 900: '#4C1D95' },\n purple: { 50: '#FAF5FF', 100: '#F3E8FF', 200: '#E9D5FF', 300: '#D8B4FE', 400: '#C084FC', 500: '#A855F7', 600: '#9333EA', 700: '#7E22CE', 800: '#6B21A8', 900: '#581C87' },\n fuchsia: { 50: '#FDF4FF', 100: '#FAE8FF', 200: '#F5D0FE', 300: '#F0ABFC', 400: '#E879F9', 500: '#D946EF', 600: '#C026D3', 700: '#A21CAF', 800: '#86198F', 900: '#701A75' },\n pink: { 50: '#FDF2F8', 100: '#FCE7F3', 200: '#FBCFE8', 300: '#F9A8D4', 400: '#F472B6', 500: '#EC4899', 600: '#DB2777', 700: '#BE185D', 800: '#9D174D', 900: '#831843' },\n rose: { 50: '#FFF1F2', 100: '#FFE4E6', 200: '#FECDD3', 300: '#FDA4AF', 400: '#FB7185', 500: '#F43F5E', 600: '#E11D48', 700: '#BE123C', 800: '#9F1239', 900: '#881337' },\n slate: { 50: '#F8FAFC', 100: '#F1F5F9', 200: '#E2E8F0', 300: '#CBD5E1', 400: '#94A3B8', 500: '#64748B', 600: '#475569', 700: '#334155', 800: '#1E293B', 900: '#0F172A' },\n gray: { 50: '#F9FAFB', 100: '#F3F4F6', 200: '#E5E7EB', 300: '#D1D5DB', 400: '#9CA3AF', 500: '#6B7280', 600: '#4B5563', 700: '#374151', 800: '#1F2937', 900: '#111827' },\n zinc: { 50: '#FAFAFA', 100: '#F4F4F5', 200: '#E4E4E7', 300: '#D4D4D8', 400: '#A1A1AA', 500: '#71717A', 600: '#52525B', 700: '#3F3F46', 800: '#27272A', 900: '#18181B' },\n neutral: { 50: '#FAFAFA', 100: '#F5F5F5', 200: '#E5E5E5', 300: '#D4D4D4', 400: '#A3A3A3', 500: '#737373', 600: '#525252', 700: '#404040', 800: '#262626', 900: '#171717' },\n stone: { 50: '#FAFAF9', 100: '#F5F5F4', 200: '#E7E5E4', 300: '#D6D3D1', 400: '#A8A29E', 500: '#78716C', 600: '#57534E', 700: '#44403C', 800: '#292524', 900: '#1C1917' },\n white: '#FFFFFF',\n black: '#000000',\n};\nconst colors = palette;\nconst bg = palette;\nconst tx = palette;\nconst bd = palette;\nconst fl = palette;\nconst spacing = {\n px: '1px',\n 0: '0px',\n 0.5: '2px',\n 1: '4px',\n 1.5: '6px',\n 2: '8px',\n 2.5: '10px',\n 3: '12px',\n 3.5: '14px',\n 4: '16px',\n 5: '20px',\n 6: '24px',\n 7: '28px',\n 8: '32px',\n 9: '36px',\n 10: '40px',\n 11: '44px',\n 12: '48px',\n 14: '56px',\n 16: '64px',\n 20: '80px',\n 24: '96px',\n 28: '112px',\n 32: '128px',\n 36: '144px',\n 40: '160px',\n 48: '192px',\n 56: '224px',\n 64: '256px',\n full: '100%',\n auto: 'auto',\n};\nconst fs = {\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n '2xl': '24px',\n '3xl': '30px',\n '4xl': '36px',\n '5xl': '48px',\n};\nconst fw = {\n 3: '300',\n 4: '400',\n 5: '500',\n 6: '600',\n 7: '700',\n 8: '800',\n 9: '900',\n};\nconst lh = {\n none: 1,\n tight: 1.25,\n snug: 1.375,\n base: 1.5,\n relaxed: 1.625,\n loose: 2,\n};\nconst ta = {\n l: 'left',\n r: 'right',\n c: 'center',\n j: 'justify',\n};\nconst br = {\n none: '0px',\n sm: '2px',\n md: '4px',\n lg: '8px',\n xl: '12px',\n '2xl': '16px',\n '3xl': '24px',\n full: '9999px',\n};\nconst bw = {\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n};\nconst sh = {\n none: 'none',\n 1: '0 1px 2px rgba(0,0,0,0.05)',\n 2: '0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06)',\n 3: '0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06)',\n 4: '0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.05)',\n 5: '0 20px 25px rgba(0,0,0,0.10), 0 8px 10px rgba(0,0,0,0.04)',\n};\nconst op = {\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n};\nconst duration = {\n instant: '50ms',\n fast: '100ms',\n normal: '200ms',\n slow: '300ms',\n deliberate: '500ms',\n};\nconst ease = {\n standard: 'cubic-bezier(0.4, 0, 0.2, 1)',\n decelerate: 'cubic-bezier(0, 0, 0.2, 1)',\n accelerate: 'cubic-bezier(0.4, 0, 1, 1)',\n spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n};\nconst radii = br;\nconst tokens = {\n color: {\n brand: palette.indigo,\n success: palette.green,\n danger: palette.red,\n warning: palette.amber,\n info: palette.blue,\n gray: palette.gray,\n },\n semantic: {\n surface: '#FFFFFF',\n bg: '#F9FAFB',\n textPrimary: '#111827',\n textSecondary: '#6B7280',\n textDisabled: '#D1D5DB',\n border: '#E5E7EB',\n borderStrong: '#D1D5DB',\n focusRing: '#4F46E5',\n },\n space: {\n '2xs': 2, xs: 4, sm: 8, md: 16, lg: 24, xl: 32, '2xl': 48, '3xl': 64,\n },\n radius: {\n none: 0, xs: 2, sm: 4, md: 6, lg: 8, xl: 12, '2xl': 16, full: 9999,\n },\n shadow: {\n none: 'none',\n xs: sh[1],\n sm: sh[2],\n md: sh[3],\n lg: sh[4],\n xl: sh[5],\n },\n duration: { instant: 50, fast: 100, normal: 200, slow: 300, deliberate: 500 },\n ease,\n font: { display: 'Plus Jakarta Sans', text: 'Inter', mono: 'JetBrains Mono' },\n fontSize: {\n h1: '36px', h2: '28px', h3: '22px', h4: '18px', h5: '16px',\n bodyLg: '16px', bodyMd: '14px', caption: '12px', code: '12px',\n },\n component: {\n buttonHeight: { xs: '28px', sm: '32px', md: '36px', lg: '42px', xl: '50px' },\n radiusButton: '8px', radiusCard: '12px', radiusModal: '16px', radiusBadge: '9999px',\n focusRingWidth: '3px', focusRingOffset: '2px',\n },\n};\n\nexport { bd, bg, br, bw, colors, duration, ease, fl, fs, fw, lh, op, radii, sh, spacing, ta, tokens, tx };\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG;AAChB,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC1K,IAAI,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC7K,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC5K,IAAI,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC7K,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC3K,IAAI,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC5K,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC3K,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC3K,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC1K,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC3K,IAAI,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC7K,IAAI,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC7K,IAAI,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC7K,IAAI,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC9K,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE;AAC3K,IAAI,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG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"}
package/dist/styles.css CHANGED
@@ -1,9 +1,7 @@
1
1
  :root {
2
- /* Base */
3
2
  --color-white: #ffffff;
4
3
  --color-black: #000000;
5
4
 
6
- /* Brand */
7
5
  --color-brand-50: #eef2ff;
8
6
  --color-brand-100: #c7d2fe;
9
7
  --color-brand-300: #a5b4fc;
@@ -12,7 +10,6 @@
12
10
  --color-brand-700: #3730a3;
13
11
  --color-brand-900: #312e81;
14
12
 
15
- /* Semantic / Status */
16
13
  --color-success-50: #ecfdf5;
17
14
  --color-success-100: #d1fae5;
18
15
  --color-success-200: #a7f3d0;
@@ -34,7 +31,6 @@
34
31
  --color-info-500: #3b82f6;
35
32
  --color-info-50: #eff6ff;
36
33
 
37
- /* Gray */
38
34
  --color-gray-50: #f9fafb;
39
35
  --color-gray-100: #f3f4f6;
40
36
  --color-gray-200: #e5e7eb;
@@ -46,7 +42,6 @@
46
42
  --color-gray-800: #1f2937;
47
43
  --color-gray-900: #111827;
48
44
 
49
- /* Semantic aliases */
50
45
  --color-surface: #ffffff;
51
46
  --color-bg: #f9fafb;
52
47
  --color-text-primary: #111827;
@@ -56,65 +51,133 @@
56
51
  --color-border-strong: #d1d5db;
57
52
  --color-focus-ring: #4f46e5;
58
53
 
59
- /* Spacing */
60
- --space-2xs: 2px;
61
- --space-xs: 4px;
62
- --space-sm: 8px;
63
- --space-md: 16px;
64
- --space-lg: 24px;
65
- --space-xl: 32px;
66
- --space-2xl: 48px;
67
- --space-3xl: 64px;
68
-
69
- /* Radius */
70
- --radius-none: 0;
71
- --radius-xs: 2px;
72
- --radius-sm: 4px;
73
- --radius-md: 6px;
74
- --radius-lg: 8px;
75
- --radius-xl: 12px;
76
- --radius-2xl: 16px;
77
- --radius-full: 9999px;
78
-
79
- /* Shadows */
54
+ --red-50: #fef2f2; --red-100: #fee2e2; --red-200: #fecaca; --red-300: #fca5a5;
55
+ --red-400: #f87171; --red-500: #ef4444; --red-600: #dc2626; --red-700: #b91c1c;
56
+ --red-800: #991b1b; --red-900: #7f1d1d;
57
+
58
+ --orange-50: #fff7ed; --orange-100: #ffedd5; --orange-200: #fed7aa; --orange-300: #fdba74;
59
+ --orange-400: #fb923c; --orange-500: #f97316; --orange-600: #ea580c; --orange-700: #c2410c;
60
+ --orange-800: #9a3412; --orange-900: #7c2d12;
61
+
62
+ --amber-50: #fffbeb; --amber-100: #fef3c7; --amber-200: #fde68a; --amber-300: #fcd34d;
63
+ --amber-400: #fbbf24; --amber-500: #f59e0b; --amber-600: #d97706; --amber-700: #b45309;
64
+ --amber-800: #92400e; --amber-900: #78350f;
65
+
66
+ --yellow-50: #fefce8; --yellow-100: #fef9c3; --yellow-200: #fef08a; --yellow-300: #fde047;
67
+ --yellow-400: #facc15; --yellow-500: #eab308; --yellow-600: #ca8a04; --yellow-700: #a16207;
68
+ --yellow-800: #854d0e; --yellow-900: #713f12;
69
+
70
+ --lime-50: #f7fee7; --lime-100: #ecfccb; --lime-200: #d9f99d; --lime-300: #bef264;
71
+ --lime-400: #a3e635; --lime-500: #84cc16; --lime-600: #65a30d; --lime-700: #4d7c0f;
72
+ --lime-800: #3f6212; --lime-900: #365314;
73
+
74
+ --green-50: #f0fdf4; --green-100: #dcfce7; --green-200: #bbf7d0; --green-300: #86efac;
75
+ --green-400: #4ade80; --green-500: #22c55e; --green-600: #16a34a; --green-700: #15803d;
76
+ --green-800: #166534; --green-900: #14532d;
77
+
78
+ --teal-50: #f0fdfa; --teal-100: #ccfbf1; --teal-200: #99f6e4; --teal-300: #5eead4;
79
+ --teal-400: #2dd4bf; --teal-500: #14b8a6; --teal-600: #0d9488; --teal-700: #0f766e;
80
+ --teal-800: #115e59; --teal-900: #134e4a;
81
+
82
+ --cyan-50: #ecfeff; --cyan-100: #cffafe; --cyan-200: #a5f3fc; --cyan-300: #67e8f9;
83
+ --cyan-400: #22d3ee; --cyan-500: #06b6d4; --cyan-600: #0891b2; --cyan-700: #0e7490;
84
+ --cyan-800: #155e75; --cyan-900: #164e63;
85
+
86
+ --sky-50: #f0f9ff; --sky-100: #e0f2fe; --sky-200: #bae6fd; --sky-300: #7dd3fc;
87
+ --sky-400: #38bdf8; --sky-500: #0ea5e9; --sky-600: #0284c7; --sky-700: #0369a1;
88
+ --sky-800: #075985; --sky-900: #0c4a6e;
89
+
90
+ --blue-50: #eff6ff; --blue-100: #dbeafe; --blue-200: #bfdbfe; --blue-300: #93c5fd;
91
+ --blue-400: #60a5fa; --blue-500: #3b82f6; --blue-600: #2563eb; --blue-700: #1d4ed8;
92
+ --blue-800: #1e40af; --blue-900: #1e3a8a;
93
+
94
+ --indigo-50: #eef2ff; --indigo-100: #e0e7ff; --indigo-200: #c7d2fe; --indigo-300: #a5b4fc;
95
+ --indigo-400: #818cf8; --indigo-500: #6366f1; --indigo-600: #4f46e5; --indigo-700: #4338ca;
96
+ --indigo-800: #3730a3; --indigo-900: #312e81;
97
+
98
+ --violet-50: #f5f3ff; --violet-100: #ede9fe; --violet-200: #ddd6fe; --violet-300: #c4b5fd;
99
+ --violet-400: #a78bfa; --violet-500: #8b5cf6; --violet-600: #7c3aed; --violet-700: #6d28d9;
100
+ --violet-800: #5b21b6; --violet-900: #4c1d95;
101
+
102
+ --purple-50: #faf5ff; --purple-100: #f3e8ff; --purple-200: #e9d5ff; --purple-300: #d8b4fe;
103
+ --purple-400: #c084fc; --purple-500: #a855f7; --purple-600: #9333ea; --purple-700: #7e22ce;
104
+ --purple-800: #6b21a8; --purple-900: #581c87;
105
+
106
+ --pink-50: #fdf2f8; --pink-100: #fce7f3; --pink-200: #fbcfe8; --pink-300: #f9a8d4;
107
+ --pink-400: #f472b6; --pink-500: #ec4899; --pink-600: #db2777; --pink-700: #be185d;
108
+ --pink-800: #9d174d; --pink-900: #831843;
109
+
110
+ --rose-50: #fff1f2; --rose-100: #ffe4e6; --rose-200: #fecdd3; --rose-300: #fda4af;
111
+ --rose-400: #fb7185; --rose-500: #f43f5e; --rose-600: #e11d48; --rose-700: #be123c;
112
+ --rose-800: #9f1239; --rose-900: #881337;
113
+
114
+ --slate-50: #f8fafc; --slate-100: #f1f5f9; --slate-200: #e2e8f0; --slate-300: #cbd5e1;
115
+ --slate-400: #94a3b8; --slate-500: #64748b; --slate-600: #475569; --slate-700: #334155;
116
+ --slate-800: #1e293b; --slate-900: #0f172a;
117
+
118
+ --gray-50: #f9fafb; --gray-100: #f3f4f6; --gray-200: #e5e7eb; --gray-300: #d1d5db;
119
+ --gray-400: #9ca3af; --gray-500: #6b7280; --gray-600: #4b5563; --gray-700: #374151;
120
+ --gray-800: #1f2937; --gray-900: #111827;
121
+
122
+ --zinc-50: #fafafa; --zinc-100: #f4f4f5; --zinc-200: #e4e4e7; --zinc-300: #d4d4d8;
123
+ --zinc-400: #a1a1aa; --zinc-500: #71717a; --zinc-600: #52525b; --zinc-700: #3f3f46;
124
+ --zinc-800: #27272a; --zinc-900: #18181b;
125
+
126
+ --spacing-px: 1px; --spacing-0: 0px; --spacing-0_5: 2px; --spacing-1: 4px;
127
+ --spacing-1_5: 6px; --spacing-2: 8px; --spacing-2_5: 10px; --spacing-3: 12px;
128
+ --spacing-3_5: 14px; --spacing-4: 16px; --spacing-5: 20px; --spacing-6: 24px;
129
+ --spacing-7: 28px; --spacing-8: 32px; --spacing-9: 36px; --spacing-10: 40px;
130
+ --spacing-12: 48px; --spacing-14: 56px; --spacing-16: 64px; --spacing-20: 80px;
131
+ --spacing-24: 96px; --spacing-32: 128px;
132
+
133
+ --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 18px; --fs-xl: 20px;
134
+ --fs-2xl: 24px; --fs-3xl: 30px; --fs-4xl: 36px; --fs-5xl: 48px;
135
+
136
+ --fw-3: 300; --fw-4: 400; --fw-5: 500; --fw-6: 600;
137
+ --fw-7: 700; --fw-8: 800; --fw-9: 900;
138
+
139
+ --br-none: 0px; --br-sm: 2px; --br-md: 4px; --br-lg: 8px;
140
+ --br-xl: 12px; --br-2xl: 16px; --br-3xl: 24px; --br-full: 9999px;
141
+
142
+ --bw-0: 0px; --bw-1: 1px; --bw-2: 2px; --bw-4: 4px;
143
+
144
+ --sh-none: none;
145
+ --sh-1: 0 1px 2px rgba(0,0,0,0.05);
146
+ --sh-2: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
147
+ --sh-3: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06);
148
+ --sh-4: 0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.05);
149
+ --sh-5: 0 20px 25px rgba(0,0,0,0.1), 0 8px 10px rgba(0,0,0,0.04);
150
+
151
+ --space-2xs: 2px; --space-xs: 4px; --space-sm: 8px; --space-md: 16px;
152
+ --space-lg: 24px; --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px;
153
+
154
+ --radius-none: 0; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px;
155
+ --radius-lg: 8px; --radius-xl: 12px; --radius-2xl: 16px; --radius-full: 9999px;
156
+ --radius-button: 8px; --radius-card: 12px; --radius-modal: 16px; --radius-badge: 9999px;
157
+
80
158
  --shadow-none: none;
81
- --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
82
- --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
83
- --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
84
- --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.05);
85
- --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.04);
86
-
87
- /* Motion */
88
- --duration-instant: 50ms;
89
- --duration-fast: 100ms;
90
- --duration-normal: 200ms;
91
- --duration-slow: 300ms;
92
- --duration-deliberate: 500ms;
159
+ --shadow-xs: 0 1px 2px rgba(0,0,0,0.05);
160
+ --shadow-sm: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
161
+ --shadow-md: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06);
162
+ --shadow-lg: 0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.05);
163
+ --shadow-xl: 0 20px 25px rgba(0,0,0,0.1), 0 8px 10px rgba(0,0,0,0.04);
164
+
165
+ --duration-instant: 50ms; --duration-fast: 100ms; --duration-normal: 200ms;
166
+ --duration-slow: 300ms; --duration-deliberate: 500ms;
93
167
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
94
168
  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
95
169
  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
96
170
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
97
171
 
98
- /* Typography */
99
172
  --font-display: 'Plus Jakarta Sans', sans-serif;
100
173
  --font-text: 'Inter', sans-serif;
101
174
  --font-mono: 'JetBrains Mono', monospace;
102
175
 
103
- /* Component tokens */
104
- --button-height-xs: 28px;
105
- --button-height-sm: 32px;
106
- --button-height-md: 36px;
107
- --button-height-lg: 42px;
108
- --button-height-xl: 50px;
109
- --radius-button: 8px;
110
- --radius-card: 12px;
111
- --radius-modal: 16px;
112
- --radius-badge: 9999px;
113
- --focus-ring-width: 3px;
114
- --focus-ring-offset: 2px;
176
+ --button-height-xs: 28px; --button-height-sm: 32px; --button-height-md: 36px;
177
+ --button-height-lg: 42px; --button-height-xl: 50px;
178
+ --focus-ring-width: 3px; --focus-ring-offset: 2px;
115
179
  }
116
180
 
117
- /* ─── Dark mode ─────────────────────────────────────────────────── */
118
181
  [data-theme='dark'] {
119
182
  --color-surface: #111827;
120
183
  --color-bg: #1f2937;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@techv/design-system",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "author": "Pranav V K <pranavvk@techversantinfotech.com>",
5
5
  "license": "MIT",
6
6
  "main": "./dist/cjs/index.js",
@@ -39,8 +39,8 @@
39
39
  "ts-node": "^10.9.2",
40
40
  "tslib": "^2.6.2",
41
41
  "typescript": "~5.4.5",
42
- "@techv/ui": "0.1.0",
43
- "@techv/tokens": "0.1.0"
42
+ "@techv/tokens": "0.1.0",
43
+ "@techv/ui": "0.1.0"
44
44
  },
45
45
  "publishConfig": {
46
46
  "registry": "https://registry.npmjs.org",