{"_id":"@amityco/diana-ds","_rev":"10-d8cc777eb6619027f9ced74bd65dd25d","name":"@amityco/diana-ds","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@amityco/diana-ds","version":"1.0.1","author":{"name":"developers@amity.co"},"license":"MIT","_id":"@amityco/diana-ds@1.0.1","maintainers":[{"name":"phatcharawadi","email":"phatcharawadi@amity.co"},{"name":"ekoapp","email":"developers@amity.co"}],"dist":{"shasum":"7f2fe05940aac5570d2cb863b88dcbb42176db4a","tarball":"https://registry.npmjs.org/@amityco/diana-ds/-/diana-ds-1.0.1.tgz","fileCount":36,"integrity":"sha512-bq/MqKukeVBYSPE/eyBGCjmAF9h631SBGNGn+les8TAIeBdJpDAV66T/UXRCH3ObyG3l2uT1arSEP7TIoaL90Q==","signatures":[{"sig":"MEUCIA6J2WDtYhjptXTeioTZniZKRMObcWLE+KrtO5/cOiT1AiEA4hKwYTNoPFE/Pmw8cf/cp2RimkjIiaxG5JvvM61s5lE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":115048,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiA/7YCRA9TVsSAnZWagAAbpkP/0q9Jqtl1FtBHxBAkbR9\nIwydw3JpRfGqP9EdXMPmA0W0vxCjdq02TyYFA7vD5H06Nmv1WtLT2ZMEKiM5\ng9CsN5SSkyGCSNNRRCuU7p5ee7V2EwFLNPpaKFYH7jmaXw9WsqfWaTdVeL+z\n6NlKhB7IVw1tr3paQA+HIm6saei2RyMiPqQcuugVFnqFZW5oS/B7bnDE4llE\n9i1SrDHldd80KlvenbMolI0R9VW0qa1J8V0gdsMz1heS+8rlvnLsN8F/OMQd\nclcl/jMZdtmlDPHnhRp1ftxXLg5LI2SoKR136bVM5eR+f7VdtGHQePOFVJ3g\no6RRoasODqOwM6jl/gFKW2nD9cCEmCXhO+7RLoOr2jAs0m8K5UA/+trra/bB\nhP7SF4v3se4omyUlucdlLxtXTD0ADKNRpKJ/jA4y9fvP4RqYgpUFt9ta6Cy2\n1lx5cVF2TH0HbLaIk6U2TqiSm6qhHjpFTA3MhoAFlH4uCaGp5kaW+1glCaLR\nyL/mVEDoZytclFN0Rrdicvax8Rx01mAZrxUfiR1HCLkMj8tptkI9QJmzWFqc\nqvrlAYAlIKoQ7bx+x7n6hnxEYgp6lIVvNYGv6doboqSY4s9CwxQ3MABkMuxH\naS0LSndKemThrBoJZHrepemX4oWJY6zSbS5YdaaxZQKKk2Z6DUczJZqJ3aKc\nh+Nm\r\n=Fkvm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","husky":{"hooks":{"pre-commit":"tsdx lint"}},"module":"dist/diana-ds.esm.js","engines":{"node":">=10"},"gitHead":"250f03017669525272bd75feae3fadd54d25bcdf","scripts":{"lint":"tsdx lint","size":"size-limit","build":"tsdx build","start":"start-storybook -p 6006","watch":"tsdx watch","analyze":"size-limit --why","release":"npx standard-version --yes && git push --follow-tags","storybook":"build-storybook"},"typings":"dist/index.d.ts","_npmUser":{"name":"ekoapp","email":"developers@amity.co"},"prettier":{"semi":true,"printWidth":80,"singleQuote":true,"trailingComma":"es5"},"size-limit":[{"path":"dist/diana-ds.cjs.production.min.js","limit":"10 KB"},{"path":"dist/diana-ds.esm.js","limit":"10 KB"}],"_npmVersion":"8.1.2","description":"## What is it?","directories":{},"_nodeVersion":"16.13.2","dependencies":{"antd":"^4.18.6","react":"^17.0.2","lodash-es":"^4.17.21","react-dom":"^17.0.2","react-use":"^17.2.4","react-intl":"^5.20.4","styled-components":"^5.3.0"},"_hasShrinkwrap":false,"devDependencies":{"tsdx":"^0.14.1","husky":"^6.0.0","tslib":"^2.3.0","dotenv":"^10.0.0","cssnano":"^5.0.17","react-is":"^17.0.2","size-limit":"^5.0.1","typescript":"^4.3.4","@babel/core":"^7.14.6","@types/react":"^17.0.11","autoprefixer":"^10.4.2","babel-loader":"^8.2.2","@storybook/react":"^6.3.0","@types/react-dom":"^17.0.8","@storybook/addons":"^6.3.0","rollup-plugin-terser":"^7.0.2","@storybook/addon-info":"^5.3.21","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^6.3.0","eslint-plugin-prettier":"^3.4.0","@types/styled-components":"^5.1.10","@storybook/addon-essentials":"^6.3.0","@size-limit/preset-small-lib":"^5.0.1"},"_npmOperationalInternal":{"tmp":"tmp/diana-ds_1.0.1_1644429016140_0.3437447469827575","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-02-09T17:50:16.073Z","modified":"2026-02-11T13:12:57.912Z","1.0.1":"2022-02-09T17:50:16.331Z"},"author":{"name":"developers@amity.co"},"license":"MIT","description":"## What is it?","maintainers":[{"email":"developers@amity.co","name":"ekoapp"},{"email":"touchaponk@gmail.com","name":"touchaponk"},{"email":"pakkawat@amity.co","name":"pakkawat"},{"email":"platform@social.plus","name":"platform-butler"},{"email":"phongnarin@social.plus","name":"phongnarin-anan"},{"email":"pasut@social.plus","name":"pasut"}],"readme":"# Amity `Diana` Design System for web\n\n## What is it?\n\nThis package contains a set of \"ready to use\" React components for our web products.\n\n## How to install it?\n\n- From npm: `npm install @amityco/diana-ds`\n- From yarn: `yarn add @amityco/diana-ds`\n\n## How to use it?\n\n### Diana Provider\n\n```tsx\nimport 'antd/dist/antd.css'; // dont forget this part!\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { DianaProvider } from '@amityco/diana-ds';\n\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <DianaProvider>\n      <App />\n    </DianaProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n```\n\n## Customisation\n\n### Theming\n\nThe theme interface is available when importing `import { Theme } from '@amityco/diana-ds'`. You can pass any partial theme object matching this interface to the Ui-Kit provider to customise the look and feel of our components:\n\n```tsx\nconst theme = {\n  palette: {\n    primary: \"#ff0000\",\n  },\n}\n\n// ...\n\n<DianaProvider theme={theme}>{...}</DianaProvider>\n```\n\n### Internationalisation\n\nWe support english out of the box, but you can also add your own language (as for now we only support LTR languages).\n\n```tsx\nconst languages = {\n  th: {\n    i18nkey: 'hello world',\n  },\n}\n\n// ...\n\n<DianaProvider languages={languages} locale=\"th\">{...}</DianaProvider>\n```\n","readmeFilename":"README.md"}