🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more
Sign In

@euconform/ui

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@euconform/ui - npm Package Compare versions

Comparing version
1.0.0
to
1.0.1
+2
dist/turborepo-logo.d.ts
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;
# @euconform/ui
UI components for EU AI Act compliance dashboards and assessment wizards.
[![npm version](https://img.shields.io/npm/v/@euconform/ui.svg)](https://www.npmjs.com/package/@euconform/ui)
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](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"