{"_id":"@beeper/matrix-widget-toolkit-semantic-ui","_rev":"6-e75acd59564d4fb6805d738d5a68330b","name":"@beeper/matrix-widget-toolkit-semantic-ui","dist-tags":{"latest":"1.0.9"},"versions":{"1.0.7":{"name":"@beeper/matrix-widget-toolkit-semantic-ui","version":"1.0.7","keywords":["matrix","widget","matrix-widget-api"],"author":{"name":"Nordeck IT + Consulting GmbH"},"license":"Apache-2.0","_id":"@beeper/matrix-widget-toolkit-semantic-ui@1.0.7","maintainers":[{"name":"griffinli","email":"griffinli2006@gmail.com"},{"name":"bradtgmurray","email":"bradtgmurray@gmail.com"}],"homepage":"https://github.com/beeper/matrix-widget-toolkit#readme","bugs":{"url":"https://github.com/beeper/matrix-widget-toolkit/issues"},"dist":{"shasum":"77418b67f65fbe5ab4150feb6e098e789ff35edd","tarball":"https://registry.npmjs.org/@beeper/matrix-widget-toolkit-semantic-ui/-/matrix-widget-toolkit-semantic-ui-1.0.7.tgz","fileCount":229,"integrity":"sha512-GguBNB8mcuoT8VMarxHfId79d08sOomQqwbBceAhym2Kt1dJk0QvjOQfXJ7cFJP9TPzjX0x31JvrEsIZL0EaYA==","signatures":[{"sig":"MEQCIACL2GOH/ADQBogSkkgWJ232XTbWC+d03sErDYzrgX/zAiBIjMA42Y53zaGZmfAzFMsskJ4T2lNu5Dy3nXkSll02Lg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6011526},"types":"./src/index.ts","module":"./src/index.ts","source":"./src/index.ts","gitHead":"83eec0ef72e1cb7ed56ddd38b30c27dc7e679d19","scripts":{"tsc":"tsc","lint":"eslint .","test":"jest --watch","build":"tsc && rollup --config ../../rollup.config.mjs","prepack":"node ../../scripts/prepack.js","depcheck":"depcheck --ignores=@types/jest,@types/node,i18next-parser --ignore-dirs=lib,build","postpack":"node ../../scripts/postpack.js","postbuild":"copyfiles -E -u 1 src/locales/**/*.json build","translate":"i18next src/**/*.{ts,tsx}","check-api-report":"api-extractor run --verbose","generate-api-report":"tsc && api-extractor run --verbose --local"},"_npmUser":{"name":"griffinli","email":"griffinli2006@gmail.com"},"deprecated":true,"repository":{"url":"git+https://github.com/beeper/matrix-widget-toolkit.git","type":"git","directory":"packages/semantic-ui"},"_npmVersion":"9.6.6","description":"A customized semantic-ui theme that matches the style of the Element Matrix client","directories":{},"_nodeVersion":"20.0.0","dependencies":{"react":"^17.0.2","i18next":"^22.5.1","react-use":"^17.4.0","react-i18next":"^12.3.1","@fontsource/lato":"^5.0.2","semantic-ui-less":"^2.5.0","semantic-ui-react":"^2.1.4","@beeper/matrix-widget-api":"^1.5.0","i18next-resources-to-backend":"^1.1.3","i18next-browser-languagedetector":"^7.0.2","@beeper/matrix-widget-toolkit-api":"^3.3.0","@beeper/matrix-widget-toolkit-react":"^1.0.5"},"publishConfig":{"main":"./build/cjs/index.js","types":"./build/index.d.ts","module":"./build/esm/index.js"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.2","copyfiles":"^2.4.1","typescript":"^4.8.4","@types/jest":"^27.5.2","@types/node":"^16.18.34","@craco/craco":"^6.4.5","@types/react":"^17.0.45","react-scripts":"5.0.1","i18next-parser":"^8.0.0","@testing-library/react":"^12.1.5","@testing-library/jest-dom":"^5.16.5","@testing-library/user-event":"^14.4.3","@semantic-ui-react/craco-less":"^3.0.0"},"peerDependencies":{"@craco/craco":"^6.4.5","@semantic-ui-react/craco-less":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/matrix-widget-toolkit-semantic-ui_1.0.7_1688593276430_0.5238855963610396","host":"s3://npm-registry-packages"}},"1.0.8":{"name":"@beeper/matrix-widget-toolkit-semantic-ui","version":"1.0.8","keywords":["matrix","widget","matrix-widget-api"],"author":{"name":"Nordeck IT + Consulting GmbH"},"license":"Apache-2.0","_id":"@beeper/matrix-widget-toolkit-semantic-ui@1.0.8","maintainers":[{"name":"griffinli","email":"griffinli2006@gmail.com"},{"name":"bradtgmurray","email":"bradtgmurray@gmail.com"}],"homepage":"https://github.com/beeper/matrix-widget-toolkit#readme","bugs":{"url":"https://github.com/beeper/matrix-widget-toolkit/issues"},"dist":{"shasum":"bb1f014b19673a993e10d78833e0d5c865963ad7","tarball":"https://registry.npmjs.org/@beeper/matrix-widget-toolkit-semantic-ui/-/matrix-widget-toolkit-semantic-ui-1.0.8.tgz","fileCount":234,"integrity":"sha512-ngUTbIIqgYiCZB+pbaL0qJhunRtrkG7zO2lcsZTAsHMak4RxhLnmNKhF9oUWIVyKTwQD4TbHXk5jRfGYNJIH1w==","signatures":[{"sig":"MEUCIHIt4DL5zBng12KcGm+7qAgoN6uRb2A5dMFha3K2KJE6AiEAqlOeQFoLI8rsVT+NcnxZhIBXgGt0L7MjgBS3zANVWsc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6058209},"types":"./src/index.ts","module":"./src/index.ts","source":"./src/index.ts","gitHead":"ddca9e7ace8c185153ccdc8356f7e04ff0e86e4f","scripts":{"tsc":"tsc","lint":"eslint .","test":"jest --watch","build":"tsc && rollup --config ../../rollup.config.mjs","prepack":"node ../../scripts/prepack.js","depcheck":"depcheck --ignores=@types/jest,@types/node,i18next-parser --ignore-dirs=lib,build","postpack":"node ../../scripts/postpack.js","postbuild":"copyfiles -E -u 1 src/locales/**/*.json build","translate":"i18next src/**/*.{ts,tsx}","check-api-report":"api-extractor run --verbose","generate-api-report":"tsc && api-extractor run --verbose --local"},"_npmUser":{"name":"griffinli","email":"griffinli2006@gmail.com"},"deprecated":true,"repository":{"url":"git+https://github.com/beeper/matrix-widget-toolkit.git","type":"git","directory":"packages/semantic-ui"},"_npmVersion":"9.6.6","description":"A customized semantic-ui theme that matches the style of the Element Matrix client","directories":{},"_nodeVersion":"20.0.0","dependencies":{"react":"^17.0.2","i18next":"^22.5.1","react-use":"^17.4.0","react-i18next":"^12.3.1","@fontsource/lato":"^5.0.2","semantic-ui-less":"^2.5.0","semantic-ui-react":"^2.1.4","@beeper/matrix-widget-api":"^1.5.0","i18next-resources-to-backend":"^1.1.3","i18next-browser-languagedetector":"^7.0.2","@beeper/matrix-widget-toolkit-api":"^3.3.1","@beeper/matrix-widget-toolkit-react":"^1.0.8"},"publishConfig":{"main":"./build/cjs/index.js","types":"./build/index.d.ts","module":"./build/esm/index.js"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.2","copyfiles":"^2.4.1","typescript":"^4.8.4","@types/jest":"^27.5.2","@types/node":"^16.18.34","@craco/craco":"^6.4.5","@types/react":"^17.0.45","react-scripts":"5.0.1","i18next-parser":"^8.0.0","@testing-library/react":"^12.1.5","@testing-library/jest-dom":"^5.16.5","@testing-library/user-event":"^14.4.3","@semantic-ui-react/craco-less":"^3.0.0"},"peerDependencies":{"@craco/craco":"^6.4.5","@semantic-ui-react/craco-less":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/matrix-widget-toolkit-semantic-ui_1.0.8_1688595020468_0.6280559301602109","host":"s3://npm-registry-packages"}},"1.0.9":{"name":"@beeper/matrix-widget-toolkit-semantic-ui","version":"1.0.9","keywords":["matrix","widget","matrix-widget-api"],"author":{"name":"Nordeck IT + Consulting GmbH"},"license":"Apache-2.0","_id":"@beeper/matrix-widget-toolkit-semantic-ui@1.0.9","maintainers":[{"name":"griffinli","email":"griffinli2006@gmail.com"},{"name":"bradtgmurray","email":"bradtgmurray@gmail.com"}],"homepage":"https://github.com/beeper/matrix-widget-toolkit#readme","bugs":{"url":"https://github.com/beeper/matrix-widget-toolkit/issues"},"dist":{"shasum":"bf00c17456157e54a6551bbb77f002c014e0f117","tarball":"https://registry.npmjs.org/@beeper/matrix-widget-toolkit-semantic-ui/-/matrix-widget-toolkit-semantic-ui-1.0.9.tgz","fileCount":234,"integrity":"sha512-hcE4gt6Scwh/YtkVAmyjp0Z2RXy5SHJMxDNXbscmQFECwoV6HRxArSK9yke0BP6z+RnVNbT4NIsW/Xp21C8W9w==","signatures":[{"sig":"MEUCIAt2Bv/4xEn8ZVD+V2gW6/HjxjAQxNe1PyJc+kPAD4RKAiEAuJaMlMgib7kpXFn41JNVkkf7emGnH7gJhlMUQDQJCQk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6058209},"types":"./src/index.ts","module":"./src/index.ts","source":"./src/index.ts","gitHead":"8d997f63dd1342c6a8ad989c1942f6692d66b0d8","scripts":{"tsc":"tsc","lint":"eslint .","test":"jest --watch","build":"tsc && rollup --config ../../rollup.config.mjs","prepack":"node ../../scripts/prepack.js","depcheck":"depcheck --ignores=@types/jest,@types/node,i18next-parser --ignore-dirs=lib,build","postpack":"node ../../scripts/postpack.js","postbuild":"copyfiles -E -u 1 src/locales/**/*.json build","translate":"i18next src/**/*.{ts,tsx}","check-api-report":"api-extractor run --verbose","generate-api-report":"tsc && api-extractor run --verbose --local"},"_npmUser":{"name":"griffinli","email":"griffinli2006@gmail.com"},"deprecated":true,"repository":{"url":"git+https://github.com/beeper/matrix-widget-toolkit.git","type":"git","directory":"packages/semantic-ui"},"_npmVersion":"9.6.6","description":"A customized semantic-ui theme that matches the style of the Element Matrix client","directories":{},"_nodeVersion":"20.0.0","dependencies":{"react":"^17.0.2","i18next":"^22.5.1","react-use":"^17.4.0","react-i18next":"^12.3.1","@fontsource/lato":"^5.0.2","semantic-ui-less":"^2.5.0","semantic-ui-react":"^2.1.4","@beeper/matrix-widget-api":"^1.5.0","i18next-resources-to-backend":"^1.1.3","i18next-browser-languagedetector":"^7.0.2","@beeper/matrix-widget-toolkit-api":"^3.3.3","@beeper/matrix-widget-toolkit-react":"^1.0.9"},"publishConfig":{"main":"./build/cjs/index.js","types":"./build/index.d.ts","module":"./build/esm/index.js"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.2","copyfiles":"^2.4.1","typescript":"^4.8.4","@types/jest":"^27.5.2","@types/node":"^16.18.34","@craco/craco":"^6.4.5","@types/react":"^17.0.45","react-scripts":"5.0.1","i18next-parser":"^8.0.0","@testing-library/react":"^12.1.5","@testing-library/jest-dom":"^5.16.5","@testing-library/user-event":"^14.4.3","@semantic-ui-react/craco-less":"^3.0.0"},"peerDependencies":{"@craco/craco":"^6.4.5","@semantic-ui-react/craco-less":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/matrix-widget-toolkit-semantic-ui_1.0.9_1690930395980_0.3768227696929012","host":"s3://npm-registry-packages"}}},"time":{"created":"2023-07-05T21:41:16.319Z","modified":"2026-07-06T17:52:40.097Z","1.0.7":"2023-07-05T21:41:16.788Z","1.0.8":"2023-07-05T22:10:20.828Z","1.0.9":"2023-08-01T22:53:16.304Z"},"bugs":{"url":"https://github.com/beeper/matrix-widget-toolkit/issues"},"author":{"name":"Nordeck IT + Consulting GmbH"},"license":"Apache-2.0","homepage":"https://github.com/beeper/matrix-widget-toolkit#readme","keywords":["matrix","widget","matrix-widget-api"],"repository":{"url":"git+https://github.com/beeper/matrix-widget-toolkit.git","type":"git","directory":"packages/semantic-ui"},"description":"A customized semantic-ui theme that matches the style of the Element Matrix client","maintainers":[{"email":"tulir@maunium.net","name":"tulir"},{"email":"nick@oxygem.com","name":"fizzadar"},{"email":"b@icoz.co","name":"bi"}],"readme":"# `@matrix-widget-toolkit/semantic-ui`\n\n[![@matrix-widget-toolkit/semantic-ui](https://img.shields.io/npm/v/@matrix-widget-toolkit/semantic-ui)](https://www.npmjs.com/package/@matrix-widget-toolkit/semantic-ui)\n\nThis package provides a Semantic UI theme that fits to the default Element theme.\nSee [`matrix-example-widget-semantic-ui`](../../matrix-example-widget-semantic-ui/) for some examples.\n\n> **Warning** This package is deprecated. We are about to migrate all our packages to use Material UI in the future.\n\n## Usage\n\nThis package should be used with a [CRACO](https://www.npmjs.com/package/@craco/craco) project.\n\nInstall it with:\n\n```bash\nyarn add @matrix-widget-toolkit/semantic-ui semantic-ui-react\nyarn add --dev @semantic-ui-react/craco-less\n```\n\nRegister the plugin in your `craco.config.js`:\n\n```js\nmodule.exports = {\n  plugins: [\n    {\n      plugin: require('@matrix-widget-toolkit/semantic-ui/craco/buildSemanticUiThemePlugin'),\n    },\n  ],\n};\n```\n\nAdd the following to your `package.json` so `jest` finds the virtual modules that are used inside of the package:\n\n```json\n  \"jest\": {\n    \"moduleNameMapper\": {\n      \"semantic-ui-less/semantic.less(.+)\": \"semantic-ui-less/semantic.less\"\n    }\n  }\n```\n\nNow you can use it in your application:\n\n```tsx\nimport {\n  SemanticUiThemeProvider,\n  SemanticUiWidgetApiProvider,\n} from '@matrix-widget-toolkit/semantic-ui';\nimport { Button } from 'semantic-ui-react';\n\nfunction App() {\n  return (\n    <SemanticUiThemeProvider>\n      <SemanticUiWidgetApiProvider>\n        <Button primary>A styled button</Button>\n      </SemanticUiWidgetApiProvider>\n    </SemanticUiThemeProvider>\n  );\n}\n\nexport default App;\n```\n\n## Customization\n\nYou can override the primary color by setting the `REACT_APP_PRIMARY_COLOR` environment variable to a custom color during build.\n\n## Update Font Awesome icons\n\nThe Font Awesome version coming with Semantic UI is to old and is missing icons.\nTherefore this theme includes a newer set of icons.\nTo update the icons, use the following steps:\n\n1. Use [`create-fomantic-icons`](https://github.com/fomantic/create-fomantic-icons) to download the newest stable version of fontawesome and generate the files needed by Semantic UI. Run `yarn create fomantic-icons` to generate the required files.\n2. Modify `fui-icons/ui/src/themes/default/elements/icon.variables` and remove the `#icons` references from SVG font imports.\n","readmeFilename":"README.md"}