@sesamehr/react-design-system 1.4.0 → 1.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sesamehr/react-design-system",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "Sesame HR React design system — components and design tokens",
   "license": "MIT",
   "type": "module",
@@ -44,10 +44,12 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@number-flow/react": "^0.6.2",
     "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-progress": "^1.1.16",
     "@radix-ui/react-radio-group": "^1.3.7",
     "@radix-ui/react-select": "^2.3.7",
     "@radix-ui/react-slot": "^1.2.3",

package/src/assets/styles/theme-v3.css

@@ -92,6 +92,29 @@
   --chart-4: var(--color-brand-700);
   --chart-5: var(--color-brand-800);
 
+  /* Categorical palette. The slot number is the contract, not the hue behind
+     it: callers pick a category, so a hue can be re-pointed here without a
+     single call site changing meaning. Ordered as the Figma set is. */
+  --category-1: var(--brand); /* brand */
+  --category-2: var(--color-purple-500); /* purple */
+  --category-3: var(--color-amber-500); /* amber */
+  --category-4: var(--color-teal-500); /* teal */
+  --category-5: var(--color-orange-500); /* orange */
+  --category-6: var(--color-zinc-500); /* zinc */
+  --category-7: var(--color-red-500); /* red */
+  --category-8: var(--color-yellow-500); /* yellow */
+  --category-9: var(--color-lime-500); /* lime */
+  --category-10: var(--color-green-500); /* green */
+  --category-11: var(--color-emerald-500); /* emerald */
+  --category-12: var(--color-cyan-500); /* cyan */
+  --category-13: var(--color-sky-500); /* sky */
+  --category-14: var(--color-blue-500); /* blue */
+  --category-15: var(--color-indigo-500); /* indigo */
+  --category-16: var(--color-violet-500); /* violet */
+  --category-17: var(--color-fuchsia-500); /* fuchsia */
+  --category-18: var(--color-pink-500); /* pink */
+  --category-19: var(--color-rose-500); /* rose */
+
   --sidebar-background: var(--color-white);
   --sidebar-foreground: var(--color-zinc-900);
   --sidebar-primary: var(--color-brand-500);
@@ -173,6 +196,25 @@
   --color-chart-3: var(--chart-3);
   --color-chart-4: var(--chart-4);
   --color-chart-5: var(--chart-5);
+  --color-category-1: var(--category-1);
+  --color-category-2: var(--category-2);
+  --color-category-3: var(--category-3);
+  --color-category-4: var(--category-4);
+  --color-category-5: var(--category-5);
+  --color-category-6: var(--category-6);
+  --color-category-7: var(--category-7);
+  --color-category-8: var(--category-8);
+  --color-category-9: var(--category-9);
+  --color-category-10: var(--category-10);
+  --color-category-11: var(--category-11);
+  --color-category-12: var(--category-12);
+  --color-category-13: var(--category-13);
+  --color-category-14: var(--category-14);
+  --color-category-15: var(--category-15);
+  --color-category-16: var(--category-16);
+  --color-category-17: var(--category-17);
+  --color-category-18: var(--category-18);
+  --color-category-19: var(--category-19);
   --color-sidebar: var(--sidebar-background);
   --color-sidebar-foreground: var(--sidebar-foreground);
   --color-sidebar-primary: var(--sidebar-primary);

package/dist/Navigation/Tabs/Tabs.d.ts

@@ -1,6 +0,0 @@
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-export interface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
-    dataTestid: string;
-}
-/** Tabs root — built on `@radix-ui/react-tabs`. */
-export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Navigation/Tabs/TabsContent.d.ts

@@ -1,3 +0,0 @@
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-export type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
-export declare const TabsContent: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Navigation/Tabs/TabsList.d.ts

@@ -1,3 +0,0 @@
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-export type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
-export declare const TabsList: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Navigation/Tabs/TabsTrigger.d.ts

@@ -1,3 +0,0 @@
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-export type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
-export declare const TabsTrigger: import('react').ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/Navigation/Tabs/index.d.ts

@@ -1,4 +0,0 @@
-export { Tabs, type TabsProps } from './Tabs.tsx';
-export { TabsList, type TabsListProps } from './TabsList.tsx';
-export { TabsTrigger, type TabsTriggerProps } from './TabsTrigger.tsx';
-export { TabsContent, type TabsContentProps } from './TabsContent.tsx';