mautourco-components 0.2.4 → 0.2.7

package/package.json

@@ -1,103 +1,103 @@
-{
-  "name": "mautourco-components",
-  "version": "0.2.4",
-  "private": false,
-  "description": "Bibliothèque de composants Motorco pour le redesign",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist",
-    "src/components",
-    "src/styles",
-    "README.md"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/mautourco/motorco.git"
-  },
-  "keywords": [
-    "react",
-    "components",
-    "design-system",
-    "motorco"
-  ],
-  "dependencies": {
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.8.0",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.5.2",
-    "@types/node": "^20.19.0",
-    "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.9",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "date-fns": "^4.1.0",
-    "lucide-react": "^0.554.0",
-    "react": "^19.1.1",
-    "react-day-picker": "^9.11.2",
-    "react-dom": "^19.1.1",
-    "typescript": "^4.9.5",
-    "web-vitals": "^2.1.4"
-  },
-  "scripts": {
-    "start": "concurrently \"npm run watch-tokens\" \"vite\"",
-    "build": "vite build && npm run build-storybook && npx cpx2 \"storybook-static/**\" build/storybook",
-    "build:css": "node scripts/build-css.js",
-    "build:css:copy": "node scripts/copy-css-to-components.js",
-    "build:package": "npm run build-tokens && npm run build:css && tsc --build tsconfig.build.json && npm run build:css:copy",
-    "prepublishOnly": "npm run build:package",
-    "test": "vitest",
-    "build-tokens": "style-dictionary build --config style-dictionary.config.js",
-    "watch-tokens": "nodemon --watch tokens --ext json --exec \"npm run build-tokens\"",
-    "storybook": "storybook dev -p 6006",
-    "storybook:dev": "concurrently \"npm run watch-tokens\" \"storybook dev -p 6006\"",
-    "build-storybook": "storybook build --output-dir storybook-static"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest",
-      "plugin:storybook/recommended"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@storybook/addon-actions": "^9.0.8",
-    "@storybook/addon-docs": "^9.1.5",
-    "@storybook/addon-onboarding": "^9.1.5",
-    "@storybook/react-vite": "^9.1.5",
-    "@tokens-studio/sd-transforms": "^2.0.1",
-    "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.9",
-    "@vitejs/plugin-react": "^5.1.1",
-    "autoprefixer": "^10.4.21",
-    "chokidar-cli": "^3.0.0",
-    "concurrently": "^9.2.1",
-    "cpx2": "^4.2.0",
-    "eslint-plugin-storybook": "^9.1.5",
-    "nodemon": "^3.1.10",
-    "postcss": "^8.5.6",
-    "postcss-cli": "^11.0.1",
-    "postcss-import": "^16.1.1",
-    "prop-types": "^15.8.1",
-    "storybook": "^9.1.5",
-    "style-dictionary": "^5.0.4",
-    "tailwindcss": "^3.4.17",
-    "vite": "^7.2.6",
-    "vitest": "^2.1.8"
-  }
-}
+{
+  "name": "mautourco-components",
+  "version": "0.2.7",
+  "private": false,
+  "description": "Bibliothèque de composants Motorco pour le redesign",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src/components",
+    "src/styles",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mautourco/motorco.git"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "design-system",
+    "motorco"
+  ],
+  "dependencies": {
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^20.19.0",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.9",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "lucide-react": "^0.554.0",
+    "react": "^19.1.1",
+    "react-day-picker": "^9.11.2",
+    "react-dom": "^19.1.1",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "concurrently \"npm run watch-tokens\" \"vite\"",
+    "build": "vite build && npm run build-storybook && npx cpx2 \"storybook-static/**\" build/storybook",
+    "build:css": "node scripts/build-css.js",
+    "build:css:copy": "node scripts/copy-css-to-components.js",
+    "build:package": "npm run build-tokens && npm run build:css && tsc --build tsconfig.build.json && npm run build:css:copy",
+    "prepublishOnly": "npm run build:package",
+    "test": "vitest",
+    "build-tokens": "style-dictionary build --config style-dictionary.config.js && node scripts/fix-font-weight-tokens.js",
+    "watch-tokens": "nodemon --watch tokens --ext json --exec \"npm run build-tokens\"",
+    "storybook": "storybook dev -p 6006",
+    "storybook:dev": "concurrently \"npm run watch-tokens\" \"storybook dev -p 6006\"",
+    "build-storybook": "storybook build --output-dir storybook-static"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest",
+      "plugin:storybook/recommended"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@storybook/addon-actions": "^9.0.8",
+    "@storybook/addon-docs": "^9.1.5",
+    "@storybook/addon-onboarding": "^9.1.5",
+    "@storybook/react-vite": "^9.1.5",
+    "@tokens-studio/sd-transforms": "^2.0.1",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react": "^5.1.1",
+    "autoprefixer": "^10.4.21",
+    "chokidar-cli": "^3.0.0",
+    "concurrently": "^9.2.1",
+    "cpx2": "^4.2.0",
+    "eslint-plugin-storybook": "^9.1.5",
+    "nodemon": "^3.1.10",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "postcss-import": "^16.1.1",
+    "prop-types": "^15.8.1",
+    "storybook": "^9.1.5",
+    "style-dictionary": "^5.0.4",
+    "tailwindcss": "^3.4.17",
+    "vite": "^7.2.6",
+    "vitest": "^2.1.8"
+  }
+}

package/src/components/atoms/Avatar/Avatar.tsx

@@ -1,60 +1,60 @@
-// src/components/Avatar.tsx
-import React from "react";
-
-export type AvatarSize = "sm" | "md" | "lg" | "xl";
-export type AvatarShape = "circle" | "rounded";
-export type AvatarColor = "gray" | "blue" | "pink" | "orange" | "green";
-
-export interface AvatarProps {
-  src?: string;
-  alt?: string;
-  name?: string;
-  size?: AvatarSize;
-  shape?: AvatarShape;
-  color?: AvatarColor;
-  className?: string;
-}
-
-// styling is driven by semantic classnames defined in `src/styles/components/avatar.css`
-
-export const Avatar: React.FC<AvatarProps> = ({
-  src,
-  alt,
-  name,
-  size = "md",
-  shape = "circle",
-  color = "blue",
-  className = "",
-}) => {
-  const [error, setError] = React.useState(false);
-
-  const initial =
-    name?.charAt(0)?.toUpperCase() ??
-    alt?.charAt(0)?.toUpperCase() ??
-    "A";
-
-  const classes = [
-    'avatar',
-    `avatar--${size}`,
-    `avatar--${shape}`,
-    !src || error ? `avatar--${color}` : '',
-    className,
-  ]
-    .filter(Boolean)
-    .join(' ');
-
-  return (
-    <div className={classes} aria-label={alt || name}>
-      {src && !error ? (
-        <img
-          src={src}
-          alt={alt || name}
-          className="avatar__img"
-          onError={() => setError(true)}
-        />
-      ) : (
-        <span className="avatar__initial">{initial}</span>
-      )}
-    </div>
-  );
-};
+// src/components/Avatar.tsx
+import React from "react";
+
+export type AvatarSize = "sm" | "md" | "lg" | "xl";
+export type AvatarShape = "circle" | "rounded";
+export type AvatarColor = "gray" | "blue" | "pink" | "orange" | "green";
+
+export interface AvatarProps {
+  src?: string;
+  alt?: string;
+  name?: string;
+  size?: AvatarSize;
+  shape?: AvatarShape;
+  color?: AvatarColor;
+  className?: string;
+}
+
+// styling is driven by semantic classnames defined in `src/styles/components/avatar.css`
+
+export const Avatar: React.FC<AvatarProps> = ({
+  src,
+  alt,
+  name,
+  size = "md",
+  shape = "circle",
+  color = "blue",
+  className = "",
+}) => {
+  const [error, setError] = React.useState(false);
+
+  const initial =
+    name?.charAt(0)?.toUpperCase() ??
+    alt?.charAt(0)?.toUpperCase() ??
+    "A";
+
+  const classes = [
+    'avatar',
+    `avatar--${size}`,
+    `avatar--${shape}`,
+    !src || error ? `avatar--${color}` : '',
+    className,
+  ]
+    .filter(Boolean)
+    .join(' ');
+
+  return (
+    <div className={classes} aria-label={alt || name}>
+      {src && !error ? (
+        <img
+          src={src}
+          alt={alt || name}
+          className="avatar__img"
+          onError={() => setError(true)}
+        />
+      ) : (
+        <span className="avatar__initial">{initial}</span>
+      )}
+    </div>
+  );
+};