@mehdashti/tokens 0.1.0 → 0.2.0

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 (18) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +1 -1
  3. package/dist/colors.d.ts +24 -10
  4. package/dist/colors.d.ts.map +1 -1
  5. package/dist/colors.js +34 -13
  6. package/dist/colors.js.map +1 -1
  7. package/dist/css/theme-dark.css +9 -4
  8. package/dist/css/theme-light.css +13 -8
  9. package/dist/css/theme.css +52 -12
  10. package/dist/density.d.ts +36 -0
  11. package/dist/density.d.ts.map +1 -0
  12. package/dist/density.js +48 -0
  13. package/dist/density.js.map +1 -0
  14. package/dist/index.d.ts +2 -0
  15. package/dist/index.d.ts.map +1 -1
  16. package/dist/index.js +2 -0
  17. package/dist/index.js.map +1 -1
  18. package/package.json +6 -6
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2025 Mahdi Ashti
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -215,4 +215,4 @@ function PrimaryButton() {
215
215
 
216
216
  ---
217
217
 
218
- **Version:** 0.0.1
218
+ **Version:** 0.1.1
package/dist/colors.d.ts CHANGED
@@ -32,6 +32,18 @@ export declare const brandColors: {
32
32
  };
33
33
  };
34
34
  export declare const semanticColors: {
35
+ readonly neutral: {
36
+ readonly 50: "#eff6ff";
37
+ readonly 100: "#dbeafe";
38
+ readonly 200: "#bfdbfe";
39
+ readonly 300: "#93c5fd";
40
+ readonly 400: "#60a5fa";
41
+ readonly 500: "#3b82f6";
42
+ readonly 600: "#2563eb";
43
+ readonly 700: "#1d4ed8";
44
+ readonly 800: "#1e40af";
45
+ readonly 900: "#1e3a8a";
46
+ };
35
47
  readonly success: {
36
48
  readonly 50: "#f0fdf4";
37
49
  readonly 100: "#dcfce7";
@@ -45,16 +57,16 @@ export declare const semanticColors: {
45
57
  readonly 900: "#14532d";
46
58
  };
47
59
  readonly warning: {
48
- readonly 50: "#fffbeb";
49
- readonly 100: "#fef3c7";
50
- readonly 200: "#fde68a";
51
- readonly 300: "#fcd34d";
52
- readonly 400: "#fbbf24";
53
- readonly 500: "#f59e0b";
54
- readonly 600: "#d97706";
55
- readonly 700: "#b45309";
56
- readonly 800: "#92400e";
57
- readonly 900: "#78350f";
60
+ readonly 50: "#fff7ed";
61
+ readonly 100: "#ffedd5";
62
+ readonly 200: "#fed7aa";
63
+ readonly 300: "#fdba74";
64
+ readonly 400: "#fb923c";
65
+ readonly 500: "#f97316";
66
+ readonly 600: "#ea580c";
67
+ readonly 700: "#c2410c";
68
+ readonly 800: "#9a3412";
69
+ readonly 900: "#7c2d12";
58
70
  };
59
71
  readonly error: {
60
72
  readonly 50: "#fef2f2";
@@ -119,6 +131,8 @@ export interface ThemeColors {
119
131
  destructiveForeground: string;
120
132
  muted: string;
121
133
  mutedForeground: string;
134
+ neutral: string;
135
+ neutralForeground: string;
122
136
  success: string;
123
137
  successForeground: string;
124
138
  warning: string;
package/dist/colors.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Bd,CAAC;AAMX,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDjB,CAAC;AAMX,eAAO,MAAM,aAAa;;;;;;;;;;;;CAYhB,CAAC;AAMX,MAAM,WAAW,WAAW;IAE1B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAG3B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAG3B,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IAGxB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAG1B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAG5B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAGzB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAG9B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IAGxB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,WAyCxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAyCvB,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Bd,CAAC;AAMX,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEjB,CAAC;AAMX,eAAO,MAAM,aAAa;;;;;;;;;;;;CAYhB,CAAC;AAMX,MAAM,WAAW,WAAW;IAE1B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAG3B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAG3B,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IAGxB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAG1B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAG5B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAGzB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAG9B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IAGxB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,WA2CxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WA2CvB,CAAC"}
package/dist/colors.js CHANGED
@@ -38,6 +38,20 @@ export const brandColors = {
38
38
  // Semantic Colors
39
39
  // =============================================================================
40
40
  export const semanticColors = {
41
+ // Neutral (Blue) - SAP Fiori Neutral state
42
+ neutral: {
43
+ 50: "#eff6ff",
44
+ 100: "#dbeafe",
45
+ 200: "#bfdbfe",
46
+ 300: "#93c5fd",
47
+ 400: "#60a5fa",
48
+ 500: "#3b82f6",
49
+ 600: "#2563eb",
50
+ 700: "#1d4ed8",
51
+ 800: "#1e40af",
52
+ 900: "#1e3a8a",
53
+ },
54
+ // Success (Green) - SAP Fiori Positive state
41
55
  success: {
42
56
  50: "#f0fdf4",
43
57
  100: "#dcfce7",
@@ -50,18 +64,20 @@ export const semanticColors = {
50
64
  800: "#166534",
51
65
  900: "#14532d",
52
66
  },
67
+ // Warning (Orange) - SAP Fiori Critical state
53
68
  warning: {
54
- 50: "#fffbeb",
55
- 100: "#fef3c7",
56
- 200: "#fde68a",
57
- 300: "#fcd34d",
58
- 400: "#fbbf24",
59
- 500: "#f59e0b",
60
- 600: "#d97706",
61
- 700: "#b45309",
62
- 800: "#92400e",
63
- 900: "#78350f",
69
+ 50: "#fff7ed",
70
+ 100: "#ffedd5",
71
+ 200: "#fed7aa",
72
+ 300: "#fdba74",
73
+ 400: "#fb923c",
74
+ 500: "#f97316",
75
+ 600: "#ea580c",
76
+ 700: "#c2410c",
77
+ 800: "#9a3412",
78
+ 900: "#7c2d12",
64
79
  },
80
+ // Error/Destructive (Red) - SAP Fiori Negative state
65
81
  error: {
66
82
  50: "#fef2f2",
67
83
  100: "#fee2e2",
@@ -74,6 +90,7 @@ export const semanticColors = {
74
90
  800: "#991b1b",
75
91
  900: "#7f1d1d",
76
92
  },
93
+ // Info (Blue) - Additional informational state
77
94
  info: {
78
95
  50: "#eff6ff",
79
96
  100: "#dbeafe",
@@ -128,10 +145,12 @@ export const lightTheme = {
128
145
  destructiveForeground: "#ffffff",
129
146
  muted: neutralColors[100],
130
147
  mutedForeground: neutralColors[500],
148
+ neutral: semanticColors.neutral[600],
149
+ neutralForeground: "#ffffff",
131
150
  success: semanticColors.success[600],
132
151
  successForeground: "#ffffff",
133
- warning: semanticColors.warning[500],
134
- warningForeground: neutralColors[900],
152
+ warning: semanticColors.warning[600],
153
+ warningForeground: "#ffffff",
135
154
  error: semanticColors.error[600],
136
155
  errorForeground: "#ffffff",
137
156
  info: semanticColors.info[600],
@@ -162,10 +181,12 @@ export const darkTheme = {
162
181
  destructiveForeground: "#ffffff",
163
182
  muted: neutralColors[800],
164
183
  mutedForeground: neutralColors[400],
184
+ neutral: semanticColors.neutral[500],
185
+ neutralForeground: "#ffffff",
165
186
  success: semanticColors.success[500],
166
187
  successForeground: "#ffffff",
167
188
  warning: semanticColors.warning[500],
168
- warningForeground: neutralColors[900],
189
+ warningForeground: "#ffffff",
169
190
  error: semanticColors.error[500],
170
191
  errorForeground: "#ffffff",
171
192
  info: semanticColors.info[500],
package/dist/colors.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"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"}
package/dist/css/theme-dark.css CHANGED
@@ -40,17 +40,22 @@
40
40
  --ring: 195 45% 38%;
41
41
 
42
42
  /* Semantic colors - Dark */
43
- --success: 156 72% 67%; /* #6EE7B7 - text */
43
+ --neutral: 213 93% 78%; /* #93C5FD - SAP Fiori Neutral state */
44
+ --neutral-foreground: 213 93% 78%;
45
+ --neutral-bg: 214 52% 24%; /* #1E3A5F */
46
+ --neutral-border: 224 76% 40%; /* #1E40AF */
47
+
48
+ --success: 156 72% 67%; /* #6EE7B7 - SAP Fiori Positive state */
44
49
  --success-foreground: 156 72% 67%;
45
50
  --success-bg: 166 91% 16%; /* #064E3B */
46
51
  --success-border: 163 94% 20%; /* #065F46 */
47
52
 
48
- --warning: 43 96% 65%; /* #FCD34D - text */
53
+ --warning: 43 96% 65%; /* #FCD34D - SAP Fiori Critical state */
49
54
  --warning-foreground: 43 96% 65%;
50
55
  --warning-bg: 22 92% 14%; /* #451A03 */
51
56
  --warning-border: 26 79% 26%; /* #78350F */
52
57
 
53
- --info: 213 93% 78%; /* #93C5FD - text */
58
+ --info: 213 93% 78%; /* #93C5FD */
54
59
  --info-foreground: 213 93% 78%;
55
60
  --info-bg: 214 52% 24%; /* #1E3A5F */
56
61
  --info-border: 224 76% 40%; /* #1E40AF */
@@ -58,7 +63,7 @@
58
63
  --destructive-bg: 0 77% 15%; /* #450A0A */
59
64
  --destructive-border: 0 63% 31%; /* #7F1D1D */
60
65
 
61
- /* Error alias (same as destructive) */
66
+ /* Error alias (same as destructive) - SAP Fiori Negative state */
62
67
  --error: 0 94% 82%; /* #FCA5A5 */
63
68
  --error-bg: 0 77% 15%; /* #450A0A */
64
69
  --error-border: 0 63% 31%; /* #7F1D1D */
package/dist/css/theme-light.css CHANGED
@@ -42,25 +42,30 @@
42
42
  --radius: 3px;
43
43
 
44
44
  /* Semantic colors - Light */
45
- --success: 142 64% 24%; /* #166534 - text */
45
+ --neutral: 224 76% 48%; /* #2563EB - SAP Fiori Neutral state */
46
+ --neutral-foreground: 0 0% 100%;
47
+ --neutral-bg: 214 95% 93%; /* #DBEAFE */
48
+ --neutral-border: 213 93% 78%; /* #93C5FD */
49
+
50
+ --success: 142 64% 24%; /* #166534 - SAP Fiori Positive state */
46
51
  --success-foreground: 0 0% 100%;
47
52
  --success-bg: 142 72% 94%; /* #DCFCE7 */
48
53
  --success-border: 142 77% 73%; /* #86EFAC */
49
54
 
50
- --warning: 26 83% 31%; /* #92400E - text */
51
- --warning-foreground: 26 83% 31%;
52
- --warning-bg: 48 96% 89%; /* #FEF3C7 */
53
- --warning-border: 43 96% 65%; /* #FCD34D */
55
+ --warning: 26 83% 31%; /* #92400E - SAP Fiori Critical state */
56
+ --warning-foreground: 0 0% 100%;
57
+ --warning-bg: 25 95% 90%; /* #FFEDD5 */
58
+ --warning-border: 25 95% 70%; /* #FDBA74 */
54
59
 
55
- --info: 224 76% 40%; /* #1E40AF - text */
56
- --info-foreground: 224 76% 40%;
60
+ --info: 224 76% 40%; /* #1E40AF */
61
+ --info-foreground: 0 0% 100%;
57
62
  --info-bg: 214 95% 93%; /* #DBEAFE */
58
63
  --info-border: 213 93% 78%; /* #93C5FD */
59
64
 
60
65
  --destructive-bg: 0 93% 94%; /* #FEE2E2 */
61
66
  --destructive-border: 0 94% 82%; /* #FCA5A5 */
62
67
 
63
- /* Error alias (same as destructive) */
68
+ /* Error alias (same as destructive) - SAP Fiori Negative state */
64
69
  --error: 0 74% 35%; /* #991B1B */
65
70
  --error-bg: 0 93% 94%; /* #FEE2E2 */
66
71
  --error-border: 0 94% 82%; /* #FCA5A5 */
package/dist/css/theme.css CHANGED
@@ -70,6 +70,36 @@
70
70
  --z-popover: 1500;
71
71
  --z-tooltip: 1600;
72
72
  --z-toast: 1700;
73
+
74
+ /* Density Modes - Default (Balanced) */
75
+ --density-height: 2.5rem;
76
+ --density-padding-x: 0.875rem;
77
+ --density-padding-y: 0.625rem;
78
+ --density-font-size: 0.9375rem;
79
+ --density-gap: 0.625rem;
80
+ --density-icon-size: 1.125rem;
81
+ }
82
+
83
+ /* Cozy Mode - Touch-friendly */
84
+ .density-cozy,
85
+ [data-density="cozy"] {
86
+ --density-height: 2.75rem;
87
+ --density-padding-x: 1rem;
88
+ --density-padding-y: 0.75rem;
89
+ --density-font-size: 1rem;
90
+ --density-gap: 0.75rem;
91
+ --density-icon-size: 1.25rem;
92
+ }
93
+
94
+ /* Compact Mode - Desktop-optimized */
95
+ .density-compact,
96
+ [data-density="compact"] {
97
+ --density-height: 2rem;
98
+ --density-padding-x: 0.75rem;
99
+ --density-padding-y: 0.5rem;
100
+ --density-font-size: 0.875rem;
101
+ --density-gap: 0.5rem;
102
+ --density-icon-size: 1rem;
73
103
  }
74
104
 
75
105
  /**
@@ -116,25 +146,30 @@
116
146
  --radius: 3px;
117
147
 
118
148
  /* Semantic colors - Light */
119
- --success: 142 64% 24%; /* #166534 - text */
149
+ --neutral: 224 76% 48%; /* #2563EB - SAP Fiori Neutral state */
150
+ --neutral-foreground: 0 0% 100%;
151
+ --neutral-bg: 214 95% 93%; /* #DBEAFE */
152
+ --neutral-border: 213 93% 78%; /* #93C5FD */
153
+
154
+ --success: 142 64% 24%; /* #166534 - SAP Fiori Positive state */
120
155
  --success-foreground: 0 0% 100%;
121
156
  --success-bg: 142 72% 94%; /* #DCFCE7 */
122
157
  --success-border: 142 77% 73%; /* #86EFAC */
123
158
 
124
- --warning: 26 83% 31%; /* #92400E - text */
125
- --warning-foreground: 26 83% 31%;
126
- --warning-bg: 48 96% 89%; /* #FEF3C7 */
127
- --warning-border: 43 96% 65%; /* #FCD34D */
159
+ --warning: 26 83% 31%; /* #92400E - SAP Fiori Critical state */
160
+ --warning-foreground: 0 0% 100%;
161
+ --warning-bg: 25 95% 90%; /* #FFEDD5 */
162
+ --warning-border: 25 95% 70%; /* #FDBA74 */
128
163
 
129
- --info: 224 76% 40%; /* #1E40AF - text */
130
- --info-foreground: 224 76% 40%;
164
+ --info: 224 76% 40%; /* #1E40AF */
165
+ --info-foreground: 0 0% 100%;
131
166
  --info-bg: 214 95% 93%; /* #DBEAFE */
132
167
  --info-border: 213 93% 78%; /* #93C5FD */
133
168
 
134
169
  --destructive-bg: 0 93% 94%; /* #FEE2E2 */
135
170
  --destructive-border: 0 94% 82%; /* #FCA5A5 */
136
171
 
137
- /* Error alias (same as destructive) */
172
+ /* Error alias (same as destructive) - SAP Fiori Negative state */
138
173
  --error: 0 74% 35%; /* #991B1B */
139
174
  --error-bg: 0 93% 94%; /* #FEE2E2 */
140
175
  --error-border: 0 94% 82%; /* #FCA5A5 */
@@ -196,17 +231,22 @@
196
231
  --ring: 195 45% 38%;
197
232
 
198
233
  /* Semantic colors - Dark */
199
- --success: 156 72% 67%; /* #6EE7B7 - text */
234
+ --neutral: 213 93% 78%; /* #93C5FD - SAP Fiori Neutral state */
235
+ --neutral-foreground: 213 93% 78%;
236
+ --neutral-bg: 214 52% 24%; /* #1E3A5F */
237
+ --neutral-border: 224 76% 40%; /* #1E40AF */
238
+
239
+ --success: 156 72% 67%; /* #6EE7B7 - SAP Fiori Positive state */
200
240
  --success-foreground: 156 72% 67%;
201
241
  --success-bg: 166 91% 16%; /* #064E3B */
202
242
  --success-border: 163 94% 20%; /* #065F46 */
203
243
 
204
- --warning: 43 96% 65%; /* #FCD34D - text */
244
+ --warning: 43 96% 65%; /* #FCD34D - SAP Fiori Critical state */
205
245
  --warning-foreground: 43 96% 65%;
206
246
  --warning-bg: 22 92% 14%; /* #451A03 */
207
247
  --warning-border: 26 79% 26%; /* #78350F */
208
248
 
209
- --info: 213 93% 78%; /* #93C5FD - text */
249
+ --info: 213 93% 78%; /* #93C5FD */
210
250
  --info-foreground: 213 93% 78%;
211
251
  --info-bg: 214 52% 24%; /* #1E3A5F */
212
252
  --info-border: 224 76% 40%; /* #1E40AF */
@@ -214,7 +254,7 @@
214
254
  --destructive-bg: 0 77% 15%; /* #450A0A */
215
255
  --destructive-border: 0 63% 31%; /* #7F1D1D */
216
256
 
217
- /* Error alias (same as destructive) */
257
+ /* Error alias (same as destructive) - SAP Fiori Negative state */
218
258
  --error: 0 94% 82%; /* #FCA5A5 */
219
259
  --error-bg: 0 77% 15%; /* #450A0A */
220
260
  --error-border: 0 63% 31%; /* #7F1D1D */
package/dist/density.d.ts ADDED
@@ -0,0 +1,36 @@
1
+ /**
2
+ * Density Mode Tokens
3
+ *
4
+ * Defines spacing and sizing for different density modes
5
+ * Aligned with SAP Fiori Cozy/Compact patterns
6
+ */
7
+ export interface DensityConfig {
8
+ height: string;
9
+ paddingX: string;
10
+ paddingY: string;
11
+ fontSize: string;
12
+ gap: string;
13
+ iconSize: string;
14
+ }
15
+ /**
16
+ * Cozy mode - Touch-friendly sizing for mobile and tablet devices
17
+ * Minimum touch target: 44px (Apple HIG) / 48px (Material Design)
18
+ */
19
+ export declare const cozyMode: DensityConfig;
20
+ /**
21
+ * Compact mode - Desktop-optimized for mouse and keyboard
22
+ * Smaller footprint for information density
23
+ */
24
+ export declare const compactMode: DensityConfig;
25
+ /**
26
+ * Default mode - Balanced between cozy and compact
27
+ * Used when density is set to "inherit"
28
+ */
29
+ export declare const defaultMode: DensityConfig;
30
+ export declare const density: {
31
+ readonly cozy: DensityConfig;
32
+ readonly compact: DensityConfig;
33
+ readonly default: DensityConfig;
34
+ };
35
+ export type DensityMode = keyof typeof density;
36
+ //# sourceMappingURL=density.d.ts.map
package/dist/density.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../src/density.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,aAOb,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,aAOhB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,aAOhB,CAAC;AAEX,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,OAAO,CAAC"}
package/dist/density.js ADDED
@@ -0,0 +1,48 @@
1
+ /**
2
+ * Density Mode Tokens
3
+ *
4
+ * Defines spacing and sizing for different density modes
5
+ * Aligned with SAP Fiori Cozy/Compact patterns
6
+ */
7
+ /**
8
+ * Cozy mode - Touch-friendly sizing for mobile and tablet devices
9
+ * Minimum touch target: 44px (Apple HIG) / 48px (Material Design)
10
+ */
11
+ export const cozyMode = {
12
+ height: "2.75rem", // 44px
13
+ paddingX: "1rem", // 16px
14
+ paddingY: "0.75rem", // 12px
15
+ fontSize: "1rem", // 16px
16
+ gap: "0.75rem", // 12px
17
+ iconSize: "1.25rem", // 20px
18
+ };
19
+ /**
20
+ * Compact mode - Desktop-optimized for mouse and keyboard
21
+ * Smaller footprint for information density
22
+ */
23
+ export const compactMode = {
24
+ height: "2rem", // 32px
25
+ paddingX: "0.75rem", // 12px
26
+ paddingY: "0.5rem", // 8px
27
+ fontSize: "0.875rem", // 14px
28
+ gap: "0.5rem", // 8px
29
+ iconSize: "1rem", // 16px
30
+ };
31
+ /**
32
+ * Default mode - Balanced between cozy and compact
33
+ * Used when density is set to "inherit"
34
+ */
35
+ export const defaultMode = {
36
+ height: "2.5rem", // 40px
37
+ paddingX: "0.875rem", // 14px
38
+ paddingY: "0.625rem", // 10px
39
+ fontSize: "0.9375rem", // 15px
40
+ gap: "0.625rem", // 10px
41
+ iconSize: "1.125rem", // 18px
42
+ };
43
+ export const density = {
44
+ cozy: cozyMode,
45
+ compact: compactMode,
46
+ default: defaultMode,
47
+ };
48
+ //# sourceMappingURL=density.js.map
package/dist/density.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"density.js","sourceRoot":"","sources":["../src/density.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAkB;IACrC,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,QAAQ,EAAE,MAAM,EAAE,OAAO;IACzB,QAAQ,EAAE,SAAS,EAAE,OAAO;IAC5B,QAAQ,EAAE,MAAM,EAAE,OAAO;IACzB,GAAG,EAAE,SAAS,EAAE,OAAO;IACvB,QAAQ,EAAE,SAAS,EAAE,OAAO;CACpB,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAkB;IACxC,MAAM,EAAE,MAAM,EAAE,OAAO;IACvB,QAAQ,EAAE,SAAS,EAAE,OAAO;IAC5B,QAAQ,EAAE,QAAQ,EAAE,MAAM;IAC1B,QAAQ,EAAE,UAAU,EAAE,OAAO;IAC7B,GAAG,EAAE,QAAQ,EAAE,MAAM;IACrB,QAAQ,EAAE,MAAM,EAAE,OAAO;CACjB,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAkB;IACxC,MAAM,EAAE,QAAQ,EAAE,OAAO;IACzB,QAAQ,EAAE,UAAU,EAAE,OAAO;IAC7B,QAAQ,EAAE,UAAU,EAAE,OAAO;IAC7B,QAAQ,EAAE,WAAW,EAAE,OAAO;IAC9B,GAAG,EAAE,UAAU,EAAE,OAAO;IACxB,QAAQ,EAAE,UAAU,EAAE,OAAO;CACrB,CAAC;AAEX,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;CACZ,CAAC"}
package/dist/index.d.ts CHANGED
@@ -8,6 +8,7 @@
8
8
  * - Border radius
9
9
  * - Shadows
10
10
  * - Z-index layers
11
+ * - Density modes (cozy/compact)
11
12
  */
12
13
  export * from "./colors.js";
13
14
  export * from "./spacing.js";
@@ -16,4 +17,5 @@ export * from "./borders.js";
16
17
  export * from "./shadows.js";
17
18
  export * from "./zIndex.js";
18
19
  export * from "./breakpoints.js";
20
+ export * from "./density.js";
19
21
  //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
package/dist/index.js CHANGED
@@ -8,6 +8,7 @@
8
8
  * - Border radius
9
9
  * - Shadows
10
10
  * - Z-index layers
11
+ * - Density modes (cozy/compact)
11
12
  */
12
13
  export * from "./colors.js";
13
14
  export * from "./spacing.js";
@@ -16,4 +17,5 @@ export * from "./borders.js";
16
17
  export * from "./shadows.js";
17
18
  export * from "./zIndex.js";
18
19
  export * from "./breakpoints.js";
20
+ export * from "./density.js";
19
21
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mehdashti/tokens",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Design tokens for Smart Platform - colors, spacing, typography, and themes",
5
5
  "author": "mehdashti",
6
6
  "license": "MIT",
@@ -37,13 +37,13 @@
37
37
  "files": [
38
38
  "dist"
39
39
  ],
40
+ "devDependencies": {
41
+ "typescript": "^5.7.2",
42
+ "@smart/typescript-config": "0.0.0"
43
+ },
40
44
  "scripts": {
41
45
  "build": "node scripts/build.js && tsc",
42
46
  "dev": "node scripts/build.js --watch",
43
47
  "clean": "rm -rf dist"
44
- },
45
- "devDependencies": {
46
- "@smart/typescript-config": "workspace:*",
47
- "typescript": "^5.7.2"
48
48
  }
49
- }
49
+ }