@sesamehr/react-design-system 1.2.0 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sesamehr/react-design-system",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Sesame HR React design system — components and design tokens",
   "license": "MIT",
   "type": "module",

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

@@ -16,12 +16,16 @@
    =========================================== */
 
 :root {
-  /* ===== RADIUS (custom scale, differs from Tailwind) ===== */
+  /* ===== RADIUS =====
+     Values come from the Figma collection "Primitive-radius", which matches the
+     Tailwind v4 scale. Do not swap these for shadcn's derived scale
+     (`--radius` +/- 4px, i.e. 6/8/10/14) — that is what used to be here, and it
+     silently shifted sm/md/lg/xl two pixels away from every design. */
   --radius-xs: 0.125rem; /* 2px */
-  --radius-sm: 0.375rem; /* 6px */
-  --radius-md: 0.5rem; /* 8px */
-  --radius-lg: 0.625rem; /* 10px */
-  --radius-xl: 0.875rem; /* 14px */
+  --radius-sm: 0.25rem; /* 4px */
+  --radius-md: 0.375rem; /* 6px */
+  --radius-lg: 0.5rem; /* 8px */
+  --radius-xl: 0.75rem; /* 12px */
   --radius-2xl: 1rem; /* 16px */
   --radius-3xl: 1.5rem; /* 24px */
   --radius-4xl: 2rem; /* 32px */

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

@@ -283,13 +283,13 @@
       height: 0;
     }
     to {
-      height: var(--reka-accordion-content-height);
+      height: var(--radix-accordion-content-height);
     }
   }
 
   @keyframes accordion-up {
     from {
-      height: var(--reka-accordion-content-height);
+      height: var(--radix-accordion-content-height);
     }
     to {
       height: 0;

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

@@ -200,13 +200,13 @@
       height: 0;
     }
     to {
-      height: var(--reka-accordion-content-height);
+      height: var(--radix-accordion-content-height);
     }
   }
 
   @keyframes accordion-up {
     from {
-      height: var(--reka-accordion-content-height);
+      height: var(--radix-accordion-content-height);
     }
     to {
       height: 0;

package/dist/Display/Avatar/Avatar.d.ts

@@ -1,24 +0,0 @@
-import { BulletVariants } from '../../Feedback/Bullet/index.ts';
-import { AvatarVariants } from './index.ts';
-export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
-    /** Image source URL */
-    src?: string;
-    /** Fallback initials (max 2 characters) */
-    initials?: string;
-    /** Avatar size */
-    size?: AvatarVariants['size'];
-    /** Disabled state - shows gray placeholder */
-    disabled?: boolean;
-    /** Status indicator color - automatically positions Bullet based on size */
-    status?: BulletVariants['color'];
-    /** Action slot (rendered top-right) */
-    action?: React.ReactNode;
-    /** Label slot (rendered bottom-center) */
-    label?: React.ReactNode;
-    dataTestid: string;
-}
-/**
- * Avatar — mirrors `@sesame/orxata-core` Avatar. SVG hexagon shape with hover
- * drop-shadow, clip-path image, foreignObject initials, and status Bullet.
- */
-export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLSpanElement>>;