{"_id":"@audi/audi-ui","_rev":"7-f9370c7235e7643746b0953a7c1184fb","name":"@audi/audi-ui","description":"Audi UI components in HTML, CSS and JS.","dist-tags":{"latest":"1.0.0-alpha.2"},"versions":{"1.0.0-alpha.1":{"name":"@audi/audi-ui","version":"1.0.0-alpha.1","description":"Audi UI components in HTML, CSS and JS.","author":{"name":"Audi"},"private":false,"homepage":"https://github.com/audi/audi-ui","repository":{"type":"git","url":"git://github.com/audi/audi-ui.git"},"main":"dist/audi-ui.min.js","devDependencies":{"audi-icon":"git+https://github.com/audi/audi-icon.git","audi-type":"git+https://github.com/audi/audi-type.git","babel":"6.3.13","babel-core":"6.1.18","babel-eslint":"5.0.0","babel-loader":"6.1.0","babel-plugin-add-module-exports":"0.1.2","babel-plugin-transform-es2015-classes":"^6.9.0","babel-polyfill":"^6.16.0","babel-preset-es2015":"6.3.13","bezier-easing":"^2.0.3","browser-sync":"^2.17.3","del":"^2.2.2","dom4":"^1.8.3","eslint":"1.7.2","eslint-loader":"1.1.0","fontfaceobserver":"^2.0.5","gulp":"github:gulpjs/gulp#4.0","gulp-autoprefixer":"^3.1.1","gulp-csso":"^2.0.0","gulp-data":"^1.2.1","gulp-header":"^1.8.8","gulp-if":"^2.0.1","gulp-load-plugins":"^1.2.4","gulp-notify":"^2.2.0","gulp-nunjucks-render":"^2.0.0","gulp-plumber":"^1.1.0","gulp-rename":"^1.2.2","gulp-sass":"^2.3.2","gulp-size":"^2.1.0","gulp-sourcemaps":"^2.0.0","gulp-to-json":"^1.0.1","gulp-uglify":"^2.0.0","gulp-util":"^3.0.7","normalize.css":"^5.0.0","nouislider":"^9.2.0","path":"^0.12.7","tether":"^1.3.7","urijs":"^1.18.2","webpack":"1.12.9","webpack-stream":"^3.2.0"},"scripts":{},"engines":{"node":"^6.0.0"},"bugs":{"url":"https://github.com/audi/audi-ui/issues"},"directories":{"test":"test"},"license":"Apache-2.0","gitHead":"62f0c576abc55c5eaca2d9b0920b926ce34d493d","_id":"@audi/audi-ui@1.0.0-alpha.1","_shasum":"0c6d3c38b57662704ef66a7bd8288e7608a78926","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"thomasmichelbach","email":"thomas@nomoresleep.net"},"dist":{"shasum":"0c6d3c38b57662704ef66a7bd8288e7608a78926","tarball":"https://registry.npmjs.org/@audi/audi-ui/-/audi-ui-1.0.0-alpha.1.tgz","integrity":"sha512-3Bgbt3EhR/E8wAqngHHwRWRpE7ZX3X42Vb47IVuBcXDC1qctTsV4QzrqZTtoUJUw6TW8QLQLvAVaVIDhd5a1Qg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDg0H+81x4BB+S5pvmcacfq/MwaIIKIzu3MjYxjR4+39wIhAIHkFKZziz5F/xKDh3C1ChPVElfp7V6F7qAXhpVZdzOJ"}]},"maintainers":[{"name":"thomasmichelbach","email":"thomas@nomoresleep.net"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/audi-ui-1.0.0-alpha.1.tgz_1494837917321_0.6160280902404338"}},"1.0.0-alpha.2":{"name":"@audi/audi-ui","version":"1.0.0-alpha.2","description":"Audi UI components in HTML, CSS and JS.","author":{"name":"Audi"},"private":false,"homepage":"https://github.com/audi/audi-ui","repository":{"type":"git","url":"git://github.com/audi/audi-ui.git"},"main":"dist/audi-ui.min.js","devDependencies":{"audi-icon":"git+https://github.com/audi/audi-icon.git","audi-type":"git+https://github.com/audi/audi-type.git","babel":"6.3.13","babel-core":"6.1.18","babel-eslint":"5.0.0","babel-loader":"6.1.0","babel-plugin-add-module-exports":"0.1.2","babel-plugin-transform-es2015-classes":"^6.9.0","babel-polyfill":"^6.16.0","babel-preset-es2015":"6.3.13","bezier-easing":"^2.0.3","browser-sync":"^2.17.3","del":"^2.2.2","dom4":"^1.8.3","eslint":"1.7.2","eslint-loader":"1.1.0","fontfaceobserver":"^2.0.5","gulp":"github:gulpjs/gulp#4.0","gulp-autoprefixer":"^3.1.1","gulp-csso":"^2.0.0","gulp-data":"^1.2.1","gulp-header":"^1.8.8","gulp-if":"^2.0.1","gulp-load-plugins":"^1.2.4","gulp-notify":"^2.2.0","gulp-nunjucks-render":"^2.0.0","gulp-plumber":"^1.1.0","gulp-rename":"^1.2.2","gulp-sass":"^2.3.2","gulp-size":"^2.1.0","gulp-sourcemaps":"^2.0.0","gulp-to-json":"^1.0.1","gulp-uglify":"^2.0.0","gulp-util":"^3.0.7","normalize.css":"^5.0.0","nouislider":"^9.2.0","path":"^0.12.7","tether":"^1.3.7","urijs":"^1.18.2","webpack":"1.12.9","webpack-stream":"^3.2.0"},"scripts":{},"engines":{"node":"^6.0.0"},"bugs":{"url":"https://github.com/audi/audi-ui/issues"},"directories":{"test":"test"},"license":"Apache-2.0","gitHead":"386cba9227db51673bad86e50e0b509624f06498","_id":"@audi/audi-ui@1.0.0-alpha.2","_shasum":"4cd16a384ab520e11fc270dc1882c2175e1be0de","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"thomasmichelbach","email":"thomas@nomoresleep.net"},"dist":{"shasum":"4cd16a384ab520e11fc270dc1882c2175e1be0de","tarball":"https://registry.npmjs.org/@audi/audi-ui/-/audi-ui-1.0.0-alpha.2.tgz","integrity":"sha512-MB6XvFmio6I5CfAJIDzyuybziFU9VjnIOYyV2Qoz/zpOW1EFyEyrrEqY/CDMYvrlC798W0PMLxmjvQge72+vLQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGacnZlId2NN+pRJiCcSoJwGC5pimAk0NneEljvJ7hCiAiEAgZ6/m+fXNDSA35fDq4HiF1iG5BcotR1hkg/fqqa2fo8="}]},"maintainers":[{"email":"thomas@nomoresleep.net","name":"thomasmichelbach"},{"email":"t.michelbach@strichpunkt-design.de","name":"strichpunkt"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/audi-ui-1.0.0-alpha.2.tgz_1511851478065_0.8163331283722073"}}},"readme":"# Audi UI\n\n> An implementation of Audi UI components in CSS, Vanilla JavaScript, and HTML.\n> Complementary [typefaces](https://github.com/audi/audi-type) and [icons](http://github.com/audi/audi-icon) can be found in the corresponding repositories on the same organization account.\n\n> Project status: **alpha**\n\n## Want to contribute?\n\nIf you found a bug, have any questions or want to contribute feel free to file an issue on GitHub. For general information on the audi corporate design please follow the [official guidelines](https://www.audi.com/ci).\n\n## Getting Started\n\n### Build workflow\n\nOur current build workflow requires [Gulp](http://gulpjs.com/) v4. Make sure you have the latest version installed.\n\nYou will need to remove your current gulp global package before installing v4 in order to do an upgrade.\n\n```\nnpm rm -g gulp\nnpm install -g gulp-cli\n```\n\nThis command removes your current global package and installs v4 from the gulp-cli 4.0 branch.\n\nMake sure you don't get any errors from the first command before you type the second. Depending on your set-up, you may need to run them with `sudo`.\n\nTo verify what version you have installed globally, you can run the below command (and should see a similar output).\n\n```\ngulp -v\nCLI version 1.2.2\n```\n\n### Setup the repo:\n\n```\ngit clone https://github.com/audi/audi-ui.git && cd audi-ui\nnpm i\n```\n\n### Build library files:\n```\ngulp\n```\n\n### Build library an run the development server:\n```\ncd /path/to/audi-ui\ngulp test:visual\n```\n\n## Use Audi UI for your project\n\n#### 1. Install Audi UI via NPM\n```\nnpm install @audi/audi-ui\n```\n\n#### 2. Link CSS directly OR import library SCSS in your styles\n``` html\n<link rel=\"stylesheet\" href=\"/node_modules/@audi/audi-ui/lib/audiui.min.css\">\n```\n\n``` CSS\n@import \"/node_modules/@audi/audi-ui/src/index\";\n```\n\n#### 3. Initialize JS\n``` JavaScript\n// Add DOM4 support, https://github.com/WebReflection/dom4\nimport 'dom4';\n\n// Add Babel polyfill for ES2015, https://babeljs.io/docs/usage/polyfill/\nimport 'babel-polyfill';\n\n// Import all components from Audi UI library\nimport aui from 'audi-ui';\n\n// Or only some\nimport {Modal, Nav, Spinner} from 'audi-ui';\n\n// Initialize all Audi UI components\naui.upgradeAllElements();\n\n// Or only some\nModal.upgradeElements();\nNav.upgradeElements();\nSpinner.upgradeElements();\n```\n\n#### 4. Check if JavaScript is enabled\n\nWe use an approach like [Modernizr](https://modernizr.com/docs#no-js) to detect JS support, and change the styling accordingly.\nAdd the class `aui-no-js` to the `html` element.\n``` html\n<html class=\"aui-no-js\">\n```\nReplace the name with `aui-js` if JS is supported.\n``` html\n<head>\n  <script type=\"text/javascript\">\n    document.documentElement.className = document.documentElement.className.replace(new RegExp(\"(^|\\\\s)aui-no-js(\\\\s|$)\"), \"$1aui-js$2\");\n  </script>\n</head>\n```\n\n## Browser Support\n\nSupported evergreen browsers:\n\n- Chrome\n- Edge\n- Firefox\n- Opera\n\nSupported versioned browsers:\n\n- Internet Explorer 10\n- Safari 8\n- Mobile Safari 8\n","maintainers":[{"email":"andre.jaeger@audi.de","name":"ajaudi"},{"email":"r.bruskowski@sp.design","name":"rbruskowski"},{"email":"kai.ziefle@web.de","name":"kai.ziefle"},{"email":"t.michelbach@strichpunkt-design.de","name":"strichpunkt"},{"email":"thomas@nomoresleep.net","name":"thomasmichelbach"}],"time":{"modified":"2022-06-12T14:51:37.215Z","created":"2017-05-15T08:45:19.931Z","1.0.0-alpha.1":"2017-05-15T08:45:19.931Z","1.0.0-alpha.2":"2017-11-28T06:44:40.202Z"},"homepage":"https://github.com/audi/audi-ui","repository":{"type":"git","url":"git://github.com/audi/audi-ui.git"},"author":{"name":"Audi"},"bugs":{"url":"https://github.com/audi/audi-ui/issues"},"license":"Apache-2.0","readmeFilename":"README.md"}