@allurereport/web-components 3.0.0-beta.10

package/dist/mixins.scss

@@ -0,0 +1,50 @@
+@mixin status-bg-and-text {
+  &.status-passed {
+    background-color: var(--bg-support-castor);
+    color: var(--constant-on-text-primary);
+  }
+
+  &.status-failed {
+    background-color: var(--bg-support-capella);
+    color: var(--constant-on-text-primary);
+  }
+
+  &.status-broken {
+    background-color: var(--bg-support-atlas);
+    color: var(--constant-on-text-primary);
+  }
+
+  &.status-skipped {
+    background-color: var(--bg-support-rau);
+    color: var(--constant-on-text-primary);
+  }
+
+  &.status-unknown {
+    background-color: var(--bg-support-skat);
+    color: var(--constant-on-text-primary);
+  }
+}
+
+@mixin allure-fonts {
+  @font-face {
+    font-family: "PTRootUIWebVF";
+    font-display: swap;
+    font-weight: 300 700;
+    src:
+      url("~@allurereport/web-components/fonts/pt-root-ui_vf.woff") format("woff2 supports variations"),
+      url("~@allurereport/web-components/fonts/pt-root-ui_vf.woff2") format("woff2-variations"),
+      url("~@allurereport/web-components/fonts/pt-root-ui_vf.woff") format("woff supports variations"),
+      url("~@allurereport/web-components/fonts/pt-root-ui_vf.woff") format("woff-variations");
+  }
+
+  @font-face {
+    font-family: JetBrainsMonoVF;
+    font-display: swap;
+    font-weight: 100 800;
+    src:
+      url("~@allurereport/web-components/fonts/JetBrainsMono_vf.woff2") format("woff2 supports variations"),
+      url("~@allurereport/web-components/fonts/JetBrainsMono_vf.woff2") format("woff2-variations"),
+      url("~@allurereport/web-components/fonts/JetBrainsMono_vf.woff") format("woff supports variations"),
+      url("~@allurereport/web-components/fonts/JetBrainsMono_vf.woff") format("woff-variations");
+  }
+}

package/package.json

@@ -0,0 +1,148 @@
+{
+  "name": "@allurereport/web-components",
+  "version": "3.0.0-beta.10",
+  "description": "Collection of Preact components used across the web Allure reports",
+  "keywords": [
+    "allure",
+    "testing",
+    "design system",
+    "components"
+  ],
+  "repository": "https://github.com/allure-framework/allure3",
+  "license": "Apache-2.0",
+  "author": "Qameta Software",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "style": "./dist/index.css"
+    },
+    "./index.css": "./dist/index.css",
+    "./fonts/*": {
+      "import": "./dist/fonts/*",
+      "default": "./dist/fonts/*"
+    },
+    "./mixins.scss": "./dist/mixins.scss"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rimraf ./dist && rollup -c",
+    "build:watch": "rollup -c -w",
+    "build:ds": "storybook build",
+    "dev:ds": "storybook dev -p 6006",
+    "lint": "eslint --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@allurereport/web-commons": "3.0.0-beta.10",
+    "@floating-ui/dom": "^1.6.13",
+    "@nivo/core": "^0.88.0",
+    "@nivo/line": "^0.88.0",
+    "@preact/signals": "^1.3.0",
+    "d3-shape": "^3.2.0",
+    "preact": "^10.24.0",
+    "prismjs": "^1.29.0",
+    "react": "npm:@preact/compat@*",
+    "react-dom": "npm:@preact/compat@*",
+    "reset.css": "^2.0.2"
+  },
+  "devDependencies": {
+    "@allurereport/core-api": "3.0.0-beta.10",
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-transform-react-jsx": "^7.25.2",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-typescript": "^7.24.7",
+    "@chromatic-com/storybook": "^3.2.3",
+    "@eslint/js": "^9.10.0",
+    "@nivo/axes": "^0.88.0",
+    "@nivo/legends": "^0.88.0",
+    "@preact/compat": "^18.3.1",
+    "@preact/preset-vite": "^2.9.4",
+    "@preact/signals": "^1.3.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@storybook/addon-essentials": "~8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/preact": "^8.4.7",
+    "@storybook/preact-webpack5": "^8.4.7",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
+    "@storybook/types": "^8.4.7",
+    "@stylistic/eslint-plugin": "^2.6.1",
+    "@svgr/rollup": "^8.1.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/preact": "^3.2.4",
+    "@types/babel__core": "^7.20.5",
+    "@types/d3-shape": "^3.1.6",
+    "@types/eslint": "^8.56.11",
+    "@types/md5": "^2.3.5",
+    "@types/node": "^20.17.9",
+    "@types/prismjs": "^1",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@vitest/runner": "^2.1.8",
+    "@vitest/snapshot": "^2.1.8",
+    "allure-js-commons": "^3.0.9",
+    "allure-vitest": "^3.0.9",
+    "autoprefixer": "^10.4.20",
+    "babel-loader": "^9.2.1",
+    "babel-plugin-prismjs": "^2.1.0",
+    "clsx": "^2.1.1",
+    "css-loader": "^7.1.2",
+    "d3-shape": "^3.2.0",
+    "eslint": "^8.57.0",
+    "eslint-config-preact": "^1.5.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-compat": "^6.0.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsdoc": "^50.0.0",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "eslint-plugin-n": "^17.10.1",
+    "eslint-plugin-no-null": "^1.0.2",
+    "eslint-plugin-preact": "^0.1.0",
+    "eslint-plugin-prefer-arrow": "^1.2.3",
+    "eslint-plugin-react": "^7.36.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-storybook": "^0.11.1",
+    "globals": "^15.9.0",
+    "html-webpack-plugin": "^5.6.3",
+    "jsdom": "^26.0.0",
+    "mini-css-extract-plugin": "^2.9.1",
+    "npm-run-all2": "^7.0.1",
+    "postcss": "^8.4.49",
+    "postcss-import": "^16.1.0",
+    "preact": "^10.24.0",
+    "prismjs": "^1.29.0",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.30.1",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-svg-sprites": "^1.2.5",
+    "sass": "^1.83.1",
+    "sass-loader": "^16.0.4",
+    "storybook": "^8.4.7",
+    "style-loader": "^4.0.0",
+    "svg-sprite-loader": "^6.0.11",
+    "ts-node": "^10.9.2",
+    "tslib": "^2.7.0",
+    "typescript": "^5.6.3",
+    "typescript-eslint": "^8.6.0",
+    "vitest": "^2.1.8"
+  }
+}