{"_rev":"221-31fa1fcdaa23b1001df164e0ec64e840","time":{"created":"2024-08-12T18:06:45.090Z","modified":"2024-08-12T18:06:45.771Z","1.0.0":"2021-10-25T10:28:42.867Z","1.0.1":"2021-10-25T10:48:08.782Z","1.0.2":"2021-10-25T14:17:34.707Z","1.0.3":"2021-10-27T13:43:18.392Z","1.0.4":"2021-10-27T14:05:07.583Z","1.0.5":"2021-10-27T14:18:54.582Z","1.0.6":"2021-10-27T17:50:28.864Z","1.0.7":"2021-10-28T02:48:03.932Z","1.0.8":"2021-10-28T02:58:47.376Z","1.0.9":"2021-10-28T03:37:00.566Z","1.0.10":"2021-10-28T03:49:56.480Z","1.0.11":"2021-10-28T11:13:36.439Z","1.0.12":"2021-10-28T23:18:26.030Z","1.0.13":"2021-10-29T00:36:15.763Z","1.0.14":"2021-10-29T12:06:47.388Z","1.0.15":"2021-10-29T12:14:35.147Z","1.0.16":"2021-10-29T16:45:28.970Z","1.0.17":"2021-10-29T16:55:38.076Z","1.0.18":"2021-11-02T10:01:14.008Z","1.0.19":"2021-11-02T11:47:55.104Z","1.0.20":"2021-11-02T17:58:16.840Z","1.0.21":"2021-11-03T15:37:06.130Z","1.0.22":"2021-11-04T13:50:19.329Z","1.0.23":"2021-11-04T14:13:59.975Z","1.0.24":"2021-11-05T16:18:39.743Z","1.0.25":"2021-11-05T16:40:52.922Z","1.0.26":"2021-11-08T11:27:23.948Z","1.0.27":"2021-11-08T12:51:58.793Z","1.0.28":"2021-11-08T13:55:46.141Z","1.0.29":"2021-11-08T14:17:29.399Z","1.0.30":"2021-11-08T14:41:18.086Z","1.0.31":"2021-11-09T12:43:39.986Z","1.0.32":"2021-11-09T16:11:45.927Z","1.0.33":"2021-11-09T16:33:34.422Z","1.0.34":"2021-11-09T18:47:06.201Z","1.0.35":"2021-11-09T18:59:12.492Z","1.0.36":"2021-11-15T19:45:52.419Z","1.0.37":"2021-11-16T09:51:07.829Z","1.0.38":"2021-11-17T12:55:00.554Z","1.0.39":"2021-11-19T18:06:27.274Z","1.0.40":"2021-11-19T18:19:22.123Z","1.0.41":"2021-11-19T18:27:29.669Z","1.0.42":"2021-12-21T16:56:46.471Z","1.0.43":"2021-12-22T13:23:23.789Z","1.0.44":"2021-12-23T18:37:44.870Z","1.0.45":"2021-12-24T16:16:23.448Z","1.0.46":"2021-12-29T11:22:47.934Z","1.0.47":"2021-12-29T11:50:43.208Z","1.0.48":"2021-12-29T12:08:55.027Z","1.1.0":"2022-01-04T14:21:10.847Z","1.1.1":"2022-01-04T14:55:08.201Z","1.1.2":"2022-01-04T15:15:16.417Z","1.1.3":"2022-01-06T00:50:37.455Z","1.1.4":"2022-01-06T01:06:58.768Z","1.1.5":"2022-01-07T00:29:36.550Z","1.1.6":"2022-01-07T15:00:22.626Z","1.1.7":"2022-01-10T12:08:18.362Z","1.1.8":"2022-01-10T16:58:00.052Z","1.1.9":"2022-01-10T17:00:27.656Z","1.1.10":"2022-01-10T21:25:38.794Z","1.1.11":"2022-01-10T21:38:21.648Z","1.1.12":"2022-01-11T18:23:14.098Z","1.1.13":"2022-01-12T09:47:01.236Z","1.1.14":"2022-01-12T19:35:24.542Z","1.1.15":"2022-01-13T12:43:51.481Z","1.2.0":"2022-01-14T11:31:21.581Z","1.2.1":"2022-01-14T12:27:10.322Z","1.2.2":"2022-01-14T14:56:20.450Z","1.2.3":"2022-01-18T17:48:11.312Z","1.2.4":"2022-01-19T16:17:36.671Z","1.2.5":"2022-01-25T18:57:23.540Z","1.2.6":"2022-01-26T13:23:31.174Z","1.2.7":"2022-01-26T16:16:47.257Z","1.2.8":"2022-01-26T16:48:48.503Z","1.2.9":"2022-01-27T09:37:13.137Z","1.2.10":"2022-01-28T12:02:31.346Z","1.2.11":"2022-02-01T11:22:23.335Z","1.2.12":"2022-02-10T15:52:41.193Z","1.2.13":"2022-02-10T18:28:31.520Z","1.2.14":"2022-02-11T01:36:05.268Z","1.2.15":"2022-02-16T14:48:22.372Z","1.2.16":"2022-02-16T20:53:06.407Z","1.2.17":"2022-02-16T21:21:40.734Z","1.2.18":"2022-02-16T21:50:53.432Z","1.2.19":"2022-02-17T14:41:24.354Z","1.2.20":"2022-02-17T15:12:41.422Z","1.2.21":"2022-02-17T15:22:00.861Z","1.2.22":"2022-02-17T18:34:55.165Z","1.2.23":"2022-02-19T00:09:14.412Z","1.2.24":"2022-02-20T01:00:17.416Z","1.2.25":"2022-02-22T13:04:19.567Z","1.2.26":"2022-02-22T14:49:19.747Z","1.2.27":"2022-02-22T17:55:47.108Z","1.2.28":"2022-02-23T10:18:10.770Z","1.2.29":"2022-02-23T15:23:38.447Z","1.2.30":"2022-02-23T15:39:59.565Z","1.2.31":"2022-02-23T19:01:56.267Z","1.2.32":"2022-02-23T23:45:11.553Z","1.2.33":"2022-02-24T00:29:11.337Z","1.2.34":"2022-02-25T19:53:04.506Z","1.2.35":"2022-02-25T21:36:50.126Z","1.2.36":"2022-02-27T19:17:53.052Z","1.2.37":"2022-03-01T11:01:07.106Z","1.2.39":"2022-03-02T14:07:31.825Z","1.2.40":"2022-03-04T10:51:13.817Z","1.2.41":"2022-03-06T22:35:49.641Z","1.2.42":"2022-03-07T22:55:53.827Z","1.2.43":"2022-03-08T13:09:22.054Z","1.2.44":"2022-03-08T21:13:32.896Z","1.2.45":"2022-04-25T11:23:34.848Z","1.2.46":"2022-04-25T14:53:54.468Z","1.2.47":"2022-04-28T18:35:09.616Z","1.2.48":"2022-05-17T12:03:06.386Z","1.3.0":"2022-05-20T14:55:39.365Z","1.3.1":"2022-05-20T18:44:04.829Z","1.3.2":"2022-05-23T12:42:31.183Z","1.3.3":"2022-05-23T15:58:38.647Z","1.3.4":"2022-05-25T14:24:57.506Z","1.3.5":"2022-05-27T17:31:42.827Z","1.3.6-canary.0":"2022-06-08T14:35:42.890Z","1.3.6-canary.1":"2022-06-08T14:43:07.578Z","1.3.6":"2022-06-09T23:21:55.420Z","1.3.6-canary.3":"2022-06-21T20:20:11.826Z","1.3.6-canary.4":"2022-06-22T19:35:04.180Z","1.3.6-canary.5":"2022-06-24T13:55:43.922Z","1.3.6-canary.6":"2022-06-24T20:29:05.893Z","1.3.6-canary.7":"2022-06-27T16:52:03.670Z","1.3.6-canary.8":"2022-06-27T17:42:10.817Z","1.3.6-canary.9":"2022-06-27T18:09:16.897Z","1.3.6-canary.10":"2022-07-01T12:00:36.686Z","1.3.6-canary.11":"2022-07-04T15:26:52.141Z","1.3.6-canary.12":"2022-07-04T20:41:50.113Z","1.3.6-canary.13":"2022-07-05T10:15:03.454Z","1.3.6-canary.14":"2022-07-05T11:11:14.219Z","1.3.6-canary.15":"2022-07-05T12:11:01.941Z","1.3.6-canary.16":"2022-07-07T22:03:02.392Z","1.3.6-canary.17":"2022-07-14T15:51:35.774Z","1.3.6-canary.18":"2022-07-14T17:46:40.332Z","1.3.6-canary.19":"2022-07-14T18:12:20.738Z","1.3.6-canary.20":"2022-07-14T20:40:30.823Z","1.3.6-canary.21":"2022-07-14T20:53:51.247Z","1.3.7":"2022-07-21T11:33:12.900Z","1.3.6-canary.22":"2022-07-21T11:48:16.575Z","1.3.6-canary.23":"2022-07-26T17:53:43.708Z","1.3.6-canary.24":"2022-08-02T14:36:16.038Z","1.3.6-canary.25":"2022-08-02T19:03:25.569Z","1.3.6-canary.26":"2022-08-09T17:31:44.512Z","1.3.6-canary.27":"2022-08-09T17:42:49.926Z","1.3.6-canary.28":"2022-08-09T17:50:12.719Z","1.3.6-canary.29":"2022-08-09T22:22:39.120Z","1.3.6-canary.30":"2022-08-18T17:17:24.086Z","1.3.6-canary.31":"2022-08-23T16:14:43.927Z","1.3.6-canary.32":"2022-08-30T18:33:15.621Z","1.3.6-canary.33":"2022-09-12T10:58:55.866Z","1.3.6-canary.34":"2022-09-12T11:20:03.426Z","1.3.6-canary.35":"2022-09-13T19:30:33.074Z","1.3.6-canary.36":"2022-09-22T22:10:59.909Z","1.3.6-canary.37":"2022-09-22T22:54:21.113Z","1.3.6-canary.38":"2022-09-23T18:36:42.490Z","1.3.6-canary.39":"2022-09-23T19:15:50.230Z","1.3.6-canary.40":"2022-09-26T15:54:01.652Z","1.3.6-canary.41":"2022-09-29T11:54:05.399Z","1.3.6-canary.42":"2022-09-29T13:21:23.644Z","1.3.6-canary.43":"2022-09-29T23:13:30.351Z","1.3.6-canary.44":"2022-09-30T10:06:23.221Z","1.3.6-canary.45":"2022-09-30T16:44:05.581Z","1.3.6-canary.46":"2022-10-03T23:51:45.225Z","1.3.6-canary.47":"2022-10-05T23:39:53.823Z","1.3.6-canary.48":"2022-10-07T12:57:05.264Z","1.3.6-canary.49":"2022-10-07T13:19:13.058Z","1.3.6-canary.50":"2022-10-07T21:19:20.024Z","1.3.6-canary.51":"2022-10-13T16:38:00.711Z","1.3.6-canary.52":"2022-10-17T13:26:23.319Z","1.3.8":"2022-10-17T13:47:47.942Z","1.3.6-canary.53":"2022-10-18T12:10:11.295Z","1.3.6-canary.54":"2022-10-19T15:54:59.912Z","1.3.6-canary.55":"2022-10-20T16:56:26.241Z","1.3.6-canary.56":"2022-10-23T10:51:58.910Z","1.3.6-canary.57":"2022-10-23T23:48:21.495Z","1.3.6-canary.58":"2022-10-24T16:55:10.382Z","1.3.6-canary.59":"2022-10-27T22:28:34.171Z","1.3.6-canary.60":"2022-11-03T17:19:39.011Z","1.3.6-canary.61":"2022-11-11T18:09:30.888Z","1.3.6-canary.62":"2022-11-15T12:33:52.511Z","1.3.6-canary.63":"2022-11-28T19:04:30.552Z","1.3.6-canary.64":"2022-12-05T20:20:05.417Z","1.3.6-canary.65":"2022-12-14T22:36:53.562Z","1.3.6-canary.66":"2023-01-10T20:43:05.838Z","1.3.6-canary.67":"2023-01-27T20:03:39.147Z","1.3.6-canary.68":"2023-02-10T14:16:54.830Z","1.3.6-canary.69":"2023-03-01T15:30:48.811Z","1.3.6-canary.70":"2023-03-01T23:07:25.035Z","1.3.6-canary.71":"2023-03-01T23:40:58.828Z","1.3.6-canary.72":"2023-03-09T17:08:49.987Z","1.3.6-experimental.0":"2023-03-13T18:32:04.901Z","1.3.6-experimental.1":"2023-03-14T15:37:59.703Z","1.3.6-experimental.2":"2023-03-14T17:11:04.579Z","1.3.6-experimental.3":"2023-03-14T17:37:42.198Z","1.3.6-canary.73":"2023-03-14T19:00:48.493Z","1.3.6-canary.74":"2023-04-04T15:20:35.258Z","1.3.6-canary.75":"2023-04-07T13:57:17.992Z","1.3.6-canary.76":"2023-04-18T13:33:26.076Z","1.3.6-canary.77":"2023-04-18T13:34:59.335Z","1.3.6-canary.78":"2023-04-18T14:06:09.980Z","1.3.6-canary.79":"2023-05-01T14:47:07.756Z","1.3.6-canary.80":"2023-05-23T14:43:31.985Z","1.3.6-canary.81":"2023-05-23T16:05:53.176Z","1.3.6-canary.82":"2023-05-26T12:56:17.707Z","1.3.6-canary.83":"2023-06-08T09:16:03.287Z","1.3.6-canary.84":"2023-06-08T10:30:12.239Z","1.3.6-canary.85":"2023-06-08T21:15:52.176Z","1.3.6-canary.86":"2023-06-22T11:24:22.430Z","1.3.6-canary.87":"2023-06-23T06:18:10.842Z","1.3.6-canary.88":"2023-06-23T07:31:05.010Z","1.3.6-canary.89":"2023-07-13T13:45:02.340Z","1.3.6-canary.90":"2023-07-13T14:00:36.350Z","1.3.9":"2024-08-12T18:06:45.485Z"},"_id":"snyk-marketingui","name":"snyk-marketingui","dist-tags":{"latest":"1.3.9"},"versions":{"1.3.9":{"name":"snyk-marketingui","version":"1.3.9","description":"The official design token styles library for Snyk’s MarketingUI Design System","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint":"sass-lint -v","lint:fix":"sass-lint-auto-fix"},"repository":{"type":"git","url":"git+https://github.com/snyk-marketing/snyk-marketingui.git"},"keywords":["css","sass","gulp","smui","snyk","marketingui"],"author":{"name":"Snyk"},"license":"ISC","bugs":{"url":"https://github.com/snyk-marketing/snyk-marketingui/issues"},"homepage":"https://github.com/snyk-marketing/snyk-marketingui#readme","devDependencies":{"sass-lint-auto-fix":"^0.21.2"},"dependencies":{"gulp":"^4.0.2","gulp-rename":"^2.0.0","gulp-sass":"^5.0.0","gulp-sass-lint":"^1.4.0","gulp-sourcemaps":"^3.0.0","path":"^0.12.7","sass":"^1.42.1"},"_id":"snyk-marketingui@1.3.9","gitHead":"f9ef2d5e1720184cccc4c7d1e7ecc7cefeb62502","_nodeVersion":"18.20.1","_npmVersion":"10.5.0","dist":{"integrity":"sha512-efXTYbPEssL8NWTU/HvLfweXnAfJXwpCt7NG8pcsuzM9UayoSTU+mUqSvJMCHLy9ncmojJRjY+oMSKwDj0QBXQ==","shasum":"084db1b6772109dac35dfae07d7488aabb50e804","tarball":"https://registry.npmjs.org/snyk-marketingui/-/snyk-marketingui-1.3.9.tgz","fileCount":53,"unpackedSize":4862318,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8mATKPqYeLI54XepO/zul3ALG7jTINP/F1CqOr+StUgIgOcV0oAM6eHDgrXQDS9fmLyA5j5Y5vfR/BENc+LsuTEk="}]},"_npmUser":{"name":"tim.lisiecki","email":"tim.lisiecki@gmail.com"},"directories":{},"maintainers":[{"name":"tim.lisiecki","email":"tim.lisiecki@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/snyk-marketingui_1.3.9_1723486005091_0.6507444141889238"},"_hasShrinkwrap":false}},"maintainers":[{"name":"tim.lisiecki","email":"tim.lisiecki@gmail.com"}],"description":"The official design token styles library for Snyk’s MarketingUI Design System","homepage":"https://github.com/snyk-marketing/snyk-marketingui#readme","keywords":["css","sass","gulp","smui","snyk","marketingui"],"repository":{"type":"git","url":"git+https://github.com/snyk-marketing/snyk-marketingui.git"},"author":{"name":"Snyk"},"bugs":{"url":"https://github.com/snyk-marketing/snyk-marketingui/issues"},"license":"ISC","readme":"![snyk-marketingui](https://res.cloudinary.com/snyk/image/upload/v1640362210/marketingui.png)\n\n# Snyk MarketingUI 🐾 🖥 💻 📱\n\n[![Total Downloads](https://img.shields.io/npm/dt/snyk-marketingui.svg)](https://www.npmjs.com/package/snyk-marketingui)\n[![Latest Release](https://img.shields.io/npm/v/snyk-marketingui.svg)](https://github.com/snyk-marketingui/snyk-marketingui/releases)\n[![License](https://img.shields.io/npm/l/snyk-marketingui.svg)](https://github.com/snyk-marketing/snyk-marketingui/blob/main/LICENSE)\n\n---\n\nWelcome to Snyk MarketingUI, the official design token styles library for Snyk’s MarketingUI Design System.\n\n## Documentation\n\nThe full documentation can be found at [https://snyk.marketing/snyk-marketingui](https://snyk.marketing/snyk-marketingui).\n\n## Getting Started with the Styles Library\n\n### Setting it up\n\nInstall Snyk MarketingUI with either `npm`:\n\n```javascript\nnpm i snyk-marketingui\n```\n\nor `yarn`:\n\n```javascript\nyarn add snyk-marketingui\n```\n\n### Compiling it\n\nCompile Snyk MarketingUI **CSS** by running the `gulp` command. This will build CSS files in a `css` directory at the root of this project. To test out development locally:\n\n1. Install the Live Server extension in VSCode. This can be found in the Recommneded Extensions in the extensions tab.\n2. Create an `index.html` file at the root of this project. Add this template to the file:\n\n```\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>SMUi Test area</title>\n    <link rel=\"stylesheet\" href=\"css/index.css\">\n</head>\n\n<body class=\"snyk-marketingui\">\n    <main>\n        <section class=\"smui-section\">\n            <div class=\"smui-container\">\n                <div class=\"max-w-6 marg-h-auto txt-center\">\n                    <h1 class=\"txt-page-title\">Smui Testing Area</h1>\n                    <p class=\"txt-body\">Use this as a testing area when creating SCSS styles</p>\n                </div>\n            </div>\n        </section>\n        <section class=\"smui-section\">\n            <div class=\"smui-container\">\n                <!-- Test inside this container -->\n\n            </div>\n        </section>\n    </main>\n</body>\n\n</html>\n```\n\n3. You can now add some HTML with SMUi classes to the section.\n4. Run `yarn gulp`. This will compile the CSS in the `css` directory and watch for any changes to `.scss` files.\n\n## Using Snyk MarketingUI\n\nSnyk MarketingUI is compiled both as a whole bundle and into broken down sections based on the following structure:\n\n### Sass Files Structure\n\n```javascript\nscss\n├── atoms\n│   ├── _announcement-bar.scss\n│   ├── _avatar.scss\n│   ├── _button.scss\n│   ├── _checkbox.scss\n│   ├── _chip.scss\n│   ├── _dropdown.scss\n│   ├── _input.scss\n│   ├── _product-logos.scss\n│   ├── _radios.scss\n│   ├── _rich-text.scss\n│   ├── _snyk-logos.scss\n│   ├── _switch.scss\n│   ├── _tabs.scss\n│   ├── _tag.scss\n│   ├── _wave.scss\n│   └── index.scss\n├── common\n│   ├── _functions.scss\n│   ├── _variables.scss\n│   └── index.scss\n├── core\n│   ├── _animation.scss\n│   ├── _baseline.scss\n│   ├── _color.scss\n│   ├── _elevation.scss\n│   ├── _icons.scss\n│   ├── _layout.scss\n│   ├── _shape.scss\n│   ├── _spacing.scss\n│   ├── _typography.scss\n│   ├── .DS_Store\n│   └── index.scss\n├── atoms.scss\n├── core.scss\n└── index.scss\n```\n\n### Compiled CSS Files Structure\n\n```javascript\ncss\n├── atoms.css\n├── atoms.css.map\n├── core.css\n├── core.css.map\n├── index.css\n└── index.css.map\n```\n\nSnyk MarketingUI can be used through its design tokens, (`CSS` class names) or through `mixin` `includes` of custom **SMUi** functions, which can be referenced from the [official documentation](https://snyk.marketing/snyk-marketingui). Once you have access to Snyk MarketingUI, you can access the styles as follows:\n\n```javascript\nimport './node_modules/snyk-marketingui/scss/[index | index-wrapped | core | brand | atoms].scss';\n```\n\nIf you are using `WebPack`, then you can reference the styles through an alias as follows:\n\n```javascript\nmodule.exports = {\n\tresolve: {\n\t\talias: {\n\t\t\t'snyk-marketingui': path.resolve(__dirname, './node_modules/snyk-marketingui/scss/[index | index-wrapped | core | brand | atoms].scss'),\n\t\t},\n\t},\n};\n```\n","readmeFilename":"README.md"}