@synergy-design-system/components/package.json

This package provides the base of the Synergy Design System as native web components. It uses [lit](https://www.lit.dev) and parts of [shoelace](https://shoelace.style/). Synergy officially supports the latest two versions of all major browsers (as define

{
  "author": {
    "name": "SICK Global UX Foundation",
    "url": "https://www.sick.com"
  },
  "name": "@synergy-design-system/components",
  "version": "2.77.0",
  "description": "",
  "repository": {
    "type": "git",
    "url": "https://github.com/synergy-design-system/synergy-design-system.git",
    "directory": "packages/components"
  },
  "exports": {
    ".": {
      "types": "./dist/synergy.d.ts",
      "import": "./dist/synergy.js",
      "default": "./dist/synergy.js"
    },
    "./package.json": {
      "default": "./package.json"
    },
    "./custom-elements.json": "./dist/custom-elements.json",
    "./synergy.js": "./dist/synergy.js",
    "./synergy-autoloader.js": "./dist/synergy-autoloader.js",
    "./components/*": "./dist/components/*",
    "./utilities/*": "./dist/utilities/*",
    "./styles/*": "./dist/styles/*",
    "./themes/utility.css": "./dist/styles/utility.css",
    "./themes/*": "./dist/themes/*",
    "./translations/*": "./dist/translations/*",
    "./index.css": "./dist/styles/index.css",
    "./html-validate.js": "./code-quality/html-validate/.htmlvalidate.js",
    "./html-validate/*": "./code-quality/html-validate/*"
  },
  "files": [
    "code-quality",
    "dist"
  ],
  "type": "module",
  "types": "./dist/synergy.d.ts",
  "homepage": "https://synergy-design-system.github.io",
  "keywords": [
    "Web Components",
    "LIT Components",
    "Design System",
    "SDS",
    "Synergy Design System",
    "SICK",
    "SICK Design System"
  ],
  "license": "MIT",
  "devDependencies": {
    "@custom-elements-manifest/analyzer": "^0.10.10",
    "@figma/code-connect": "^1.3.6",
    "@open-wc/testing": "^4.0.0",
    "@playwright/test": "^1.56.0",
    "@size-limit/esbuild": "^11.2.0",
    "@size-limit/file": "^11.2.0",
    "@types/mocha": "^10.0.10",
    "@types/sinon": "^17.0.4",
    "@typescript-eslint/eslint-plugin": "^7.18.0",
    "@typescript-eslint/parser": "^7.18.0",
    "@web/dev-server-esbuild": "^1.0.4",
    "@web/test-runner": "^0.20.2",
    "@web/test-runner-commands": "^0.9.0",
    "@web/test-runner-playwright": "^0.11.1",
    "chalk": "^5.6.2",
    "change-case": "^5.4.4",
    "command-line-args": "^6.0.1",
    "comment-parser": "^1.4.1",
    "custom-element-vs-code-integration": "^1.5.0",
    "del": "^8.0.1",
    "esbuild": "^0.25.10",
    "esbuild-plugin-replace": "^1.4.0",
    "eslint": "^8.57.1",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-airbnb-typescript": "^18.0.0",
    "eslint-plugin-import": "^2.32.0",
    "eslint-plugin-jest": "^28.14.0",
    "eslint-plugin-lit": "^1.15.0",
    "eslint-plugin-lit-a11y": "^4.1.4",
    "eslint-plugin-playwright": "^1.8.3",
    "eslint-plugin-wc": "^2.2.1",
    "globby": "^14.1.0",
    "html-validate": "^9.7.1",
    "jsdom": "^26.1.0",
    "ora": "^8.2.0",
    "postcss": "^8.5.6",
    "postcss-header": "^3.0.3",
    "postcss-import": "^16.1.1",
    "prettier": "^3.6.2",
    "remark-parse": "^11.0.0",
    "sinon": "^21.0.0",
    "size-limit": "^11.2.0",
    "stylelint": "^16.25.0",
    "typescript": "~5.8.3",
    "unified": "^11.0.5",
    "unist-util-visit": "^5.0.0",
    "user-agent-data-types": "^0.4.2",
    "vendorism": "^5.0.0",
    "@synergy-design-system/eslint-config-syn": "0.1.0",
    "@synergy-design-system/stylelint-config-syn": "0.1.0",
    "@synergy-design-system/tokens": "2.48.0"
  },
  "dependencies": {
    "@floating-ui/dom": "^1.7.4",
    "@shoelace-style/animations": "^1.2.0",
    "@shoelace-style/localize": "^3.2.1",
    "composed-offset-position": "^0.0.6",
    "lit": "^3.3.1"
  },
  "peerDependencies": {
    "@synergy-design-system/tokens": "^2.48.0"
  },
  "customElements": "dist/custom-elements.json",
  "scripts": {
    "figma-export": "pnpm run /^figma-export:.*/",
    "figma-export:components": "pnpm exec figma connect publish -c ./code-connect/figma.config.components.json",
    "figma-export:icons-2018": "pnpm exec figma connect publish -c ./code-connect/figma.config.icons.2018.json --batch-size 100",
    "figma-export:icons-2025-filled": "pnpm exec figma connect publish -c ./code-connect/figma.config.icons.2025-filled.json --batch-size 100",
    "figma-export:icons-2025-outline": "pnpm exec figma connect publish -c ./code-connect/figma.config.icons.2025-outline.json --batch-size 100",
    "report-bundle-size": "pnpm exec size-limit --json",
    "build": "node scripts/build.js",
    "test": "web-test-runner --group default --config ./web-test-runner.synergy.config.js",
    "test.watch": "pnpm test --watch",
    "vendor": "node scripts/vendorism.js",
    "vendor.get": "node scripts/vendorism.js -g",
    "vendor.set": "node scripts/vendorism.js -s",
    "vendor.eject": "node scripts/vendorism.js -e",
    "lint:css": "stylelint \"src/**/*.{css,js,ts}\"",
    "lint:html": "html-validate -c ./code-quality/html-validate/.htmlvalidate.js ./demos",
    "lint:js": "eslint src",
    "lint": "pnpm run /^lint:.*/",
    "format.eslint": "pnpm lint:js --fix"
  }
}