@sesamehr/react-design-system 1.4.0 → 1.5.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sesamehr/react-design-system",
3
- "version": "1.4.0",
3
+ "version": "1.5.0",
4
4
  "description": "Sesame HR React design system — components and design tokens",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -92,6 +92,29 @@
92
92
  --chart-4: var(--color-brand-700);
93
93
  --chart-5: var(--color-brand-800);
94
94
 
95
+ /* Categorical palette. The slot number is the contract, not the hue behind
96
+ it: callers pick a category, so a hue can be re-pointed here without a
97
+ single call site changing meaning. Ordered as the Figma set is. */
98
+ --category-1: var(--brand); /* brand */
99
+ --category-2: var(--color-purple-500); /* purple */
100
+ --category-3: var(--color-amber-500); /* amber */
101
+ --category-4: var(--color-teal-500); /* teal */
102
+ --category-5: var(--color-orange-500); /* orange */
103
+ --category-6: var(--color-zinc-500); /* zinc */
104
+ --category-7: var(--color-red-500); /* red */
105
+ --category-8: var(--color-yellow-500); /* yellow */
106
+ --category-9: var(--color-lime-500); /* lime */
107
+ --category-10: var(--color-green-500); /* green */
108
+ --category-11: var(--color-emerald-500); /* emerald */
109
+ --category-12: var(--color-cyan-500); /* cyan */
110
+ --category-13: var(--color-sky-500); /* sky */
111
+ --category-14: var(--color-blue-500); /* blue */
112
+ --category-15: var(--color-indigo-500); /* indigo */
113
+ --category-16: var(--color-violet-500); /* violet */
114
+ --category-17: var(--color-fuchsia-500); /* fuchsia */
115
+ --category-18: var(--color-pink-500); /* pink */
116
+ --category-19: var(--color-rose-500); /* rose */
117
+
95
118
  --sidebar-background: var(--color-white);
96
119
  --sidebar-foreground: var(--color-zinc-900);
97
120
  --sidebar-primary: var(--color-brand-500);
@@ -173,6 +196,25 @@
173
196
  --color-chart-3: var(--chart-3);
174
197
  --color-chart-4: var(--chart-4);
175
198
  --color-chart-5: var(--chart-5);
199
+ --color-category-1: var(--category-1);
200
+ --color-category-2: var(--category-2);
201
+ --color-category-3: var(--category-3);
202
+ --color-category-4: var(--category-4);
203
+ --color-category-5: var(--category-5);
204
+ --color-category-6: var(--category-6);
205
+ --color-category-7: var(--category-7);
206
+ --color-category-8: var(--category-8);
207
+ --color-category-9: var(--category-9);
208
+ --color-category-10: var(--category-10);
209
+ --color-category-11: var(--category-11);
210
+ --color-category-12: var(--category-12);
211
+ --color-category-13: var(--category-13);
212
+ --color-category-14: var(--category-14);
213
+ --color-category-15: var(--category-15);
214
+ --color-category-16: var(--category-16);
215
+ --color-category-17: var(--category-17);
216
+ --color-category-18: var(--category-18);
217
+ --color-category-19: var(--category-19);
176
218
  --color-sidebar: var(--sidebar-background);
177
219
  --color-sidebar-foreground: var(--sidebar-foreground);
178
220
  --color-sidebar-primary: var(--sidebar-primary);