{"_id":"@arcos-harmony/web-theme","_rev":"5-5f7125442fd47b2ce69d6db587edee67","name":"@arcos-harmony/web-theme","dist-tags":{"latest":"0.6.3"},"versions":{"0.5.9":{"name":"@arcos-harmony/web-theme","version":"0.5.9","license":"UNLICENSED","_id":"@arcos-harmony/web-theme@0.5.9","maintainers":[{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"}],"dist":{"shasum":"5425cb6a3305f8cac36a3b0919a2d506944e303f","tarball":"https://registry.npmjs.org/@arcos-harmony/web-theme/-/web-theme-0.5.9.tgz","fileCount":13,"integrity":"sha512-oyVL7QhG2o7Ie+G7cFAmBaQ0wXqhm0lo7sCB4gNDdh25wOPqrfbfSI4frX+/T9aw+2TUsJ0hJSJF413goaeKag==","signatures":[{"sig":"MEYCIQC1SaAOI9qjBok1n1mT6EZRb3UKDTObG+wVNt58GIMlaQIhANhvFcmpfJM2VsEtbVExw67Lmmol5T8Zfn7IC83Nggml","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":724356},"main":"./dist/cjs/index.cjs","type":"module","module":"./dist/esm/index.js","engines":{"node":">=18.18"},"exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./css":{"import":"./dist/theme/default.css","default":"./dist/theme/default.css"},"./theme":{"import":"./dist/theme/default.mui-theme.json","default":"./dist/theme/default.mui-theme.json"}},"gitHead":"178196558ea4fcca06367c3f4edb4dd0e130d44a","scripts":{"lint":"eslint .","build":"npm run clean && npm run theme:build && tsup --config tsup.config.ts && npm run build:assets","clean":"rimraf dist","format":"prettier --write \"**/*.{ts,tsx,js,json,md,cjs}\"","release":"changeset publish","lint:fix":"eslint . --fix","changeset":"changeset","storybook":"storybook dev -p 6006 --config-dir .storybook","typecheck":"tsc -p tsconfig.build.json","preinstall":"node ./scripts/check-peer-versions.js","theme:build":"npx tsx ../theme-builder/src/cli.ts mui --source ../design-tokens/outputs --output ./src/theme --theme default","build:assets":"tsx ./scripts/copy-assets.ts","format:check":"prettier --check \"**/*.{ts,tsx,js,json,md,cjs}\"","storybook:build":"storybook build --config-dir .storybook"},"_npmUser":{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"},"_npmVersion":"11.6.1","description":"ARCOS Harmony Design System default web theme (Lighthouse)","directories":{},"sideEffects":["./dist/theme/*.css"],"_nodeVersion":"22.17.1","dependencies":{"tslib":"^2.6.2","@mui/icons-material":"7.3.4","arcos-harmony-system":"^0.5.3","@arcos-harmony/default-theme-web":"0.5.8"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.20.6","tsup":"8.5.0","rimraf":"5.0.10","@changesets/cli":"^2.27.9","@changesets/changelog-github":"^0.5.0"},"peerDependencies":{"vite":"^5.4.10","axios":"^1.11.0","react":"^18.0.0 || ^19.0.0","dotenv":"^16.4.5","prettier":"^3.3.3","react-dom":"^18.0.0 || ^19.0.0","@types/node":"^20.15.0","@types/react":"19.2.2","chokidar-cli":"^3.0.0","@mui/material":"7.3.4","@emotion/react":"11.14.0","@emotion/styled":"11.14.1","@storybook/test":"^8.2.9","@types/react-dom":"19.2.1","@vitejs/plugin-react":"^5.0.0","@storybook/react-vite":"^8.2.9","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9"},"_npmOperationalInternal":{"tmp":"tmp/web-theme_0.5.9_1759884618187_0.4104806749748944","host":"s3://npm-registry-packages-npm-production"}},"0.6.0":{"name":"@arcos-harmony/web-theme","version":"0.6.0","license":"UNLICENSED","_id":"@arcos-harmony/web-theme@0.6.0","maintainers":[{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"}],"dist":{"shasum":"69bf1d69f0fac2c3fa4f52d7e5d1a251ac49ef59","tarball":"https://registry.npmjs.org/@arcos-harmony/web-theme/-/web-theme-0.6.0.tgz","fileCount":13,"integrity":"sha512-8kXe2eB/ecQ6UkGRHA4QTrYlgcs8DYzsDzQMtZWFuGHfeWpmgbvfKLisuzLzQzqQhY6mx+P+F9ZVKvw9OY9GFA==","signatures":[{"sig":"MEUCIDH6TldiXoJvJz15XZPI152VCPb5SZ6zCoEFCrkz3T1sAiEAnO0DZtkiXeRxyU3/clUPs/8yHHSYkLuE9OALIsTfz1o=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":724299},"main":"./dist/cjs/index.cjs","type":"module","module":"./dist/esm/index.js","engines":{"node":">=18.18"},"exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./css":{"import":"./dist/theme/default.css","default":"./dist/theme/default.css"},"./theme":{"import":"./dist/theme/default.mui-theme.json","default":"./dist/theme/default.mui-theme.json"}},"gitHead":"178196558ea4fcca06367c3f4edb4dd0e130d44a","scripts":{"lint":"eslint .","build":"npm run clean && npm run theme:build && tsup --config tsup.config.ts && npm run build:assets","clean":"rimraf dist","format":"prettier --write \"**/*.{ts,tsx,js,json,md,cjs}\"","release":"changeset publish","lint:fix":"eslint . --fix","changeset":"changeset","storybook":"storybook dev -p 6006 --config-dir .storybook","typecheck":"tsc -p tsconfig.build.json","theme:build":"npx tsx ../theme-builder/src/cli.ts mui --source ../design-tokens/outputs --output ./src/theme --theme default","build:assets":"tsx ./scripts/copy-assets.ts","format:check":"prettier --check \"**/*.{ts,tsx,js,json,md,cjs}\"","storybook:build":"storybook build --config-dir .storybook"},"_npmUser":{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"},"_npmVersion":"11.6.0","description":"ARCOS Harmony Design System default web theme (Lighthouse)","directories":{},"sideEffects":["./dist/theme/*.css"],"_nodeVersion":"24.9.0","dependencies":{"tslib":"^2.6.2","@mui/icons-material":"7.3.4","arcos-harmony-system":"^0.5.3","@arcos-harmony/default-theme-web":"0.5.8"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.20.6","tsup":"8.5.0","rimraf":"5.0.10","@changesets/cli":"^2.27.9","@changesets/changelog-github":"^0.5.0"},"peerDependencies":{"vite":"^5.4.10","axios":"^1.11.0","react":"^18.0.0 || ^19.0.0","dotenv":"^16.4.5","prettier":"^3.3.3","react-dom":"^18.0.0 || ^19.0.0","@types/node":"^20.15.0","@types/react":"19.2.2","chokidar-cli":"^3.0.0","@mui/material":"7.3.4","@emotion/react":"11.14.0","@emotion/styled":"11.14.1","@storybook/test":"^8.2.9","@types/react-dom":"19.2.1","@vitejs/plugin-react":"^5.0.0","@storybook/react-vite":"^8.2.9","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9"},"_npmOperationalInternal":{"tmp":"tmp/web-theme_0.6.0_1759885630844_0.42673841080166786","host":"s3://npm-registry-packages-npm-production"}},"0.6.1":{"name":"@arcos-harmony/web-theme","version":"0.6.1","license":"UNLICENSED","_id":"@arcos-harmony/web-theme@0.6.1","maintainers":[{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"}],"dist":{"shasum":"6cb059d5a06aed78fbbc11bb3079a0978b2d913b","tarball":"https://registry.npmjs.org/@arcos-harmony/web-theme/-/web-theme-0.6.1.tgz","fileCount":13,"integrity":"sha512-U8EElPMNSDycrZpQ4II6Vb4RbTP9H5SYO+GjJp1o+i8Ga7eGYXB+su3KbcNZSsr8wJSGdwaV9Bx1ivgpxbvwGQ==","signatures":[{"sig":"MEQCID/kvHaWDnn/8FR9wyGId/KWOXSq2V9LW13PJdVtiJ4aAiAofJfYpMg5hT2wOoGB1eu0ShPDc3Oto3I7eS8Nlov7Gg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":724597},"main":"./dist/cjs/index.cjs","type":"module","module":"./dist/esm/index.js","engines":{"node":">=18.18"},"exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./css":{"import":"./dist/theme/default.css","default":"./dist/theme/default.css"},"./theme":{"import":"./dist/theme/default.mui-theme.json","default":"./dist/theme/default.mui-theme.json"},"./dist/theme/default.css":"./dist/theme/default.css","./dist/theme/default.web.core.css":"./dist/theme/default.web.core.css","./dist/theme/default.mui-theme.css":"./dist/theme/default.mui-theme.css","./dist/theme/default.web.theme.css":"./dist/theme/default.web.theme.css"},"gitHead":"178196558ea4fcca06367c3f4edb4dd0e130d44a","scripts":{"lint":"eslint .","build":"npm run clean && npm run theme:build && tsup --config tsup.config.ts && npm run build:assets","clean":"rimraf dist","format":"prettier --write \"**/*.{ts,tsx,js,json,md,cjs}\"","release":"changeset publish","lint:fix":"eslint . --fix","changeset":"changeset","storybook":"storybook dev -p 6006 --config-dir .storybook","typecheck":"tsc -p tsconfig.build.json","theme:build":"npx tsx ../theme-builder/src/cli.ts mui --source ../design-tokens/outputs --output ./src/theme --theme default","build:assets":"tsx ./scripts/copy-assets.ts","format:check":"prettier --check \"**/*.{ts,tsx,js,json,md,cjs}\"","storybook:build":"storybook build --config-dir .storybook"},"_npmUser":{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"},"_npmVersion":"11.6.0","description":"ARCOS Harmony Design System default web theme (Lighthouse)","directories":{},"sideEffects":["./dist/theme/*.css"],"_nodeVersion":"24.9.0","dependencies":{"tslib":"^2.6.2","@mui/icons-material":"7.3.4","arcos-harmony-system":"^0.5.3","@arcos-harmony/default-theme-web":"0.5.8"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.20.6","tsup":"8.5.0","rimraf":"5.0.10","@changesets/cli":"^2.27.9","@changesets/changelog-github":"^0.5.0"},"peerDependencies":{"vite":"^5.4.10","axios":"^1.11.0","react":"^18.0.0 || ^19.0.0","dotenv":"^16.4.5","prettier":"^3.3.3","react-dom":"^18.0.0 || ^19.0.0","@types/node":"^20.15.0","@types/react":"19.2.2","chokidar-cli":"^3.0.0","@mui/material":"7.3.4","@emotion/react":"11.14.0","@emotion/styled":"11.14.1","@storybook/test":"^8.2.9","@types/react-dom":"19.2.1","@vitejs/plugin-react":"^5.0.0","@storybook/react-vite":"^8.2.9","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9"},"_npmOperationalInternal":{"tmp":"tmp/web-theme_0.6.1_1759886262747_0.08740950926043678","host":"s3://npm-registry-packages-npm-production"}},"0.6.2":{"name":"@arcos-harmony/web-theme","version":"0.6.2","keywords":["mui","material-ui","theme","design system","arcos","harmony","tokens","css variables","web","react","typescript"],"license":"UNLICENSED","_id":"@arcos-harmony/web-theme@0.6.2","maintainers":[{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"}],"dist":{"shasum":"1a738804055ff06ef6abc89976ff2bb19fde0b13","tarball":"https://registry.npmjs.org/@arcos-harmony/web-theme/-/web-theme-0.6.2.tgz","fileCount":224,"integrity":"sha512-yGvoVrcdN48hqt9tN6fPqVm3TmwzqIQPzKpdVqvGveEGKv1kkI4X8Tq2yvNvO1ApEka1lYbfvB4GpH4kxdID9A==","signatures":[{"sig":"MEQCIB0nokPW9D6nG8jj9yg6nRFXyc586cmZe1hBl+L1BeDFAiBfqRmPTsGyD+mYLmPJdUjvSzOSs9M+sFg7A+8qmz5stA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2064695},"main":"./dist/cjs/index.cjs","type":"module","module":"./dist/esm/index.js","engines":{"node":">=18.18"},"exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./setup":{"types":"./dist/types/setup.d.ts","import":"./dist/esm/setup.js","require":"./dist/cjs/setup.cjs"},"./theme":{"types":"./dist/types/theme.d.ts","import":"./dist/theme/default.mui-theme.json","default":"./dist/theme/default.mui-theme.json"},"./styles":{"default":"./dist/theme/default.css"},"./styles/mui":{"default":"./dist/theme/default.mui-theme.css"},"./styles/core":{"default":"./dist/theme/default.web.core.css"},"./styles/theme":{"default":"./dist/theme/default.web.theme.css"}},"gitHead":"083931529ff5423a3c1544fa4533b0524fdc7fb9","scripts":{"lint":"eslint .","build":"npm run clean && tsup --config tsup.config.ts && node ./scripts/copy-overrides.js && npm run theme:build && npm run build:assets","clean":"rimraf dist","format":"prettier --write \"**/*.{ts,tsx,js,json,md,cjs}\"","release":"changeset publish","lint:fix":"eslint . --fix","changeset":"changeset","storybook":"storybook dev -p 6006 --config-dir .storybook","typecheck":"tsc -p tsconfig.build.json","theme:build":"npx tsx ../theme-builder/src/cli.ts mui --source ../design-tokens/outputs --output ./src/theme --theme default","build:assets":"tsx ./scripts/copy-assets.ts","format:check":"prettier --check \"**/*.{ts,tsx,js,json,md,cjs}\"","storybook:build":"storybook build --config-dir .storybook"},"_npmUser":{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"},"_npmVersion":"11.6.0","description":"ARCOS Harmony Design System default web theme (Lighthouse)","directories":{},"sideEffects":["./dist/theme/*.css"],"_nodeVersion":"24.9.0","dependencies":{"tslib":"^2.6.2","@mui/icons-material":"7.3.4","arcos-harmony-system":"^0.5.3","@arcos-harmony/default-theme-web":"0.5.8"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.20.6","tsup":"8.5.0","rimraf":"5.0.10","@changesets/cli":"^2.27.9","@changesets/changelog-github":"^0.5.0"},"peerDependencies":{"vite":"^5.4.10","axios":"^1.11.0","react":"^18.0.0 || ^19.0.0","dotenv":"^16.4.5","prettier":"^3.3.3","react-dom":"^18.0.0 || ^19.0.0","@types/node":"^20.15.0","@types/react":"19.2.2","chokidar-cli":"^3.0.0","@mui/material":"7.3.4","@emotion/react":"11.14.0","@emotion/styled":"11.14.1","@storybook/test":"^8.2.9","@types/react-dom":"19.2.1","@vitejs/plugin-react":"^5.0.0","@storybook/react-vite":"^8.2.9","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9"},"_npmOperationalInternal":{"tmp":"tmp/web-theme_0.6.2_1759892663134_0.07053997072581275","host":"s3://npm-registry-packages-npm-production"}},"0.6.3":{"name":"@arcos-harmony/web-theme","version":"0.6.3","description":"ARCOS Harmony Design System default web theme (Lighthouse)","license":"UNLICENSED","type":"module","main":"./dist/cjs/index.cjs","module":"./dist/esm/index.js","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.cjs"},"./setup":{"types":"./dist/types/setup.d.ts","import":"./dist/esm/setup.js","require":"./dist/cjs/setup.cjs"},"./theme":{"types":"./dist/types/theme.d.ts","import":"./dist/theme/default.mui-theme.json","default":"./dist/theme/default.mui-theme.json"},"./styles":{"default":"./dist/theme/default.css"},"./styles/core":{"default":"./dist/theme/default.web.core.css"},"./styles/theme":{"default":"./dist/theme/default.web.theme.css"},"./styles/mui":{"default":"./dist/theme/default.mui-theme.css"}},"sideEffects":["./dist/theme/*.css"],"engines":{"node":">=18.18"},"scripts":{"clean":"rimraf dist","build:assets":"tsx ./scripts/copy-assets.ts","typecheck":"tsc -p tsconfig.build.json","lint":"eslint .","lint:fix":"eslint . --fix","format":"prettier --write \"**/*.{ts,tsx,js,json,md,cjs}\"","format:check":"prettier --check \"**/*.{ts,tsx,js,json,md,cjs}\"","storybook":"storybook dev -p 6006 --config-dir .storybook","storybook:build":"storybook build --config-dir .storybook","changeset":"changeset","release":"changeset publish","theme:build":"npx tsx ../theme-builder/src/cli.ts mui --source ../design-tokens/outputs --output ./src/theme --theme default","build":"npm run clean && tsup --config tsup.config.ts && node ./scripts/copy-overrides.js && npm run theme:build && npm run build:assets"},"dependencies":{"@arcos-harmony/default-theme-web":"0.5.8","@mui/icons-material":"7.3.4","arcos-harmony-system":"^0.5.3","tslib":"^2.6.2"},"peerDependencies":{"@emotion/react":"11.14.0","@emotion/styled":"11.14.1","@mui/material":"7.3.4","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@storybook/react-vite":"^8.2.9","@storybook/test":"^8.2.9","@types/node":"^20.15.0","@types/react":"19.2.2","@types/react-dom":"19.2.1","axios":"^1.11.0","chokidar-cli":"^3.0.0","dotenv":"^16.4.5","prettier":"^3.3.3","react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","vite":"^5.4.10","@vitejs/plugin-react":"^5.0.0"},"keywords":["mui","material-ui","theme","design system","arcos","harmony","tokens","css variables","web","react","typescript"],"devDependencies":{"@changesets/changelog-github":"^0.5.0","@changesets/cli":"^2.27.9","rimraf":"5.0.10","tsup":"8.5.0","tsx":"4.20.6"},"_id":"@arcos-harmony/web-theme@0.6.3","gitHead":"199f26a4a4f3917bfb9b33a7c6e39606bce7bd09","_nodeVersion":"24.9.0","_npmVersion":"11.6.0","dist":{"integrity":"sha512-kRukMcSzh859x92VEwLWJBEJ6vDqSlRxyrI3zf8TLL+LaZ7CUeFvYwwu09M6PPeIGS9tjR4bBzB+3KP/VSyqXw==","shasum":"199fff2f65b82ec510807e5fd162e0c6e5c8ab4f","tarball":"https://registry.npmjs.org/@arcos-harmony/web-theme/-/web-theme-0.6.3.tgz","fileCount":225,"unpackedSize":1791494,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFtPmltRgY7wFjei+MVZkVDCQwLTzAvLFoP4qZzmvuIlAiEAhrX+vtAQizTtAennFNX0N+WjHJbPDUC7VIKdhMSPbjk="}]},"_npmUser":{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"},"directories":{},"maintainers":[{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/web-theme_0.6.3_1759894159133_0.37904070955112545"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-08T00:50:18.129Z","modified":"2025-10-08T03:29:19.587Z","0.5.9":"2025-10-08T00:50:18.382Z","0.6.0":"2025-10-08T01:07:11.089Z","0.6.1":"2025-10-08T01:17:42.927Z","0.6.2":"2025-10-08T03:04:23.374Z","0.6.3":"2025-10-08T03:29:19.396Z"},"license":"UNLICENSED","keywords":["mui","material-ui","theme","design system","arcos","harmony","tokens","css variables","web","react","typescript"],"description":"ARCOS Harmony Design System default web theme (Lighthouse)","maintainers":[{"name":"arcosharmony","email":"jsonderman@arcos-inc.com"}],"readme":"# Arcos Harmony Web Design System\n\n## Installation\n\n```bash\nnpm install @arcos-harmony/web-theme react react-dom @mui/material @emotion/react @emotion/styled @mui/x-data-grid\n```\n\n**Peer dependencies:**\n- `react` `^18.0.0 || ^19.0.0`\n- `react-dom` `^18.0.0 || ^19.0.0`\n- `@mui/material` `^5.0.0 || ^7.0.0`\n- `@emotion/react` `^11`\n- `@emotion/styled` `^11`\n- `@mui/x-data-grid` `^5.0.0 || ^7.0.0`\n\n## Required Versions\n\nThis package requires the following versions:\n\n- react: ^18.0.0 or ^19.0.0\n- react-dom: ^18.0.0 or ^19.0.0\n- vite: ^5.4.10\n- @vitejs/plugin-react: ^5.0.0\n- dotenv: ^16.4.5\n- @types/node: ^20.15.0\n\n### Example install command\n\n```sh\nnpm install react@^19.0.0 react-dom@^19.0.0 vite@^5.4.10 @vitejs/plugin-react@^5.0.0 dotenv@^16.4.5 @types/node@^20.15.0\n```\n\nOr see the sample `package.json` below:\n\n```json\n{\n  \"dependencies\": {\n    \"react\": \"^19.0.0\",\n    \"react-dom\": \"^19.0.0\",\n    \"dotenv\": \"^16.4.5\"\n  },\n  \"devDependencies\": {\n    \"vite\": \"^5.4.10\",\n    \"@vitejs/plugin-react\": \"^5.0.0\",\n    \"@types/node\": \"^20.15.0\"\n  }\n}\n```\n\nTo install all required peer dependencies, you can also run:\n\n```sh\nsh ./scripts/setup-peers.sh\n```\n\n\n## Quick Start\n\n\n**1. Install dependencies:**\n\nThis package requires the following dependencies and versions:\n\n- **react**: ^18.0.0 or ^19.0.0\n- **react-dom**: ^18.0.0 or ^19.0.0\n- **@mui/material**: ^5.0.0 or ^7.0.0\n- **@emotion/react**: ^11.x\n- **@emotion/styled**: ^11.x\n- **node**: >=18.18\n- **typescript**: >=4.9 (recommended)\n\nInstall with:\n\n```sh\nnpm install @arcos-harmony/web-theme react@^19.0.0 react-dom@^19.0.0 @mui/material@^7.0.0 @emotion/react@^11 @emotion/styled@^11\n```\n\nOr use the versions that match your project, as long as they meet the minimum requirements above.\n\n**2. Use the setup helper for instant MUI theming:**\n\n```tsx\nimport { ThemeProvider, CssBaseline } from '@mui/material';\nimport { createHarmonyTheme } from '@arcos-harmony/web-theme/setup';\nimport '@arcos-harmony/web-theme/styles';\n\nconst theme = createHarmonyTheme();\n\nexport function App() {\n  return (\n    <ThemeProvider theme={theme}>\n      <CssBaseline />\n      {/* your app */}\n    </ThemeProvider>\n  );\n}\n```\n\n**3. Advanced usage:**\n\nYou can import the theme JSON directly for customization:\n\n```ts\nimport { harmonyThemeJson } from '@arcos-harmony/web-theme/setup';\nimport { createTheme } from '@mui/material/styles';\n\nconst theme = createTheme({ ...harmonyThemeJson, palette: { ...harmonyThemeJson.palette, mode: 'dark' } });\n```\n\n**4. Import CSS for variables:**\n\n```ts\nimport '@arcos-harmony/web-theme/styles'; // All CSS variables\nimport '@arcos-harmony/web-theme/styles/core'; // Core variables only\nimport '@arcos-harmony/web-theme/styles/theme'; // Theme variables only\nimport '@arcos-harmony/web-theme/styles/mui'; // MUI component CSS only\n```\n\n**5. TypeScript: Palette Augmentation**\n\nThis package augments the MUI palette with `neutral` and other custom colors. If you use TypeScript, this is automatic, but you can reference `src/theme-palette-augmentation.d.ts` for details.\n\n---\n\nOther available themes:\n- `clearion.mui-theme.json` and `clearion.css`\n\n## Creating New or Additional Themes\n\n1. **Tokens:**\n   - New tokens must be fetched and flattened in the `design-tokens` package.\n   - Use the scripts in `design-tokens` to generate new or updated flatmap files (e.g., `lighthouse.flatmap.json`).\n\n2. **Theme Build:**\n   - Add your new flatmap file to `design-tokens/outputs`.\n   - Run the build script in this package (`npm run build`) to generate the corresponding MUI theme JSON and CSS in `dist/theme/`.\n\n3. **Usage:**\n   - Import your new theme JSON and CSS from `arcos-harmony-design-system/theme/<your-theme>.mui-theme.json` and `.css`.\n\n\n## Using the Published Components\n\nThis package provides MUI theme overrides and design tokens for Arcos Harmony Web. To use the themed components:\n\n1. Install the package and its peer dependencies (see above).\n2. Import the theme JSON and CSS for your chosen theme (see Usage above).\n3. Use MUI components as usual. The theme overrides will automatically apply to all supported components.\n4. You can also import the component overrides directly if you need to customize or extend them:\n\n```ts\nimport { getComponentOverrides } from 'arcos-harmony-web';\nconst overrides = getComponentOverrides();\n// Pass to createTheme({ components: overrides })\n```\n\n## Using Button Variants\n\nWe've added enhanced support for button variants with two approaches:\n\n1. **Standard MUI button styles** - Works out of the box with MUI's default variant+color and size props\n   ```jsx\n   <Button variant=\"contained\" color=\"primary\">Standard Button</Button>\n   <Button variant=\"contained\" color=\"primary\" size=\"large\">Large Button</Button>\n   <Button variant=\"contained\" color=\"primary\" size=\"small\">Small Button</Button>\n   ```\n\n2. **Button size helper** - For consistent button sizes across your app\n   ```jsx\n   import { createHarmonyThemeWithButtonSize } from '@arcos-harmony/web-theme/setup';\n   \n   // Create a theme with all buttons defaulting to 'small' size\n   const theme = createHarmonyThemeWithButtonSize('small');\n   ```\n\nSee [README.button-variants.md](./README.button-variants.md) for detailed usage instructions, including how to configure custom color variants.\n\n## Components with Theme Overrides\n\nThe following MUI components currently have custom theme overrides:\n\n- Alert\n- Avatar\n- Button\n- Card\n- Checkbox\n- Chip\n- Dialog\n- FormControl\n- FormHelperText\n- FormLabel\n- Menu\n- MenuItem\n- Paper\n- Radio\n- Select\n- Snackbar\n- Switch\n- Tab\n- Tabs\n- TextField\n- Typography\n\n## TODO: Next Components to Theme\n\nThe following components and patterns are planned for theming next:\n\n- Table\n- Accordion\n- Snackbar (enhanced)\n- Progress\n- Tooltip\n- Patterns (e.g., empty states, banners, etc.)\n- Storybook implementation\n\n---\n\n- Flatmap files (e.g., `lighthouse.flatmap.json`, `clearion.flatmap.json`) should be referenced from `design-tokens/outputs`.\n- All new tokens must be managed in the `design-tokens` package before building themes here.\n\nThis will load the Harmony theme style overrides into your ThemeProvider for your app, applying the targeted theme to any MUI component on override has been specified for.\n\n## Theming\n\n- `muiThemeJson` is the Lighthouse theme and is also available via `themes.lighthouse`.\n- All CSS variables for Lighthouse ship in `theme/lighthouse.css`.\n- A manifest of every generated product theme is emitted to `theme/themes.manifest.json` and surfaced through the `themeManifest` export.\n\n```ts\nimport { themes, defaultThemeId } from 'arcos-harmony-design-system';\nimport { createTheme } from '@mui/material/styles';\n\nconst theme = createTheme(themes[defaultThemeId]);\n```\n### Scripts\n\n- `npm run tokens:fetch` – Fetch raw tokens from Figma (requires `FIGMA_PERSONAL_TOKEN` & `FIGMA_FILE_KEY`).\n- `npm run tokens:build` – Flatten Core + Theme collections and emit JSON/CSS.\n- `npm run theme:build` – Build `muiThemeJson`, CSS variables, and supporting JSON.\n- `npm run build` – Clean, rebuild tokens/theme, bundle with `tsup`, and copy distributable assets.\n- `npm run storybook` – Local docs with token tables and theme preview.\n\n### Exports\n\n `arcos-harmony-design-system/theme/lighthouse.flatmap.json`\n `arcos-harmony-design-system/tokens/core.flatmap.json`\n\n\n### Create an additional theme\n\n1. Target the collections you want to build and override the slug/name as needed using this pattern:\n- `BUILD_COLLECTIONS` to call out the exact names of the Figma collections being imported\n- `DEFAULT_THEME_SLUG` / `DEFAULT_THEME_NAME` customize the default theme slug + display name.\n- `THEME_SLUG_OVERRIDES` / `THEME_NAME_OVERRIDES` accept comma-separated `Collection Name:slug`/`Collection Name:Display Name` pairs for additional themes.\n Example:\n   ```bash\n   BUILD_COLLECTIONS=\"Core, Theme\" THEME_SLUG_OVERRIDES=\"Clearion Theme:clearion\" THEME_NAME_OVERRIDES=\"Clearion Theme:Clearion\" npm run tokens:build\n   npm run theme:build\n   ```\n\n2. Import the generated files (e.g. `clearion.mui-theme.json`) in `src/index.ts` and register them on the `themes` map.\n3. Mirror those paths in `package.json#exports` so consumers can access the new theme.\n4. Re-run `npm run build` to copy the assets into `dist/`.\n\n### Component style overrides\n\n### Tailwind preset\n\n```js\nmodule.exports = {\n  content: ['./src/**/*.{js,ts,jsx,tsx}'],\n  presets: [require('arcos-harmony-design-system/tailwind/preset.cjs')]\n};\n```\n\n## Release\n\nThis package is versioned with Changesets. Run `npm run changeset` from the monorepo root and merge the generated PR; CI handles publishing when `NPM_TOKEN` is available.\n\n# Design System Core\n\n## Migration Note\n\nThemes are now split into dedicated packages per brand/platform. For MUI web projects, transition from `@systemautomation/design-system` to `@systemautomation/theme-lighthouse-web`:\n\n### Before\n```js\nimport { theme } from '@systemautomation/design-system';\n```\n\n### After\n```js\nimport { lighthouseTheme } from '@systemautomation/theme-lighthouse-web';\n```\n\nUpdate your imports and usage to use the new package. The `design-tokens` package remains the source of truth for all tokens.\n\n- `@systemautomation/theme-lighthouse-web` is now the recommended theme for Lighthouse brand web apps using MUI.\n- See the theme package README for usage details.","readmeFilename":"README.md"}