@situaction/traq-ui-ste 1.0.4 → 1.0.6

package/README.md

@@ -1,3 +1,11 @@
 # Traq[UI]ste
 Tra[UI]ste est une librairie de composant crée par Situaction.
 
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,27 @@
+interface ButtonProps {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    primary?: boolean;
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Button/Button.js

@@ -0,0 +1,30 @@
+import { jsx as u } from "react/jsx-runtime";
+import '../../styles/Button.css';const o = {
+  "storybook-button": "_storybook-button_rvsxb_1",
+  "storybook-button--primary": "_storybook-button--primary_rvsxb_11",
+  "storybook-button--secondary": "_storybook-button--secondary_rvsxb_16",
+  "storybook-button--small": "_storybook-button--small_rvsxb_22",
+  "storybook-button--medium": "_storybook-button--medium_rvsxb_27",
+  "storybook-button--large": "_storybook-button--large_rvsxb_32"
+}, e = ({
+  primary: t = !1,
+  size: b = "medium",
+  backgroundColor: r,
+  label: s,
+  ...n
+}) => {
+  const y = t ? o["storybook-button--primary"] : o["storybook-button--secondary"];
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      type: "button",
+      className: [o["storybook-button"], o[`storybook-button--${b}`], y].join(" "),
+      style: { backgroundColor: r },
+      ...n,
+      children: s
+    }
+  );
+};
+export {
+  e as Button
+};

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Input(props: React.InputHTMLAttributes<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/Input.js

@@ -0,0 +1,11 @@
+import { jsx as p } from "react/jsx-runtime";
+import '../../styles/Input.css';const u = "_input_rpqtu_1", o = {
+  input: u
+};
+function i(t) {
+  const { className: n, ...s } = t;
+  return /* @__PURE__ */ p("input", { className: `${n} ${o.input}`, ...s });
+}
+export {
+  i as Input
+};

package/dist/main.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './components/Button/Button';
+export { Input } from './components/Input/Input';

package/dist/main.js

@@ -0,0 +1,6 @@
+import { Button as r } from "./components/Button/Button.js";
+import { Input as e } from "./components/Input/Input.js";
+export {
+  r as Button,
+  e as Input
+};

package/dist/styles/Button.css

@@ -0,0 +1 @@
+._storybook-button_rvsxb_1{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}._storybook-button--primary_rvsxb_11{color:#fff;background-color:#49259e}._storybook-button--secondary_rvsxb_16{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}._storybook-button--small_rvsxb_22{font-size:12px;padding:10px 16px}._storybook-button--medium_rvsxb_27{font-size:14px;padding:11px 20px}._storybook-button--large_rvsxb_32{font-size:16px;padding:12px 24px}

package/dist/styles/Input.css

@@ -0,0 +1 @@
+._input_rpqtu_1{padding:1rem;border-radius:4px;border:1px solid #1ea7fd}

package/package.json

@@ -1,16 +1,25 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "library react component Situaction",
-  "main": "dist/cjs/index.js",
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "rollup -c rollup.config.mjs && rimraf dist/esm/types/stories",
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig-build.json && vite build",
     "prepublish": "npm run build",
     "publish": "npm publish --access public",
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "keywords": [
     "React",
     "components",
@@ -18,45 +27,44 @@
     "TypeScript",
     "sass"
   ],
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
   "author": "Situaction",
   "license": "ISC",
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.3.3",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-designs": "^8.0.0",
-    "@storybook/addon-essentials": "^8.0.8",
-    "@storybook/addon-interactions": "^8.0.8",
-    "@storybook/addon-links": "^8.0.8",
-    "@storybook/addon-onboarding": "^8.0.8",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
-    "@storybook/blocks": "^8.0.8",
-    "@storybook/react": "^8.0.8",
-    "@storybook/react-vite": "^8.0.6",
-    "@storybook/test": "^8.0.8",
-    "@types/react": "^18.2.79",
-    "css-loader": "^7.1.1",
-    "node-sass": "^9.0.0",
-    "react": "^18.2.0",
-    "rimraf": "^5.0.5",
-    "rollup": "^4.14.3",
-    "rollup-plugin-dts": "^6.1.0",
-    "sass": "^1.75.0",
+    "@chromatic-com/storybook": "^1.5.0",
+    "@storybook/addon-essentials": "^8.1.9",
+    "@storybook/addon-interactions": "^8.1.9",
+    "@storybook/addon-links": "^8.1.9",
+    "@storybook/addon-onboarding": "^8.1.9",
+    "@storybook/blocks": "^8.1.9",
+    "@storybook/react": "^8.1.9",
+    "@storybook/react-vite": "^8.1.9",
+    "@storybook/test": "^8.1.9",
+    "@types/node": "^20.14.2",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "css-loader": "^7.1.2",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.1",
+    "sass": "^1.77.5",
     "sass-loader": "^14.2.0",
-    "storybook": "^8.0.8",
+    "storybook": "^8.1.9",
     "style-loader": "^4.0.0",
-    "tslib": "^2.6.0",
-    "typescript": "^5.4.5"
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1"
   },
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/index.d.ts",
   "dependencies": {
-    "react-dom": "^18.2.0",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-scss": "^4.0.0"
+    "storybook-figma": "^0.1.2"
   }
 }

package/dist/esm/assets/output-DIVA_0WZ.css

@@ -1 +0,0 @@
-.storybook-button{font-family:"Nunito Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.storybook-button--primary{color:#fff;background-color:#49259e}.storybook-button--secondary{color:#333;background-color:rgba(0,0,0,0);box-shadow:rgba(0,0,0,.15) 0 0 0 1px inset}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}