@trimble-oss/moduswebcomponents
Version:
Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust
299 lines (298 loc) • 8.56 kB
JSON
{
"name": "@trimble-oss/moduswebcomponents",
"version": "0.0.0-beta.3",
"description": "Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive customization capabilities, and WCAG 2.2 compliance. The library offers a collection of enterprise-ready components that can be used in any web framework or vanilla JavaScript application. Separate SPA framework integrations are published for Angular and React.",
"keywords": [
"trimble",
"modus"
],
"homepage": "https://trimble-oss.github.io/modus-wc-2.0/prod",
"license": "MIT",
"author": "Trimble Inc.",
"contributors": [
{
"name": "gabriel-piltzer-trimble",
"url": "https://github.com/gabriel-piltzer-trimble"
},
{
"name": "stuart-rimel",
"url": "https://github.com/stuart-rimel"
},
{
"name": "Kai-Richardson",
"url": "https://github.com/Kai-Richardson"
}
],
"publishConfig": {
"access": "public"
},
"bugs": {
"url": "https://github.com/trimble-oss/modus-wc-2.0/issues/"
},
"repository": {
"type": "git",
"url": "git+https://github.com/trimble-oss/modus-wc-2.0.git"
},
"type": "module",
"main": "index.cjs.js",
"module": "index.js",
"es2017": "esm/index.js",
"esnext": "esm/index.js",
"collection": "collection/collection-manifest.json",
"collection:main": "collection/index.js",
"unpkg": "modus-wc/modus-wc.esm.js",
"jsdelivr": "modus-wc/modus-wc.js",
"types": "types/components.d.ts",
"scripts": {
"build": "wireit",
"build:ci": "wireit",
"clean": "npx rimraf .wireit .stencil .storybook-static dist",
"lint": "wireit",
"lint:eslint": "wireit",
"lint:prettier": "wireit",
"lint:stylelint": "wireit",
"format": "wireit",
"prettier": "prettier --write \"src/**/*.*\"",
"start": "wireit",
"test": "stencil test --spec",
"test:coverage": "stencil test --spec --coverage",
"test:update-snapshot": "stencil test --spec --update-snapshot",
"test:watch": "stencil test --spec --watchAll",
"test:vue": "npm -C integrations/vue/v-latest run dev"
},
"dependencies": {
"@floating-ui/dom": "^1.7.1",
"@tanstack/table-core": "^8.21.3"
},
"devDependencies": {
"@eslint/js": "^9.26.0",
"@stencil/angular-output-target": "^0.10.2",
"@stencil/core": "^4.31.0",
"@stencil/react-output-target": "^0.7.4",
"@stencil/sass": "^3.0.12",
"@stencil/store": "^2.1.3",
"@stencil/vue-output-target": "^0.10.8",
"@storybook/addon-a11y": "^8.6.12",
"@storybook/addon-essentials": "^8.6.12",
"@storybook/addon-links": "^8.6.12",
"@storybook/addon-themes": "^8.6.12",
"@storybook/blocks": "^8.6.12",
"@storybook/test": "^8.6.12",
"@storybook/web-components": "^8.6.12",
"@storybook/web-components-vite": "^8.6.12",
"@tailwindcss/typography": "^0.5.15",
"@types/jest": "^29.5.13",
"@typescript-eslint/eslint-plugin": "^8.32.1",
"@typescript-eslint/parser": "^8.32.1",
"concurrently": "^9.0.1",
"daisyui": "^4.12.13",
"eslint": "^9.31.0",
"eslint-config-prettier": "^9.1.0",
"eslint-import-resolver-typescript": "^4.4.4",
"eslint-plugin-import": "^2.31.0",
"eslint-plugin-jsx-a11y": "^6.10.0",
"eslint-plugin-prettier": "^5.4.0",
"globals": "^16.2.0",
"jest": "^29.7.0",
"jest-cli": "^29.7.0",
"marked": "^15.0.11",
"prettier": "3.5.3",
"puppeteer": "^23.5.3",
"stencil-tailwind-plugin": "^1.8.0",
"stylelint": "16.19.1",
"stylelint-config-standard-scss": "14.0.0",
"stylelint-order": "6.0.4",
"tailwindcss": "^3.4.14",
"ts-loader": "^9.5.1",
"typescript": "^5.6.2",
"wireit": "^0.14.12"
},
"optionalDependencies": {
"@rollup/rollup-linux-x64-gnu": "4.40.2",
"@trimble-oss/custom-elements-manifest-analyzer": "^0.0.4"
},
"wireit": {
"build": {
"dependencies": [
"stencil:build",
"storybook:build"
]
},
"build:cem-json": {
"command": "custom-elements-manifest analyze --stencil --globs \"src/components/**/*.tsx\" --outdir src && node .github/fixup-cem-json.cjs",
"files": [
"src/components/**/*.tsx"
],
"output": [
"src/custom-elements.json"
]
},
"build:ci": {
"dependencies": [
"stencil:build"
]
},
"format": {
"dependencies": [
"format:prettier",
"format:eslint",
"format:stylelint"
]
},
"format:eslint": {
"command": "eslint --color --fix ."
},
"format:prettier": {
"command": "prettier --write .",
"files": [
"*.{ts,tsx,js,jsx,css,scss,json,md,mdx,html}",
"!src/components.d.ts"
]
},
"format:stylelint": {
"command": "stylelint \"src/**/*.scss\" --fix",
"clean": false,
"files": [
"src/**/*.scss"
],
"output": [
"src/**/*.scss"
]
},
"lint": {
"dependencies": [
"lint:eslint",
"lint:prettier",
"lint:stylelint"
]
},
"lint:eslint": {
"command": "eslint --color ."
},
"lint:prettier": {
"command": "prettier --check .",
"clean": false,
"files": [
"*.{ts,tsx,js,jsx,css,scss,json,md,mdx,html}",
"!src/components.d.ts"
],
"output": [
"*.{ts,tsx,js,jsx,css,scss,json,md,mdx,html}",
"!src/components.d.ts"
]
},
"lint:stylelint": {
"command": "stylelint \"src/**/*.scss\"",
"clean": false,
"files": [
"src/**/*.scss"
],
"output": [
"src/**/*.scss"
]
},
"start": {
"dependencies": [
"storybook:start",
"lint"
]
},
"stencil:build": {
"command": "stencil build --docs --prod",
"dependencies": [
"build:cem-json",
"tailwind:build"
],
"files": [
"src/**/*.{css,scss,ts,tsx}",
"src/custom-elements.json",
"!src/components.d.ts",
"stencil.config.ts",
"tsconfig.json",
"package.json"
],
"output": [
"src/components.d.ts",
"dist/**",
"integrations/react/stencil-generated/**",
"integrations/angular/ng18/projects/trimble-oss/moduswebcomponents-angular/src/lib/stencil-generated/**",
"integrations/angular/ng17/projects/trimble-oss/moduswebcomponents-angular/src/lib/stencil-generated/**",
"integrations/angular/ng19/projects/trimble-oss/moduswebcomponents-angular/src/lib/stencil-generated/**"
]
},
"stencil:watch": {
"command": "stencil build --docs --dev --prod --watch",
"service": {
"readyWhen": {
"lineMatches": "build finished, watching for changes..."
}
},
"dependencies": [
"build:cem-json",
"tailwind:watch"
],
"files": [
"src/**/*.{css,scss,ts,tsx}",
"src/custom-elements.json",
"!src/components.d.ts",
"stencil.config.ts",
"tsconfig.json",
"package.json"
]
},
"storybook:build": {
"command": "storybook build",
"clean": false,
"dependencies": [
"stencil:build",
"lint"
],
"files": [
"src/",
".storybook",
"dist/",
"stencil.config.ts"
],
"output": [
"storybook-static/"
]
},
"storybook:start": {
"command": "storybook dev -p 6006",
"dependencies": [
"stencil:watch"
]
},
"tailwind:build": {
"command": "tailwindcss -i src/styles/tailwind.css -o src/styles/output.css --minify",
"files": [
"src/**/*.scss",
"src/styles/global.css",
"src/styles/tailwind.css",
"src/styles/variables.css",
"tailwind.config.js"
],
"output": [
"src/styles/output.css"
]
},
"tailwind:watch": {
"command": "tailwindcss -i src/styles/tailwind.css -o src/styles/output.css --minify --watch",
"service": true,
"files": [
"src/**/*.scss",
"src/styles/global.css",
"src/styles/tailwind.css",
"src/styles/variables.css",
"tailwind.config.js"
]
}
},
"engines": {
"node": ">=18"
},
"volta": {
"node": "18.20.5"
},
"customElements": "src/custom-elements.json"
}