@euconform/ui
Advanced tools
| export declare const TurborepoLogo: () => import("react/jsx-runtime").JSX.Element; | ||
| //# sourceMappingURL=turborepo-logo.d.ts.map |
| {"version":3,"file":"turborepo-logo.d.ts","sourceRoot":"","sources":["../src/turborepo-logo.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+CA4BzB,CAAC"} |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.TurborepoLogo = void 0; | ||
| const jsx_runtime_1 = require("react/jsx-runtime"); | ||
| const TurborepoLogo = () => { | ||
| return ((0, jsx_runtime_1.jsxs)("svg", { "aria-label": "Turbo logomark", height: "80", role: "img", viewBox: "0 0 40 40", width: "80", children: [(0, jsx_runtime_1.jsx)("path", { d: "M19.9845 6.99291C12.818 6.99291 6.98755 12.8279 6.98755 19.9999C6.98755 27.1721 12.818 33.0071 19.9845 33.0071C27.1509 33.0071 32.9814 27.1721 32.9814 19.9999C32.9814 12.8279 27.1509 6.99291 19.9845 6.99291ZM19.9845 26.7313C16.2694 26.7313 13.2585 23.718 13.2585 19.9999C13.2585 16.282 16.2694 13.2687 19.9845 13.2687C23.6996 13.2687 26.7105 16.282 26.7105 19.9999C26.7105 23.718 23.6996 26.7313 19.9845 26.7313Z", fill: "currentcolor" }), (0, jsx_runtime_1.jsx)("path", { clipRule: "evenodd", d: "M21.0734 4.85648V0C31.621 0.564369 40 9.30362 40 19.9999C40 30.6963 31.621 39.4332 21.0734 40V35.1435C28.9344 34.5815 35.1594 28.0078 35.1594 19.9999C35.1594 11.9922 28.9344 5.41843 21.0734 4.85648ZM8.52181 29.931C6.43794 27.5233 5.09469 24.4568 4.85508 21.09H0C0.251709 25.8011 2.13468 30.0763 5.08501 33.368L8.51938 29.931H8.52181ZM18.8951 40V35.1435C15.5285 34.9037 12.4644 33.5619 10.0587 31.4739L6.62435 34.9109C9.91593 37.866 14.1876 39.7481 18.8927 40H18.8951Z", fill: "url(#:Sb:paint0_linear_902_224)", fillRule: "evenodd" }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { gradientUnits: "userSpaceOnUse", id: ":Sb:paint0_linear_902_224", x1: "21.8576", x2: "2.17018", y1: "2.81244", y2: "22.4844", children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#0096FF" }), (0, jsx_runtime_1.jsx)("stop", { offset: "1", stopColor: "#FF1E56" })] }) })] })); | ||
| }; | ||
| exports.TurborepoLogo = TurborepoLogo; |
+76
| # @euconform/ui | ||
| UI components for EU AI Act compliance dashboards and assessment wizards. | ||
| [](https://www.npmjs.com/package/@euconform/ui) | ||
| [](https://github.com/Hiepler/EuConform/blob/main/LICENSE) | ||
| ## Installation | ||
| ```bash | ||
| npm install @euconform/ui | ||
| # or | ||
| pnpm add @euconform/ui | ||
| ``` | ||
| ## Features | ||
| - 🎨 **Tailwind CSS** – Built with Tailwind for easy customization | ||
| - 🌙 **Dark Mode** – Full dark mode support out of the box | ||
| - ♿ **Accessible** – WCAG 2.2 AA compliant components | ||
| - 📱 **Responsive** – Mobile-first design | ||
| ## Usage | ||
| ### Import Styles | ||
| ```typescript | ||
| // In your app's entry point | ||
| import "@euconform/ui/styles.css"; | ||
| ``` | ||
| ### Use Components | ||
| ```typescript | ||
| import { Card } from "@euconform/ui/card"; | ||
| import { Button } from "@euconform/ui/button"; | ||
| function MyComponent() { | ||
| return ( | ||
| <Card title="Risk Assessment"> | ||
| <p>Your AI system has been classified.</p> | ||
| <Button onClick={handleNext}>Continue</Button> | ||
| </Card> | ||
| ); | ||
| } | ||
| ``` | ||
| ## Available Components | ||
| | Component | Description | | ||
| |-----------|-------------| | ||
| | `Card` | Container component with title and content | | ||
| | `Button` | Accessible button with variants | | ||
| | `Gradient` | Decorative gradient backgrounds | | ||
| ## Styling | ||
| Components use Tailwind CSS with the `ui:` prefix for namespacing: | ||
| ```css | ||
| /* Custom overrides */ | ||
| .ui\:bg-primary { | ||
| background-color: var(--your-primary-color); | ||
| } | ||
| ``` | ||
| ## License | ||
| [MIT](https://github.com/Hiepler/EuConform/blob/main/LICENSE) | ||
| ## Links | ||
| - [GitHub Repository](https://github.com/Hiepler/EuConform) | ||
| - [Full Documentation](https://github.com/Hiepler/EuConform#readme) | ||
| - [Report Issues](https://github.com/Hiepler/EuConform/issues) | ||
+19
-1
| { | ||
| "name": "@euconform/ui", | ||
| "version": "1.0.0", | ||
| "version": "1.0.1", | ||
| "sideEffects": [ | ||
@@ -14,3 +14,21 @@ "**/*.css" | ||
| }, | ||
| "description": "UI components for EU AI Act compliance dashboards and assessment wizards.", | ||
| "keywords": [ | ||
| "eu-ai-act", | ||
| "ui-components", | ||
| "compliance", | ||
| "assessment-wizard", | ||
| "react", | ||
| "tailwind" | ||
| ], | ||
| "homepage": "https://github.com/Hiepler/EuConform#readme", | ||
| "bugs": { | ||
| "url": "https://github.com/Hiepler/EuConform/issues" | ||
| }, | ||
| "license": "MIT", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "https://github.com/Hiepler/EuConform.git", | ||
| "directory": "packages/ui" | ||
| }, | ||
| "peerDependencies": { | ||
@@ -17,0 +35,0 @@ "react": "^19" |
No README
QualityPackage does not have a README. This may indicate a failed publish or a low quality package.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
114623
3.97%40
11.11%2694
0.52%1
-50%0
-100%0
-100%77
Infinity%1
-50%