@preply/ds-docs 0.41.0 → 0.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/global/docs/static/data/used-by.json +1 -1
  2. package/dist/global/docs/static/data/validations.json +1 -1
  3. package/dist/iframe.html +1 -1
  4. package/dist/main~033a9638.24cc32f5.iframe.bundle.js +1 -0
  5. package/dist/main~493df0b3.704fceb2.iframe.bundle.js +1 -0
  6. package/dist/main~6dcfc2f7.117b8dd7.iframe.bundle.js +1 -0
  7. package/dist/main~86e34a24.303ffb2e.iframe.bundle.js +1 -0
  8. package/dist/main~ac44be07.ba41a920.iframe.bundle.js +1 -0
  9. package/dist/main~adec5aba.446ca554.iframe.bundle.js +1 -0
  10. package/package.json +2 -2
  11. package/dist/main~033a9638.26da056c.iframe.bundle.js +0 -1
  12. package/dist/main~493df0b3.44b9f9c6.iframe.bundle.js +0 -1
  13. package/dist/main~6dcfc2f7.9f74313d.iframe.bundle.js +0 -1
  14. package/dist/main~86e34a24.1d5fd46c.iframe.bundle.js +0 -1
  15. package/dist/main~ac44be07.b51bd2e0.iframe.bundle.js +0 -1
  16. package/dist/main~adec5aba.2581ba8d.iframe.bundle.js +0 -1
package/dist/main~adec5aba.2581ba8d.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[9],{"../docs-pages/docs/pages/10.quick-start/00.for-engineers.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "QuickStart/For Engineers",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "quick-start-for-engineers"\n }, "Quick Start for Engineers"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "installation"\n }, "Installation"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The necessary packages are already installed and ready to use in Preply\'s main applications and libraries."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If your codebase doesn\'t yet have access to these components, check out the specific instructions for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "applications"), ", ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-libraries--page"\n }, "libraries"), ", and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-storybook--page"\n }, "Storybook"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "installing-preplys-design-system-in-a-simple-react-app"\n }, "Installing Preply\'s Design System in a Simple React App"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("div", {\n style: {\n position: \'relative\',\n paddingBottom: \'56.25%\',\n height: 0,\n margin: \'20px 0\'\n }\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("iframe", {\n src: "https://www.loom.com/embed/b7dde1125daf4437bae912e81a8a1f56",\n frameBorder: "0",\n style: {\n position: \'absolute\',\n top: 0,\n left: 0,\n width: \'100%\',\n height: \'100%\'\n }\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If you want to install the packages in a simple Create React App you can follow the steps in the above video."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You will need to first have a running React Application. We suggest you use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://reactjs.org/docs/create-a-new-react-app.html#create-react-app",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Create React App"), " environment as we did in the video."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "reading-figma-files"\n }, "Reading Figma files"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/inspecting.png",\n alt: "Accessing documentation from Figma",\n width: "1000"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "We strive to provide matching naming of components and their props both in the packages for developers and in designers\' tooling."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The tool of choice for designers at Preply is Figma. While inspecting Figma files you can recognize component instances by purple color and rombus (\\u25C7) icon in the layer list on the left (not every component you encounter in a file will necessarily be Design System component). Design System components will have \\u201CView documentation\\u201D button in the inspect panel on the right."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "When inspecting text layers you\'ll see the necessary variant for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-text-docs--page"\n }, "Text"), " or level for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-heading-docs--page"\n }, "Heading"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Layers and containers with color fill will show you name of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-token-explorer--page&terms=palette&theme=bold-ui"\n }, "color token"), " that is available in the design system."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "using-the-component-documentation"\n }, "Using the component documentation"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("div", {\n style: {\n position: \'relative\',\n paddingBottom: \'56.25%\',\n height: 0,\n margin: \'20px 0\'\n }\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("iframe", {\n src: "https://www.loom.com/embed/dbaa5ace9b2b49e38e17464ba878b7f1",\n frameBorder: "0",\n style: {\n position: \'absolute\',\n top: 0,\n left: 0,\n width: \'100%\',\n height: \'100%\'\n }\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "For each component we provide a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-button-docs--page"\n }, "documentation page"), " detailing all the props, when and how to use them, and a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-button--canvas"\n }, "storybook canvas"), " where you can explore all the options for each of the component props and observe their combined result immediately."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In both cases you can easily access the source code so that you can copy it into your application, as illustrated in the video."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "using-components-in-a-simple-react-app"\n }, "Using components in a Simple React App"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("div", {\n style: {\n position: \'relative\',\n paddingBottom: \'56.25%\',\n height: 0,\n margin: \'20px 0\'\n }\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("iframe", {\n src: "https://www.loom.com/embed/8346c65e99ee4ae594e9462f53ffc6c5",\n frameBorder: "0",\n style: {\n position: \'absolute\',\n top: 0,\n left: 0,\n width: \'100%\',\n height: \'100%\'\n }\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This video illustrates how to use Design System components to build consistent UI quickly. It uses ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-avatar-docs--page"\n }, "Avatar"), ", ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-heading-docs--page"\n }, "Heading"), ", ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-text-docs--page"\n }, "Text"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-button-docs--page"\n }, "Button"), ", and showcases a nested layout using ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-layoutgrid-docs--page"\n }, "LayoutGrid"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-layoutflex-docs--page"\n }, "LayoutFlex"), "."));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'QuickStart/For Engineers\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0LzAwLmZvci1lbmdpbmVlcnMuc3Rvcmllcy5tZHg/ZDc5ZSJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwicG9zaXRpb24iLCJwYWRkaW5nQm90dG9tIiwiaGVpZ2h0IiwibWFyZ2luIiwidG9wIiwibGVmdCIsIndpZHRoIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BS0wsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsMEJBQVo7QUFBdUMsY0FBVSxFQUFFO0FBQ2pERSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDJDLEtBQW5EO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFMSyxFQVVMO0FBQ0UsVUFBTTtBQURSLGlDQVZLLEVBYUw7QUFDRSxVQUFNO0FBRFIsb0JBYkssRUFnQkwsMExBaEJLLEVBaUJM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Y3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC8wMC5mb3ItZW5naW5lZXJzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJRdWlja1N0YXJ0L0ZvciBFbmdpbmVlcnNcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInF1aWNrLXN0YXJ0LWZvci1lbmdpbmVlcnNcIlxuICAgIH19PntgUXVpY2sgU3RhcnQgZm9yIEVuZ2luZWVyc2B9PC9oMT5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJpbnN0YWxsYXRpb25cIlxuICAgIH19PntgSW5zdGFsbGF0aW9uYH08L2gyPlxuICAgIDxwPntgVGhlIG5lY2Vzc2FyeSBwYWNrYWdlcyBhcmUgYWxyZWFkeSBpbnN0YWxsZWQgYW5kIHJlYWR5IHRvIHVzZSBpbiBQcmVwbHkncyBtYWluIGFwcGxpY2F0aW9ucyBhbmQgbGlicmFyaWVzLmB9PC9wPlxuICAgIDxwPntgSWYgeW91ciBjb2RlYmFzZSBkb2Vzbid0IHlldCBoYXZlIGFjY2VzcyB0byB0aGVzZSBjb21wb25lbnRzLCBjaGVjayBvdXQgdGhlIHNwZWNpZmljIGluc3RydWN0aW9ucyBmb3IgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtaW5zdGFsbGF0aW9uLWFwcGxpY2F0aW9ucy0tcGFnZVwiXG4gICAgICB9fT57YGFwcGxpY2F0aW9uc2B9PC9hPntgLCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tbGlicmFyaWVzLS1wYWdlXCJcbiAgICAgIH19PntgbGlicmFyaWVzYH08L2E+e2AsIGFuZCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tc3Rvcnlib29rLS1wYWdlXCJcbiAgICAgIH19PntgU3Rvcnlib29rYH08L2E+e2AuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW5zdGFsbGluZy1wcmVwbHlzLWRlc2lnbi1zeXN0ZW0taW4tYS1zaW1wbGUtcmVhY3QtYXBwXCJcbiAgICB9fT57YEluc3RhbGxpbmcgUHJlcGx5J3MgRGVzaWduIFN5c3RlbSBpbiBhIFNpbXBsZSBSZWFjdCBBcHBgfTwvaDI+XG4gICAgPGRpdiBzdHlsZT17e1xuICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICBwYWRkaW5nQm90dG9tOiAnNTYuMjUlJyxcbiAgICAgIGhlaWdodDogMCxcbiAgICAgIG1hcmdpbjogJzIwcHggMCdcbiAgICB9fT5cbiAgICA8aWZyYW1lIHNyYz1cImh0dHBzOi8vd3d3Lmxvb20uY29tL2VtYmVkL2I3ZGRlMTEyNWRhZjQ0MzdiYWU5MTJlODFhOGExZjU2XCIgZnJhbWVCb3JkZXI9XCIwXCIgc3R5bGU9e3tcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAnMTAwJSdcbiAgICAgIH19PjwvaWZyYW1lPlxuICAgIDwvZGl2PlxuICAgIDxwPntgSWYgeW91IHdhbnQgdG8gaW5zdGFsbCB0aGUgcGFja2FnZXMgaW4gYSBzaW1wbGUgQ3JlYXRlIFJlYWN0IEFwcCB5b3UgY2FuIGZvbGxvdyB0aGUgc3RlcHMgaW4gdGhlIGFib3ZlIHZpZGVvLmB9PC9wPlxuICAgIDxwPntgWW91IHdpbGwgbmVlZCB0byBmaXJzdCBoYXZlIGEgcnVubmluZyBSZWFjdCBBcHBsaWNhdGlvbi4gV2Ugc3VnZ2VzdCB5b3UgdXNlIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9yZWFjdGpzLm9yZy9kb2NzL2NyZWF0ZS1hLW5ldy1yZWFjdC1hcHAuaHRtbCNjcmVhdGUtcmVhY3QtYXBwXCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YENyZWF0ZSBSZWFjdCBBcHBgfTwvYT57YCBlbnZpcm9ubWVudCBhcyB3ZSBkaWQgaW4gdGhlIHZpZGVvLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInJlYWRpbmctZmlnbWEtZmlsZXNcIlxuICAgIH19PntgUmVhZGluZyBGaWdtYSBmaWxlc2B9PC9oMj5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9pbnNwZWN0aW5nLnBuZ1wiIGFsdD1cIkFjY2Vzc2luZyBkb2N1bWVudGF0aW9uIGZyb20gRmlnbWFcIiB3aWR0aD1cIjEwMDBcIiAvPlxuICAgIDxwPntgV2Ugc3RyaXZlIHRvIHByb3ZpZGUgbWF0Y2hpbmcgbmFtaW5nIG9mIGNvbXBvbmVudHMgYW5kIHRoZWlyIHByb3BzIGJvdGggaW4gdGhlIHBhY2thZ2VzIGZvciBkZXZlbG9wZXJzIGFuZCBpbiBkZXNpZ25lcnMnIHRvb2xpbmcuYH08L3A+XG4gICAgPHA+e2BUaGUgdG9vbCBvZiBjaG9pY2UgZm9yIGRlc2lnbmVycyBhdCBQcmVwbHkgaXMgRmlnbWEuIFdoaWxlIGluc3BlY3RpbmcgRmlnbWEgZmlsZXMgeW91IGNhbiByZWNvZ25pemUgY29tcG9uZW50IGluc3RhbmNlcyBieSBwdXJwbGUgY29sb3IgYW5kIHJvbWJ1cyAo4peHKSBpY29uIGluIHRoZSBsYXllciBsaXN0IG9uIHRoZSBsZWZ0IChub3QgZXZlcnkgY29tcG9uZW50IHlvdSBlbmNvdW50ZXIgaW4gYSBmaWxlIHdpbGwgbmVjZXNzYXJpbHkgYmUgRGVzaWduIFN5c3RlbSBjb21wb25lbnQpLiBEZXNpZ24gU3lzdGVtIGNvbXBvbmVudHMgd2lsbCBoYXZlIOKAnFZpZXcgZG9jdW1lbnRhdGlvbuKAnSBidXR0b24gaW4gdGhlIGluc3BlY3QgcGFuZWwgb24gdGhlIHJpZ2h0LmB9PC9wPlxuICAgIDxwPntgV2hlbiBpbnNwZWN0aW5nIHRleHQgbGF5ZXJzIHlvdSdsbCBzZWUgdGhlIG5lY2Vzc2FyeSB2YXJpYW50IGZvciBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtdGV4dC1kb2NzLS1wYWdlXCJcbiAgICAgIH19PntgVGV4dGB9PC9hPntgIG9yIGxldmVsIGZvciBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtaGVhZGluZy1kb2NzLS1wYWdlXCJcbiAgICAgIH19PntgSGVhZGluZ2B9PC9hPntgLmB9PC9wPlxuICAgIDxwPntgTGF5ZXJzIGFuZCBjb250YWluZXJzIHdpdGggY29sb3IgZmlsbCB3aWxsIHNob3cgeW91IG5hbWUgb2YgdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLXRva2VuLWV4cGxvcmVyLS1wYWdlJnRlcm1zPXBhbGV0dGUmdGhlbWU9Ym9sZC11aVwiXG4gICAgICB9fT57YGNvbG9yIHRva2VuYH08L2E+e2AgdGhhdCBpcyBhdmFpbGFibGUgaW4gdGhlIGRlc2lnbiBzeXN0ZW0uYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwidXNpbmctdGhlLWNvbXBvbmVudC1kb2N1bWVudGF0aW9uXCJcbiAgICB9fT57YFVzaW5nIHRoZSBjb21wb25lbnQgZG9jdW1lbnRhdGlvbmB9PC9oMj5cbiAgICA8ZGl2IHN0eWxlPXt7XG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgIHBhZGRpbmdCb3R0b206ICc1Ni4yNSUnLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgbWFyZ2luOiAnMjBweCAwJ1xuICAgIH19PlxuICAgIDxpZnJhbWUgc3JjPVwiaHR0cHM6Ly93d3cubG9vbS5jb20vZW1iZWQvZGJhYTVhY2U5YjJiNDllMzhlMTc0NjRiYTg3OGI3ZjFcIiBmcmFtZUJvcmRlcj1cIjBcIiBzdHlsZT17e1xuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICcxMDAlJ1xuICAgICAgfX0+PC9pZnJhbWU+XG4gICAgPC9kaXY+XG4gICAgPHA+e2BGb3IgZWFjaCBjb21wb25lbnQgd2UgcHJvdmlkZSBhIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1idXR0b24tZG9jcy0tcGFnZVwiXG4gICAgICB9fT57YGRvY3VtZW50YXRpb24gcGFnZWB9PC9hPntgIGRldGFpbGluZyBhbGwgdGhlIHByb3BzLCB3aGVuIGFuZCBob3cgdG8gdXNlIHRoZW0sIGFuZCBhIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1idXR0b24tLWNhbnZhc1wiXG4gICAgICB9fT57YHN0b3J5Ym9vayBjYW52YXNgfTwvYT57YCB3aGVyZSB5b3UgY2FuIGV4cGxvcmUgYWxsIHRoZSBvcHRpb25zIGZvciBlYWNoIG9mIHRoZSBjb21wb25lbnQgcHJvcHMgYW5kIG9ic2VydmUgdGhlaXIgY29tYmluZWQgcmVzdWx0IGltbWVkaWF0ZWx5LmB9PC9wPlxuICAgIDxwPntgSW4gYm90aCBjYXNlcyB5b3UgY2FuIGVhc2lseSBhY2Nlc3MgdGhlIHNvdXJjZSBjb2RlIHNvIHRoYXQgeW91IGNhbiBjb3B5IGl0IGludG8geW91ciBhcHBsaWNhdGlvbiwgYXMgaWxsdXN0cmF0ZWQgaW4gdGhlIHZpZGVvLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInVzaW5nLWNvbXBvbmVudHMtaW4tYS1zaW1wbGUtcmVhY3QtYXBwXCJcbiAgICB9fT57YFVzaW5nIGNvbXBvbmVudHMgaW4gYSBTaW1wbGUgUmVhY3QgQXBwYH08L2gyPlxuICAgIDxkaXYgc3R5bGU9e3tcbiAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgcGFkZGluZ0JvdHRvbTogJzU2LjI1JScsXG4gICAgICBoZWlnaHQ6IDAsXG4gICAgICBtYXJnaW46ICcyMHB4IDAnXG4gICAgfX0+XG4gICAgPGlmcmFtZSBzcmM9XCJodHRwczovL3d3dy5sb29tLmNvbS9lbWJlZC84MzQ2YzY1ZTk5ZWU0YWU1OTRlOTQ2MmY1M2ZmYzZjNVwiIGZyYW1lQm9yZGVyPVwiMFwiIHN0eWxlPXt7XG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgIGhlaWdodDogJzEwMCUnXG4gICAgICB9fT48L2lmcmFtZT5cbiAgICA8L2Rpdj5cbiAgICA8cD57YFRoaXMgdmlkZW8gaWxsdXN0cmF0ZXMgaG93IHRvIHVzZSBEZXNpZ24gU3lzdGVtIGNvbXBvbmVudHMgdG8gYnVpbGQgY29uc2lzdGVudCBVSSBxdWlja2x5LiBJdCB1c2VzIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1hdmF0YXItZG9jcy0tcGFnZVwiXG4gICAgICB9fT57YEF2YXRhcmB9PC9hPntgLCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtaGVhZGluZy1kb2NzLS1wYWdlXCJcbiAgICAgIH19PntgSGVhZGluZ2B9PC9hPntgLCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtdGV4dC1kb2NzLS1wYWdlXCJcbiAgICAgIH19PntgVGV4dGB9PC9hPntgIGFuZCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtYnV0dG9uLWRvY3MtLXBhZ2VcIlxuICAgICAgfX0+e2BCdXR0b25gfTwvYT57YCwgYW5kIHNob3djYXNlcyBhIG5lc3RlZCBsYXlvdXQgdXNpbmcgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWxheW91dGdyaWQtZG9jcy0tcGFnZVwiXG4gICAgICB9fT57YExheW91dEdyaWRgfTwvYT57YCBhbmQgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWxheW91dGZsZXgtZG9jcy0tcGFnZVwiXG4gICAgICB9fT57YExheW91dEZsZXhgfTwvYT57YC5gfTwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ1F1aWNrU3RhcnQvRm9yIEVuZ2luZWVycycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/10.quick-start/00.for-engineers.stories.mdx\n')},"../docs-pages/docs/pages/10.quick-start/10.for-designers.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "QuickStart/For Designers",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "quick-start-for-designers"\n }, "Quick Start for Designers"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Figma is the supported tool of the design system. If you need general help with using Figma, we highly recommend checking ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://help.figma.com",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "their documentation "), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "installation"\n }, "Installation"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Design system library is already enabled by default if you are creating files in Preply team. You need to enable the library when creating files in the draft folder or in other teams of Preply organization."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "To enable the library use the shortcut ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "\\u2325 + 3"), " and look for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "Design System Alpha"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/figma-libraries.png",\n alt: "Figma libraries window",\n width: "475"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "importing-components"\n }, "Importing components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can import design system components in the following ways."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "Switch to Assets tab on the left of Figma\'s UI (", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "\\u2325 + 2"), ") and simply drag and drop from ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "Design System Alpha"), ".")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/figma-assets.png",\n alt: "Figma assets tab",\n width: "432"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", {\n "start": 2\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "You can bring up the component insert window with ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "Shift + I"), " and select ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "Design System Alpha"), " components from there.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/figma-components.png",\n alt: "Figma components window",\n width: "337"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "using-styles"\n }, "Using styles"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In addition to components we provide styles, e.g. ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/foundations-color--page"\n }, "color palette"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "When editing a layer you can find those in the four-dot menus of the Design tab on the right of Figma\'s UI."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/figma-fills.png",\n alt: "Figma fill selection window",\n width: "232"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "swapping-components"\n }, "Swapping components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can swap one component for another in the following ways."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "Hold ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "\\u2325"), " and drag a component from the Assets tab over another one on the canvas (hold ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "\\u2318 + \\u2325"), " for nested components, eg. icon in a button)")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/drag-to-replace.png",\n alt: "Figma replacement of a component width drag-n-drop",\n width: "580"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", {\n "start": 2\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "You can also click on the component name on the right of Figma\'s UI to bring up the swap instance dropdown")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/figma-swap-instance.png",\n alt: "Figma swap instance dropdown",\n width: "302"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", {\n "start": 3\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "If you right click the component on the canvas there is a \\u201CSwap instance\\u201D option in the menu")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/figma-right-click-swap.png",\n alt: "Figma right click menu, swap instance option",\n width: "199"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "customizing-components"\n }, "Customizing components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can override the default content of the component by simply editing it (double click on the text that you want to change or select the text layer and press ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "Enter"), ")."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In addition to that, some components leverage Figma\'s ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://help.figma.com/hc/en-us/articles/360056440594-Create-and-use-variants",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Variants feature"), ". You can set specific props on an instance of the component in the following ways."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "On the right of the Figma UI when selecting a component you\'ll see controls for changing props")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/figma-props.png",\n alt: "Figma: props of a component",\n width: "446"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", {\n "start": 2\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "You can access variants in the right-click menu of the component.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/right-click-variants.png",\n alt: "Figma right click variant menu",\n width: "652"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "resizing-components"\n }, "Resizing components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Components will automatically resize based on the content amount where appropriate. You can additionally ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "increase"), " the size (avoid downsizing) by selecting the component and moving the cursor to the edge or the corner of the component, holding left mouse button, and dragging the mouse. Alternatively you can press ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "\\u2318"), " and arrow keys to control the sizing."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If you resize the component manually and later on need to turn on automatic sizing leverage \\u201Chug contents\\u201D resizing behavior that should be available in Figma\'s inspector panel on the right."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/figma-resizing-behavior.png",\n alt: "Figma resizing behavior UI",\n width: "230"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "recommendations"\n }, "Recommendations"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDoDont */ "t"], {\n mdxType: "StoryDoDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "s"], {\n mdxType: "StoryDo"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/horizontal-resize.png",\n alt: "Resizing component horizontally in Figma",\n width: "300"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Increase components\' horizontal size if necessary")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "u"], {\n mdxType: "StoryDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/vertical-resize.png",\n alt: "Resizing component vertically in Figma",\n width: "300"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Resize components vertically or override resizing behavior")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "s"], {\n mdxType: "StoryDo"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/space-scale.png",\n alt: "Application of space scale in Figma",\n width: "300"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n href: "?path=/story/foundations-space--page#spacing-scale"\n }, "spacing scale"), " for aligning and distributing components. We recommend using Figma\'s Auto Layout.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "u"], {\n mdxType: "StoryDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/arbitrary-style.png",\n alt: "Arbitrary styling override on the button component in Figma",\n width: "300"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Apply overrides to styling of the components"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "receiving-changes"\n }, "Receiving Changes"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Components and styles in a file in Figma stick to the version published on the date of the creation until you update them. When there are updates in a file Figma will show you an alert in the bottom right of the UI. If you dismiss it the dialog will be available from Assets tab with the libraries button (", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "\\u2325+3"), ")."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/update-alert.png",\n alt: "Figma update alerts",\n width: "360"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You\'ll have a chance to review updates before applying them and select which ones you will apply. In most cases it shouldn\'t break anything in your file. Changelog information is provided to help you with understanding what will change."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/update-dialog.png",\n alt: "Figma update dialog",\n width: "478"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "guidelines"\n }, "Guidelines"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Additional helpful information about components is provided in the following places."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "In tooltips of the Assets tab.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/figma-tooltips.png",\n alt: "Figma tooltip for a component",\n width: "342"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", {\n "start": 2\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "On the right above the component props you\'ll see \\u201CShow more\\u201D link that will show the guideline comments.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/10.quick-start/static/show-more.png",\n alt: "Figma ",\n width: "550"\n }));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'QuickStart/For Designers\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0LzEwLmZvci1kZXNpZ25lcnMuc3Rvcmllcy5tZHg/MWFiNyJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BS0wsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsMEJBQVo7QUFBdUMsY0FBVSxFQUFFO0FBQ2pERSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDJDLEtBQW5EO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFMSyxFQVVMO0FBQ0UsVUFBTTtBQURSLGlDQVZLLEVBYUwsMk1BQWlJO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDN0gsWUFBUSx3QkFEcUg7QUFFN0gsY0FBVSxRQUZtSDtBQUc3SCxXQUFPO0FBSHNILDRCQUFqSSxNQWJLLEVBa0JMO0FB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QUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC8xMC5mb3ItZGVzaWduZXJzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgU3RvcnlEbywgU3RvcnlEb0RvbnQsIFN0b3J5RG9udCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiUXVpY2tTdGFydC9Gb3IgRGVzaWduZXJzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJxdWljay1zdGFydC1mb3ItZGVzaWduZXJzXCJcbiAgICB9fT57YFF1aWNrIFN0YXJ0IGZvciBEZXNpZ25lcnNgfTwvaDE+XG4gICAgPHA+e2BGaWdtYSBpcyB0aGUgc3VwcG9ydGVkIHRvb2wgb2YgdGhlIGRlc2lnbiBzeXN0ZW0uIElmIHlvdSBuZWVkIGdlbmVyYWwgaGVscCB3aXRoIHVzaW5nIEZpZ21hLCB3ZSBoaWdobHkgcmVjb21tZW5kIGNoZWNraW5nIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2hlbHAuZmlnbWEuY29tXCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YHRoZWlyIGRvY3VtZW50YXRpb24gYH08L2E+e2AuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW5zdGFsbGF0aW9uXCJcbiAgICB9fT57YEluc3RhbGxhdGlvbmB9PC9oMj5cbiAgICA8cD57YERlc2lnbiBzeXN0ZW0gbGlicmFyeSBpcyBhbHJlYWR5IGVuYWJsZWQgYnkgZGVmYXVsdCBpZiB5b3UgYXJlIGNyZWF0aW5nIGZpbGVzIGluIFByZXBseSB0ZWFtLiBZb3UgbmVlZCB0byBlbmFibGUgdGhlIGxpYnJhcnkgd2hlbiBjcmVhdGluZyBmaWxlcyBpbiB0aGUgZHJhZnQgZm9sZGVyIG9yIGluIG90aGVyIHRlYW1zIG9mIFByZXBseSBvcmdhbml6YXRpb24uYH08L3A+XG4gICAgPHA+e2BUbyBlbmFibGUgdGhlIGxpYnJhcnkgdXNlIHRoZSBzaG9ydGN1dCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2DijKUgKyAzYH08L2lubGluZUNvZGU+e2AgYW5kIGxvb2sgZm9yIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YERlc2lnbiBTeXN0ZW0gQWxwaGFgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS1saWJyYXJpZXMucG5nXCIgYWx0PVwiRmlnbWEgbGlicmFyaWVzIHdpbmRvd1wiIHdpZHRoPVwiNDc1XCIgLz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJpbXBvcnRpbmctY29tcG9uZW50c1wiXG4gICAgfX0+e2BJbXBvcnRpbmcgY29tcG9uZW50c2B9PC9oMj5cbiAgICA8cD57YFlvdSBjYW4gaW1wb3J0IGRlc2lnbiBzeXN0ZW0gY29tcG9uZW50cyBpbiB0aGUgZm9sbG93aW5nIHdheXMuYH08L3A+XG4gICAgPG9sPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgU3dpdGNoIHRvIEFzc2V0cyB0YWIgb24gdGhlIGxlZnQgb2YgRmlnbWEncyBVSSAoYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YOKMpSArIDJgfTwvaW5saW5lQ29kZT57YCkgYW5kIHNpbXBseSBkcmFnIGFuZCBkcm9wIGZyb20gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YERlc2lnbiBTeXN0ZW0gQWxwaGFgfTwvaW5saW5lQ29kZT57YC5gfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS1hc3NldHMucG5nXCIgYWx0PVwiRmlnbWEgYXNzZXRzIHRhYlwiIHdpZHRoPVwiNDMyXCIgLz5cbiAgICA8b2wgey4uLntcbiAgICAgIFwic3RhcnRcIjogMlxuICAgIH19PlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgWW91IGNhbiBicmluZyB1cCB0aGUgY29tcG9uZW50IGluc2VydCB3aW5kb3cgd2l0aCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgU2hpZnQgKyBJYH08L2lubGluZUNvZGU+e2AgYW5kIHNlbGVjdCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgRGVzaWduIFN5c3RlbSBBbHBoYWB9PC9pbmxpbmVDb2RlPntgIGNvbXBvbmVudHMgZnJvbSB0aGVyZS5gfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS1jb21wb25lbnRzLnBuZ1wiIGFsdD1cIkZpZ21hIGNvbXBvbmVudHMgd2luZG93XCIgd2lkdGg9XCIzMzdcIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInVzaW5nLXN0eWxlc1wiXG4gICAgfX0+e2BVc2luZyBzdHlsZXNgfTwvaDI+XG4gICAgPHA+e2BJbiBhZGRpdGlvbiB0byBjb21wb25lbnRzIHdlIHByb3ZpZGUgc3R5bGVzLCBlLmcuIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZm91bmRhdGlvbnMtY29sb3ItLXBhZ2VcIlxuICAgICAgfX0+e2Bjb2xvciBwYWxldHRlYH08L2E+e2AuYH08L3A+XG4gICAgPHA+e2BXaGVuIGVkaXRpbmcgYSBsYXllciB5b3UgY2FuIGZpbmQgdGhvc2UgaW4gdGhlIGZvdXItZG90IG1lbnVzIG9mIHRoZSBEZXNpZ24gdGFiIG9uIHRoZSByaWdodCBvZiBGaWdtYSdzIFVJLmB9PC9wPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL2ZpZ21hLWZpbGxzLnBuZ1wiIGFsdD1cIkZpZ21hIGZpbGwgc2VsZWN0aW9uIHdpbmRvd1wiIHdpZHRoPVwiMjMyXCIgLz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJzd2FwcGluZy1jb21wb25lbnRzXCJcbiAgICB9fT57YFN3YXBwaW5nIGNvbXBvbmVudHNgfTwvaDI+XG4gICAgPHA+e2BZb3UgY2FuIHN3YXAgb25lIGNvbXBvbmVudCBmb3IgYW5vdGhlciBpbiB0aGUgZm9sbG93aW5nIHdheXMuYH08L3A+XG4gICAgPG9sPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgSG9sZCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntg4oylYH08L2lubGluZUNvZGU+e2AgYW5kIGRyYWcgYSBjb21wb25lbnQgZnJvbSB0aGUgQXNzZXRzIHRhYiBvdmVyIGFub3RoZXIgb25lIG9uIHRoZSBjYW52YXMgKGhvbGQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YOKMmCArIOKMpWB9PC9pbmxpbmVDb2RlPntgIGZvciBuZXN0ZWQgY29tcG9uZW50cywgZWcuIGljb24gaW4gYSBidXR0b24pYH08L2xpPlxuICAgIDwvb2w+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvZHJhZy10by1yZXBsYWNlLnBuZ1wiIGFsdD1cIkZpZ21hIHJlcGxhY2VtZW50IG9mIGEgY29tcG9uZW50IHdpZHRoIGRyYWctbi1kcm9wXCIgd2lkdGg9XCI1ODBcIiAvPlxuICAgIDxvbCB7Li4ue1xuICAgICAgXCJzdGFydFwiOiAyXG4gICAgfX0+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BZb3UgY2FuIGFsc28gY2xpY2sgb24gdGhlIGNvbXBvbmVudCBuYW1lIG9uIHRoZSByaWdodCBvZiBGaWdtYSdzIFVJIHRvIGJyaW5nIHVwIHRoZSBzd2FwIGluc3RhbmNlIGRyb3Bkb3duYH08L2xpPlxuICAgIDwvb2w+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvZmlnbWEtc3dhcC1pbnN0YW5jZS5wbmdcIiBhbHQ9XCJGaWdtYSBzd2FwIGluc3RhbmNlIGRyb3Bkb3duXCIgd2lkdGg9XCIzMDJcIiAvPlxuICAgIDxvbCB7Li4ue1xuICAgICAgXCJzdGFydFwiOiAzXG4gICAgfX0+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BJZiB5b3UgcmlnaHQgY2xpY2sgdGhlIGNvbXBvbmVudCBvbiB0aGUgY2FudmFzIHRoZXJlIGlzIGEg4oCcU3dhcCBpbnN0YW5jZeKAnSBvcHRpb24gaW4gdGhlIG1lbnVgfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS1yaWdodC1jbGljay1zd2FwLnBuZ1wiIGFsdD1cIkZpZ21hIHJpZ2h0IGNsaWNrIG1lbnUsIHN3YXAgaW5zdGFuY2Ugb3B0aW9uXCIgd2lkdGg9XCIxOTlcIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImN1c3RvbWl6aW5nLWNvbXBvbmVudHNcIlxuICAgIH19PntgQ3VzdG9taXppbmcgY29tcG9uZW50c2B9PC9oMj5cbiAgICA8cD57YFlvdSBjYW4gb3ZlcnJpZGUgdGhlIGRlZmF1bHQgY29udGVudCBvZiB0aGUgY29tcG9uZW50IGJ5IHNpbXBseSBlZGl0aW5nIGl0IChkb3VibGUgY2xpY2sgb24gdGhlIHRleHQgdGhhdCB5b3Ugd2FudCB0byBjaGFuZ2Ugb3Igc2VsZWN0IHRoZSB0ZXh0IGxheWVyIGFuZCBwcmVzcyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BFbnRlcmB9PC9pbmxpbmVDb2RlPntgKS5gfTwvcD5cbiAgICA8cD57YEluIGFkZGl0aW9uIHRvIHRoYXQsIHNvbWUgY29tcG9uZW50cyBsZXZlcmFnZSBGaWdtYSdzIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2hlbHAuZmlnbWEuY29tL2hjL2VuLXVzL2FydGljbGVzLzM2MDA1NjQ0MDU5NC1DcmVhdGUtYW5kLXVzZS12YXJpYW50c1wiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BWYXJpYW50cyBmZWF0dXJlYH08L2E+e2AuIFlvdSBjYW4gc2V0IHNwZWNpZmljIHByb3BzIG9uIGFuIGluc3RhbmNlIG9mIHRoZSBjb21wb25lbnQgaW4gdGhlIGZvbGxvd2luZyB3YXlzLmB9PC9wPlxuICAgIDxvbD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj57YE9uIHRoZSByaWdodCBvZiB0aGUgRmlnbWEgVUkgd2hlbiBzZWxlY3RpbmcgYSBjb21wb25lbnQgeW91J2xsIHNlZSBjb250cm9scyBmb3IgY2hhbmdpbmcgcHJvcHNgfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS1wcm9wcy5wbmdcIiBhbHQ9XCJGaWdtYTogcHJvcHMgb2YgYSBjb21wb25lbnRcIiB3aWR0aD1cIjQ0NlwiIC8+XG4gICAgPG9sIHsuLi57XG4gICAgICBcInN0YXJ0XCI6IDJcbiAgICB9fT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj57YFlvdSBjYW4gYWNjZXNzIHZhcmlhbnRzIGluIHRoZSByaWdodC1jbGljayBtZW51IG9mIHRoZSBjb21wb25lbnQuYH08L2xpPlxuICAgIDwvb2w+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvcmlnaHQtY2xpY2stdmFyaWFudHMucG5nXCIgYWx0PVwiRmlnbWEgcmlnaHQgY2xpY2sgdmFyaWFudCBtZW51XCIgd2lkdGg9XCI2NTJcIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInJlc2l6aW5nLWNvbXBvbmVudHNcIlxuICAgIH19PntgUmVzaXppbmcgY29tcG9uZW50c2B9PC9oMj5cbiAgICA8cD57YENvbXBvbmVudHMgd2lsbCBhdXRvbWF0aWNhbGx5IHJlc2l6ZSBiYXNlZCBvbiB0aGUgY29udGVudCBhbW91bnQgd2hlcmUgYXBwcm9wcmlhdGUuIFlvdSBjYW4gYWRkaXRpb25hbGx5IGB9PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgaW5jcmVhc2VgfTwvc3Ryb25nPntgIHRoZSBzaXplIChhdm9pZCBkb3duc2l6aW5nKSBieSBzZWxlY3RpbmcgdGhlIGNvbXBvbmVudCBhbmQgbW92aW5nIHRoZSBjdXJzb3IgdG8gdGhlIGVkZ2Ugb3IgdGhlIGNvcm5lciBvZiB0aGUgY29tcG9uZW50LCBob2xkaW5nIGxlZnQgbW91c2UgYnV0dG9uLCBhbmQgZHJhZ2dpbmcgdGhlIG1vdXNlLiBBbHRlcm5hdGl2ZWx5IHlvdSBjYW4gcHJlc3MgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntg4oyYYH08L2lubGluZUNvZGU+e2AgYW5kIGFycm93IGtleXMgdG8gY29udHJvbCB0aGUgc2l6aW5nLmB9PC9wPlxuICAgIDxwPntgSWYgeW91IHJlc2l6ZSB0aGUgY29tcG9uZW50IG1hbnVhbGx5IGFuZCBsYXRlciBvbiBuZWVkIHRvIHR1cm4gb24gYXV0b21hdGljIHNpemluZyBsZXZlcmFnZSDigJxodWcgY29udGVudHPigJ0gcmVzaXppbmcgYmVoYXZpb3IgdGhhdCBzaG91bGQgYmUgYXZhaWxhYmxlIGluIEZpZ21hJ3MgaW5zcGVjdG9yIHBhbmVsIG9uIHRoZSByaWdodC5gfTwvcD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS1yZXNpemluZy1iZWhhdmlvci5wbmdcIiBhbHQ9XCJGaWdtYSByZXNpemluZyBiZWhhdmlvciBVSVwiIHdpZHRoPVwiMjMwXCIgLz5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJyZWNvbW1lbmRhdGlvbnNcIlxuICAgIH19PntgUmVjb21tZW5kYXRpb25zYH08L2gzPlxuICAgIDxTdG9yeURvRG9udCBtZHhUeXBlPVwiU3RvcnlEb0RvbnRcIj5cbiAgICAgIDxTdG9yeURvIG1keFR5cGU9XCJTdG9yeURvXCI+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvaG9yaXpvbnRhbC1yZXNpemUucG5nXCIgYWx0PVwiUmVzaXppbmcgY29tcG9uZW50IGhvcml6b250YWxseSBpbiBGaWdtYVwiIHdpZHRoPVwiMzAwXCIgLz5cbiAgICA8cD5JbmNyZWFzZSBjb21wb25lbnRzJyBob3Jpem9udGFsIHNpemUgaWYgbmVjZXNzYXJ5PC9wPlxuICAgICAgPC9TdG9yeURvPlxuICAgICAgPFN0b3J5RG9udCBtZHhUeXBlPVwiU3RvcnlEb250XCI+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvdmVydGljYWwtcmVzaXplLnBuZ1wiIGFsdD1cIlJlc2l6aW5nIGNvbXBvbmVudCB2ZXJ0aWNhbGx5IGluIEZpZ21hXCIgd2lkdGg9XCIzMDBcIiAvPlxuICAgIDxwPlJlc2l6ZSBjb21wb25lbnRzIHZlcnRpY2FsbHkgb3Igb3ZlcnJpZGUgcmVzaXppbmcgYmVoYXZpb3I8L3A+XG4gICAgICA8L1N0b3J5RG9udD5cbiAgICAgIDxTdG9yeURvIG1keFR5cGU9XCJTdG9yeURvXCI+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvc3BhY2Utc2NhbGUucG5nXCIgYWx0PVwiQXBwbGljYXRpb24gb2Ygc3BhY2Ugc2NhbGUgaW4gRmlnbWFcIiB3aWR0aD1cIjMwMFwiIC8+XG4gICAgPHA+XG4gICAgICAgIFVzZSB0aGUgPGEgaHJlZj1cIj9wYXRoPS9zdG9yeS9mb3VuZGF0aW9ucy1zcGFjZS0tcGFnZSNzcGFjaW5nLXNjYWxlXCI+c3BhY2luZyBzY2FsZTwvYT4gZm9yXG4gICAgICAgIGFsaWduaW5nIGFuZCBkaXN0cmlidXRpbmcgY29tcG9uZW50cy4gV2UgcmVjb21tZW5kIHVzaW5nIEZpZ21hJ3MgQXV0byBMYXlvdXQuXG4gICAgPC9wPlxuICAgICAgPC9TdG9yeURvPlxuICAgICAgPFN0b3J5RG9udCBtZHhUeXBlPVwiU3RvcnlEb250XCI+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvYXJiaXRyYXJ5LXN0eWxlLnBuZ1wiIGFsdD1cIkFyYml0cmFyeSBzdHlsaW5nIG92ZXJyaWRlIG9uIHRoZSBidXR0b24gY29tcG9uZW50IGluIEZpZ21hXCIgd2lkdGg9XCIzMDBcIiAvPlxuICAgIDxwPkFwcGx5IG92ZXJyaWRlcyB0byBzdHlsaW5nIG9mIHRoZSBjb21wb25lbnRzPC9wPlxuICAgICAgPC9TdG9yeURvbnQ+XG4gICAgPC9TdG9yeURvRG9udD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJyZWNlaXZpbmctY2hhbmdlc1wiXG4gICAgfX0+e2BSZWNlaXZpbmcgQ2hhbmdlc2B9PC9oMj5cbiAgICA8cD57YENvbXBvbmVudHMgYW5kIHN0eWxlcyBpbiBhIGZpbGUgaW4gRmlnbWEgc3RpY2sgdG8gdGhlIHZlcnNpb24gcHVibGlzaGVkIG9uIHRoZSBkYXRlIG9mIHRoZSBjcmVhdGlvbiB1bnRpbCB5b3UgdXBkYXRlIHRoZW0uIFdoZW4gdGhlcmUgYXJlIHVwZGF0ZXMgaW4gYSBmaWxlIEZpZ21hIHdpbGwgc2hvdyB5b3UgYW4gYWxlcnQgaW4gdGhlIGJvdHRvbSByaWdodCBvZiB0aGUgVUkuIElmIHlvdSBkaXNtaXNzIGl0IHRoZSBkaWFsb2cgd2lsbCBiZSBhdmFpbGFibGUgZnJvbSBBc3NldHMgdGFiIHdpdGggdGhlIGxpYnJhcmllcyBidXR0b24gKGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YOKMpSszYH08L2lubGluZUNvZGU+e2ApLmB9PC9wPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL3VwZGF0ZS1hbGVydC5wbmdcIiBhbHQ9XCJGaWdtYSB1cGRhdGUgYWxlcnRzXCIgd2lkdGg9XCIzNjBcIiAvPlxuICAgIDxwPntgWW91J2xsIGhhdmUgYSBjaGFuY2UgdG8gcmV2aWV3IHVwZGF0ZXMgYmVmb3JlIGFwcGx5aW5nIHRoZW0gYW5kIHNlbGVjdCB3aGljaCBvbmVzIHlvdSB3aWxsIGFwcGx5LiBJbiBtb3N0IGNhc2VzIGl0IHNob3VsZG4ndCBicmVhayBhbnl0aGluZyBpbiB5b3VyIGZpbGUuIENoYW5nZWxvZyBpbmZvcm1hdGlvbiBpcyBwcm92aWRlZCB0byBoZWxwIHlvdSB3aXRoIHVuZGVyc3RhbmRpbmcgd2hhdCB3aWxsIGNoYW5nZS5gfTwvcD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy91cGRhdGUtZGlhbG9nLnBuZ1wiIGFsdD1cIkZpZ21hIHVwZGF0ZSBkaWFsb2dcIiB3aWR0aD1cIjQ3OFwiIC8+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiZ3VpZGVsaW5lc1wiXG4gICAgfX0+e2BHdWlkZWxpbmVzYH08L2gyPlxuICAgIDxwPntgQWRkaXRpb25hbCBoZWxwZnVsIGluZm9ybWF0aW9uIGFib3V0IGNvbXBvbmVudHMgaXMgcHJvdmlkZWQgaW4gdGhlIGZvbGxvd2luZyBwbGFjZXMuYH08L3A+XG4gICAgPG9sPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgSW4gdG9vbHRpcHMgb2YgdGhlIEFzc2V0cyB0YWIuYH08L2xpPlxuICAgIDwvb2w+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvZmlnbWEtdG9vbHRpcHMucG5nXCIgYWx0PVwiRmlnbWEgdG9vbHRpcCBmb3IgYSBjb21wb25lbnRcIiB3aWR0aD1cIjM0MlwiIC8+XG4gICAgPG9sIHsuLi57XG4gICAgICBcInN0YXJ0XCI6IDJcbiAgICB9fT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj57YE9uIHRoZSByaWdodCBhYm92ZSB0aGUgY29tcG9uZW50IHByb3BzIHlvdSdsbCBzZWUg4oCcU2hvdyBtb3Jl4oCdIGxpbmsgdGhhdCB3aWxsIHNob3cgdGhlIGd1aWRlbGluZSBjb21tZW50cy5gfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9zaG93LW1vcmUucG5nXCIgYWx0PVwiRmlnbWEgXCIgd2lkdGg9XCI1NTBcIiAvPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnUXVpY2tTdGFydC9Gb3IgRGVzaWduZXJzJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/10.quick-start/10.for-designers.stories.mdx\n')},"../docs-pages/docs/pages/20.foundations/00.space.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Icon/Icon.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../packages/web-lib/dist/components/Text/Text.js");\n/* harmony import */ var _hat_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../docs-pages/docs/pages/hat.svg");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Foundations/Space",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "space"\n }, "Space"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The amount of space between elements in a composition affects human perception of connection between those elements. Close elements are likely to be perceived as a group."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutFlex%20gap=%22m%22%3E%0A%20%20%20%20%20%20%20%20%3CIcon%20size=%22m%22%20svg=%7Bhat%7D%20/%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20gap=%222xs%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIcon%20size=%22m%22%20svg=%7Bhat%7D%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIcon%20size=%22m%22%20svg=%7Bhat%7D%20/%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%3C/LayoutFlex%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "m",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Icon */ "a"], {\n size: "m",\n svg: _hat_svg__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"],\n mdxType: "Icon"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "2xs",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Icon */ "a"], {\n size: "m",\n svg: _hat_svg__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"],\n mdxType: "Icon"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Icon */ "a"], {\n size: "m",\n svg: _hat_svg__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"],\n mdxType: "Icon"\n })))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Visible and consistent alignment of elements can further enhance group perception and page scanning for the users."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutFlex%20gap=%22xl%22%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%20gap=%22xs%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIcon%20svg=%7Bhat%7D%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%20gap=%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%3EAligning%20elements%20allows%20human%20eyes%20to%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%3Escan%20the%20composition%20easier,%20making%20perception%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%3Eof%20connection%20between%20elements%20effortless.%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%20gap=%22xs%22%20alignItems=%22end%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CIcon%20svg=%7Bhat%7D%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%20gap=%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%20gap=%22none%22%20alignItems=%22center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%3EIn%20compositions%20without%20obvious%20alignment%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%3Eit\'s%20harder%20to%20perceive%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%3Econnections%20between%20elements.%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%3C/LayoutFlex%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "xl",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "xs",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Icon */ "a"], {\n svg: _hat_svg__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"],\n mdxType: "Icon"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "none",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n mdxType: "Text"\n }, "Aligning elements allows human eyes to"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n mdxType: "Text"\n }, "scan the composition easier, making perception"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n mdxType: "Text"\n }, "of connection between elements effortless."))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "xs",\n alignItems: "end",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Icon */ "a"], {\n svg: _hat_svg__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"],\n mdxType: "Icon"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "none",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "none",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n mdxType: "Text"\n }, "In compositions without obvious alignment"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n mdxType: "Text"\n }, "it\'s harder to perceive")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n mdxType: "Text"\n }, "connections between elements."))))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "root-space-module"\n }, "Root space module"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "All values in the space scale are derived from a root module of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "4px"), ". This allows us to keep spacing rhythmic and harmonious. We strive to keep sizing of the elements divisible by this root module value to further reinforce that rhythm."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/root.svg",\n alt: "Root space module"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Note that the unit of measurement for root space module is expressed in ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://developer.mozilla.org/en-US/docs/Glossary/CSS_pixel",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "CSS Pixels"), ". It is relative to screen pixel density and UI scaling factor and doesn\'t necessarily equate to a physical screen pixel. This is conventional for web. For Android and iOS it corresponds to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "dp"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://developer.apple.com/library/archive/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/GraphicsDrawingOverview/GraphicsDrawingOverview.html#//apple_ref/doc/uid/TP40010156-CH14-SW7",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "pt"), " respectively. Numerical value stays the same."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "spacing-scale"\n }, "Spacing scale"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Spacing scale is derived from root space module and conforms to the \\u201Ct-shirt\\u201D naming convention."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Scale is used to set the amount of space between components in a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-layoutflex-docs--page"\n }, "layout"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/scale.svg",\n alt: "Spacing scale"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "application-recommendations"\n }, "Application recommendations"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDoDont */ "t"], {\n mdxType: "StoryDoDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "s"], {\n mdxType: "StoryDo"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use smaller spacing on the inside and larger on the outside"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/varied-space.svg",\n alt: "Varied space inside a group"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "u"], {\n mdxType: "StoryDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Avoid using the same spacing value everywhere in your composition"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/monotone-space.svg",\n alt: "Monotone space inside a group"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "s"], {\n mdxType: "StoryDo"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Distribute space between components in a", \' \', Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n href: "?path=/story/components-layoutflex-docs--page"\n }, "layout"), " using values from spacing scale"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/outer-space.svg",\n alt: "Outside space directly on a component"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "u"], {\n mdxType: "StoryDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Do not apply outside space directly to a component"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/component-space.svg",\n alt: "Outside space directly on a component"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "s"], {\n mdxType: "StoryDo"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Distribute space in layout with", \' \', Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n href: "?path=/story/components-layoutflex-docs--page#proptype-optional-responsive-typelayoutjustifycontentjustifycontentproptype"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", null, "space-between")), \' \', "when you need more space than the largest scale value provides"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/space-between.svg",\n alt: "Space-between application"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "u"], {\n mdxType: "StoryDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Do not stack together multiple space scale values to achieve bigger spacing"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/multiple-spaces-stack.svg",\n alt: "Stacking multiple spaces between components"\n }))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "provided-tooling"\n }, "Provided tooling"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Spacing scale is available as values for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "gap"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "padding"), " in ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/components-layoutflex-docs--page"\n }, "LayoutFlex"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/components-layoutgrid-docs--page"\n }, "LayoutGrid"), " components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "A set of helper components is provided in Figma. You can use them as spacers inside Auto Layout or to verify spacings in a free layout. We recommend setting your nudge amounts to scale values: ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "\\u2318 + /"), " > ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "Nudge amount"), ".")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("em", {\n parentName: "p"\n }, "To be continued\\u2026")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Foundations/Space\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zLzAwLnNwYWNlLnN0b3JpZXMubWR4P2Q2MTkiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImhhdCIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQSxJQUFNQSxXQUFXLEdBQUcsRUFBcEI7QUFHQSxJQUFNQyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFNTCxrRUFBQyxrRUFBRDtBQUFNLFNBQUssRUFBQyxtQkFBWjtBQUFnQyxjQUFVLEVBQUU7QUFDMUNFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEb0MsS0FBNUM7QUFJRyxXQUFPLEVBQUM7QUFKWCxJQU5LLEVBV0w7QUFDRSxVQUFNO0FBRFIsYUFYSyxFQWNMLDBQQWRLLEVBZUwsa0VBQUMsb0VBQUQ7QUFBUSxjQUFVLEVBQUMsTUFBbkI7QUFBMEIsYUFBUyxFQUFDLDZaQUFwQztBQUFrYyxXQUFPLEVBQUM7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YUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCUCxJQUF6QixxQkFDTVMsYUFBYSxDQUFDRixVQUFkLENBQXlCUCxJQUF6QixJQUFpQyxFQUR2QztBQUVFYSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvMDAuc3BhY2Uuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBTdG9yeURvLCBTdG9yeURvRG9udCwgU3RvcnlEb250IH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgSWNvbiwgTGF5b3V0RmxleCwgVGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgaGF0IGZyb20gJy4uL2hhdC5zdmcnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJGb3VuZGF0aW9ucy9TcGFjZVwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwic3BhY2VcIlxuICAgIH19PntgU3BhY2VgfTwvaDE+XG4gICAgPHA+e2BUaGUgYW1vdW50IG9mIHNwYWNlIGJldHdlZW4gZWxlbWVudHMgaW4gYSBjb21wb3NpdGlvbiBhZmZlY3RzIGh1bWFuIHBlcmNlcHRpb24gb2YgY29ubmVjdGlvbiBiZXR3ZWVuIHRob3NlIGVsZW1lbnRzLiBDbG9zZSBlbGVtZW50cyBhcmUgbGlrZWx5IHRvIGJlIHBlcmNlaXZlZCBhcyBhIGdyb3VwLmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMm0lMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NJY29uJTIwc2l6ZT0lMjJtJTIyJTIwc3ZnPSU3QmhhdCU3RCUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMjJ4cyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0ljb24lMjBzaXplPSUyMm0lMjIlMjBzdmc9JTdCaGF0JTdEJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0ljb24lMjBzaXplPSUyMm0lMjIlMjBzdmc9JTdCaGF0JTdEJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEZsZXggZ2FwPVwibVwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxJY29uIHNpemU9XCJtXCIgc3ZnPXtoYXR9IG1keFR5cGU9XCJJY29uXCIgLz5cbiAgICAgICAgPExheW91dEZsZXggZ2FwPVwiMnhzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxJY29uIHNpemU9XCJtXCIgc3ZnPXtoYXR9IG1keFR5cGU9XCJJY29uXCIgLz5cbiAgICAgICAgICAgIDxJY29uIHNpemU9XCJtXCIgc3ZnPXtoYXR9IG1keFR5cGU9XCJJY29uXCIgLz5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICA8cD57YFZpc2libGUgYW5kIGNvbnNpc3RlbnQgYWxpZ25tZW50IG9mIGVsZW1lbnRzIGNhbiBmdXJ0aGVyIGVuaGFuY2UgZ3JvdXAgcGVyY2VwdGlvbiBhbmQgcGFnZSBzY2FubmluZyBmb3IgdGhlIHVzZXJzLmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMnhsJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGRpcmVjdGlvbj0lMjJjb2x1bW4lMjIlMjBnYXA9JTIyeHMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NJY29uJTIwc3ZnPSU3QmhhdCU3RCUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUyMGdhcD0lMjJub25lJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUzRUFsaWduaW5nJTIwZWxlbWVudHMlMjBhbGxvd3MlMjBodW1hbiUyMGV5ZXMlMjB0byUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUzRXNjYW4lMjB0aGUlMjBjb21wb3NpdGlvbiUyMGVhc2llciwlMjBtYWtpbmclMjBwZXJjZXB0aW9uJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTNFb2YlMjBjb25uZWN0aW9uJTIwYmV0d2VlbiUyMGVsZW1lbnRzJTIwZWZmb3J0bGVzcy4lM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUyMGdhcD0lMjJ4cyUyMiUyMGFsaWduSXRlbXM9JTIyZW5kJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSWNvbiUyMHN2Zz0lN0JoYXQlN0QlMjAvJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGRpcmVjdGlvbj0lMjJjb2x1bW4lMjIlMjBnYXA9JTIybm9uZSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBkaXJlY3Rpb249JTIyY29sdW1uJTIyJTIwZ2FwPSUyMm5vbmUlMjIlMjBhbGlnbkl0ZW1zPSUyMmNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlM0VJbiUyMGNvbXBvc2l0aW9ucyUyMHdpdGhvdXQlMjBvYnZpb3VzJTIwYWxpZ25tZW50JTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTNFaXQncyUyMGhhcmRlciUyMHRvJTIwcGVyY2VpdmUlM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUzRWNvbm5lY3Rpb25zJTIwYmV0d2VlbiUyMGVsZW1lbnRzLiUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxMYXlvdXRGbGV4IGdhcD1cInhsXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwieHNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPEljb24gc3ZnPXtoYXR9IG1keFR5cGU9XCJJY29uXCIgLz5cbiAgICAgICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cIm5vbmVcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgICAgIDxUZXh0IG1keFR5cGU9XCJUZXh0XCI+QWxpZ25pbmcgZWxlbWVudHMgYWxsb3dzIGh1bWFuIGV5ZXMgdG88L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgbWR4VHlwZT1cIlRleHRcIj5zY2FuIHRoZSBjb21wb3NpdGlvbiBlYXNpZXIsIG1ha2luZyBwZXJjZXB0aW9uPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IG1keFR5cGU9XCJUZXh0XCI+b2YgY29ubmVjdGlvbiBiZXR3ZWVuIGVsZW1lbnRzIGVmZm9ydGxlc3MuPC9UZXh0PlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cInhzXCIgYWxpZ25JdGVtcz1cImVuZFwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8SWNvbiBzdmc9e2hhdH0gbWR4VHlwZT1cIkljb25cIiAvPlxuICAgICAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwibm9uZVwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwibm9uZVwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBtZHhUeXBlPVwiVGV4dFwiPkluIGNvbXBvc2l0aW9ucyB3aXRob3V0IG9idmlvdXMgYWxpZ25tZW50PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBtZHhUeXBlPVwiVGV4dFwiPml0J3MgaGFyZGVyIHRvIHBlcmNlaXZlPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICA8VGV4dCBtZHhUeXBlPVwiVGV4dFwiPmNvbm5lY3Rpb25zIGJldHdlZW4gZWxlbWVudHMuPC9UZXh0PlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInJvb3Qtc3BhY2UtbW9kdWxlXCJcbiAgICB9fT57YFJvb3Qgc3BhY2UgbW9kdWxlYH08L2gyPlxuICAgIDxwPntgQWxsIHZhbHVlcyBpbiB0aGUgc3BhY2Ugc2NhbGUgYXJlIGRlcml2ZWQgZnJvbSBhIHJvb3QgbW9kdWxlIG9mIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDRweGB9PC9pbmxpbmVDb2RlPntgLiBUaGlzIGFsbG93cyB1cyB0byBrZWVwIHNwYWNpbmcgcmh5dGhtaWMgYW5kIGhhcm1vbmlvdXMuIFdlIHN0cml2ZSB0byBrZWVwIHNpemluZyBvZiB0aGUgZWxlbWVudHMgZGl2aXNpYmxlIGJ5IHRoaXMgcm9vdCBtb2R1bGUgdmFsdWUgdG8gZnVydGhlciByZWluZm9yY2UgdGhhdCByaHl0aG0uYH08L3A+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcm9vdC5zdmdcIiBhbHQ9XCJSb290IHNwYWNlIG1vZHVsZVwiIC8+XG4gICAgPHA+e2BOb3RlIHRoYXQgdGhlIHVuaXQgb2YgbWVhc3VyZW1lbnQgZm9yIHJvb3Qgc3BhY2UgbW9kdWxlIGlzIGV4cHJlc3NlZCBpbiBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9HbG9zc2FyeS9DU1NfcGl4ZWxcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgQ1NTIFBpeGVsc2B9PC9hPntgLiBJdCBpcyByZWxhdGl2ZSB0byBzY3JlZW4gcGl4ZWwgZGVuc2l0eSBhbmQgVUkgc2NhbGluZyBmYWN0b3IgYW5kIGRvZXNuJ3QgbmVjZXNzYXJpbHkgZXF1YXRlIHRvIGEgcGh5c2ljYWwgc2NyZWVuIHBpeGVsLiBUaGlzIGlzIGNvbnZlbnRpb25hbCBmb3Igd2ViLiBGb3IgQW5kcm9pZCBhbmQgaU9TIGl0IGNvcnJlc3BvbmRzIHRvIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2RldmVsb3Blci5hbmRyb2lkLmNvbS9yZWZlcmVuY2Uva290bGluL2FuZHJvaWR4L2NvbXBvc2UvdWkvdW5pdC9EcFwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BkcGB9PC9hPntgIGFuZCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9kZXZlbG9wZXIuYXBwbGUuY29tL2xpYnJhcnkvYXJjaGl2ZS9kb2N1bWVudGF0aW9uLzJERHJhd2luZy9Db25jZXB0dWFsL0RyYXdpbmdQcmludGluZ2lPUy9HcmFwaGljc0RyYXdpbmdPdmVydmlldy9HcmFwaGljc0RyYXdpbmdPdmVydmlldy5odG1sIy8vYXBwbGVfcmVmL2RvYy91aWQvVFA0MDAxMDE1Ni1DSDE0LVNXN1wiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BwdGB9PC9hPntgIHJlc3BlY3RpdmVseS4gTnVtZXJpY2FsIHZhbHVlIHN0YXlzIHRoZSBzYW1lLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInNwYWNpbmctc2NhbGVcIlxuICAgIH19PntgU3BhY2luZyBzY2FsZWB9PC9oMj5cbiAgICA8cD57YFNwYWNpbmcgc2NhbGUgaXMgZGVyaXZlZCBmcm9tIHJvb3Qgc3BhY2UgbW9kdWxlIGFuZCBjb25mb3JtcyB0byB0aGUg4oCcdC1zaGlydOKAnSBuYW1pbmcgY29udmVudGlvbi5gfTwvcD5cbiAgICA8cD57YFNjYWxlIGlzIHVzZWQgdG8gc2V0IHRoZSBhbW91bnQgb2Ygc3BhY2UgYmV0d2VlbiBjb21wb25lbnRzIGluIGEgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWxheW91dGZsZXgtZG9jcy0tcGFnZVwiXG4gICAgICB9fT57YGxheW91dGB9PC9hPntgLmB9PC9wPlxuICAgIHtcbiAgICAgIC8qIFRPRE86IFJlcGxhY2Ugd2l0aCB2aXN1YWxpc2F0aW9uIGZyb20gYWN0dWFsIHRva2VucyAqL1xuICAgIH1cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9zY2FsZS5zdmdcIiBhbHQ9XCJTcGFjaW5nIHNjYWxlXCIgLz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJhcHBsaWNhdGlvbi1yZWNvbW1lbmRhdGlvbnNcIlxuICAgIH19PntgQXBwbGljYXRpb24gcmVjb21tZW5kYXRpb25zYH08L2gyPlxuICAgIDxTdG9yeURvRG9udCBtZHhUeXBlPVwiU3RvcnlEb0RvbnRcIj5cbiAgICAgIDxTdG9yeURvIG1keFR5cGU9XCJTdG9yeURvXCI+XG4gICAgPHA+VXNlIHNtYWxsZXIgc3BhY2luZyBvbiB0aGUgaW5zaWRlIGFuZCBsYXJnZXIgb24gdGhlIG91dHNpZGU8L3A+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvdmFyaWVkLXNwYWNlLnN2Z1wiIGFsdD1cIlZhcmllZCBzcGFjZSBpbnNpZGUgYSBncm91cFwiIC8+XG4gICAgICA8L1N0b3J5RG8+XG4gICAgICA8U3RvcnlEb250IG1keFR5cGU9XCJTdG9yeURvbnRcIj5cbiAgICA8cD5Bdm9pZCB1c2luZyB0aGUgc2FtZSBzcGFjaW5nIHZhbHVlIGV2ZXJ5d2hlcmUgaW4geW91ciBjb21wb3NpdGlvbjwvcD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9tb25vdG9uZS1zcGFjZS5zdmdcIiBhbHQ9XCJNb25vdG9uZSBzcGFjZSBpbnNpZGUgYSBncm91cFwiIC8+XG4gICAgICA8L1N0b3J5RG9udD5cbiAgICAgIDxTdG9yeURvIG1keFR5cGU9XCJTdG9yeURvXCI+XG4gICAgPHA+XG4gICAgICAgIERpc3RyaWJ1dGUgc3BhY2UgYmV0d2VlbiBjb21wb25lbnRzIGluIGF7JyAnfVxuICAgICAgICA8YSBocmVmPVwiP3BhdGg9L3N0b3J5L2NvbXBvbmVudHMtbGF5b3V0ZmxleC1kb2NzLS1wYWdlXCI+bGF5b3V0PC9hPiB1c2luZyB2YWx1ZXMgZnJvbSBzcGFjaW5nXG4gICAgICAgIHNjYWxlXG4gICAgPC9wPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL291dGVyLXNwYWNlLnN2Z1wiIGFsdD1cIk91dHNpZGUgc3BhY2UgZGlyZWN0bHkgb24gYSBjb21wb25lbnRcIiAvPlxuICAgICAgPC9TdG9yeURvPlxuICAgICAgPFN0b3J5RG9udCBtZHhUeXBlPVwiU3RvcnlEb250XCI+XG4gICAgPHA+RG8gbm90IGFwcGx5IG91dHNpZGUgc3BhY2UgZGlyZWN0bHkgdG8gYSBjb21wb25lbnQ8L3A+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvY29tcG9uZW50LXNwYWNlLnN2Z1wiIGFsdD1cIk91dHNpZGUgc3BhY2UgZGlyZWN0bHkgb24gYSBjb21wb25lbnRcIiAvPlxuICAgICAgPC9TdG9yeURvbnQ+XG4gICAgICA8U3RvcnlEbyBtZHhUeXBlPVwiU3RvcnlEb1wiPlxuICAgIDxwPlxuICAgICAgICBEaXN0cmlidXRlIHNwYWNlIGluIGxheW91dCB3aXRoeycgJ31cbiAgICAgICAgPGEgaHJlZj1cIj9wYXRoPS9zdG9yeS9jb21wb25lbnRzLWxheW91dGZsZXgtZG9jcy0tcGFnZSNwcm9wdHlwZS1vcHRpb25hbC1yZXNwb25zaXZlLXR5cGVsYXlvdXRqdXN0aWZ5Y29udGVudGp1c3RpZnljb250ZW50cHJvcHR5cGVcIj5cbiAgICAgICAgICAgIDxjb2RlPnNwYWNlLWJldHdlZW48L2NvZGU+XG4gICAgICAgIDwvYT57JyAnfVxuICAgICAgICB3aGVuIHlvdSBuZWVkIG1vcmUgc3BhY2UgdGhhbiB0aGUgbGFyZ2VzdCBzY2FsZSB2YWx1ZSBwcm92aWRlc1xuICAgIDwvcD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9zcGFjZS1iZXR3ZWVuLnN2Z1wiIGFsdD1cIlNwYWNlLWJldHdlZW4gYXBwbGljYXRpb25cIiAvPlxuICAgICAgPC9TdG9yeURvPlxuICAgICAgPFN0b3J5RG9udCBtZHhUeXBlPVwiU3RvcnlEb250XCI+XG4gICAgPHA+RG8gbm90IHN0YWNrIHRvZ2V0aGVyIG11bHRpcGxlIHNwYWNlIHNjYWxlIHZhbHVlcyB0byBhY2hpZXZlIGJpZ2dlciBzcGFjaW5nPC9wPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL211bHRpcGxlLXNwYWNlcy1zdGFjay5zdmdcIiBhbHQ9XCJTdGFja2luZyBtdWx0aXBsZSBzcGFjZXMgYmV0d2VlbiBjb21wb25lbnRzXCIgLz5cbiAgICAgIDwvU3RvcnlEb250PlxuICAgIDwvU3RvcnlEb0RvbnQ+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicHJvdmlkZWQtdG9vbGluZ1wiXG4gICAgfX0+e2BQcm92aWRlZCB0b29saW5nYH08L2gyPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YFNwYWNpbmcgc2NhbGUgaXMgYXZhaWxhYmxlIGFzIHZhbHVlcyBmb3IgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGdhcGB9PC9pbmxpbmVDb2RlPntgIGFuZCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgcGFkZGluZ2B9PC9pbmxpbmVDb2RlPntgIGluIGB9PGEgcGFyZW50TmFtZT1cImxpXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1sYXlvdXRmbGV4LWRvY3MtLXBhZ2VcIlxuICAgICAgICB9fT57YExheW91dEZsZXhgfTwvYT57YCBhbmQgYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWxheW91dGdyaWQtZG9jcy0tcGFnZVwiXG4gICAgICAgIH19PntgTGF5b3V0R3JpZGB9PC9hPntgIGNvbXBvbmVudHNgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BBIHNldCBvZiBoZWxwZXIgY29tcG9uZW50cyBpcyBwcm92aWRlZCBpbiBGaWdtYS4gWW91IGNhbiB1c2UgdGhlbSBhcyBzcGFjZXJzIGluc2lkZSBBdXRvIExheW91dCBvciB0byB2ZXJpZnkgc3BhY2luZ3MgaW4gYSBmcmVlIGxheW91dC4gV2UgcmVjb21tZW5kIHNldHRpbmcgeW91ciBudWRnZSBhbW91bnRzIHRvIHNjYWxlIHZhbHVlczogYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YOKMmCArIC9gfTwvaW5saW5lQ29kZT57YCA+IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BOdWRnZSBhbW91bnRgfTwvaW5saW5lQ29kZT57YC5gfTwvbGk+XG4gICAgPC91bD5cbiAgICA8cD48ZW0gcGFyZW50TmFtZT1cInBcIj57YFRvIGJlIGNvbnRpbnVlZOKApmB9PC9lbT48L3A+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdGb3VuZGF0aW9ucy9TcGFjZScsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/20.foundations/00.space.stories.mdx\n')},"../docs-pages/docs/pages/20.foundations/10.color.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutGrid/LayoutGrid.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Foundations/Color",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "color"\n }, "Color"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Consistent color usage helps us to keep distinct visual style and helps our learners with navigating the screens. Design System\'s color palette is an upgrade to the variety of color styles used at Preply before. It addresses accessibility concerns and gives designers access to more vibrant and varied colors."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "palette"\n }, "Palette"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Palette consists of 6 color hue scales, gray scale, ivory, and white. Color scales (teal, magenta, yellow, blue, green, red) have 5 steps each: from ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "100"), " to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "500"), ". Gray scale additionally has ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "600"), " step. White and ivory consist of only one step."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n alignItems: "start",\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", null, "White"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/palette-white.svg",\n alt: "White"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", null, "Teal"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/palette-teal.svg",\n alt: "Teal scale"\n }))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", null, "Ivory"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/palette-ivory.svg",\n alt: "Ivory"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", null, "Gray"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/palette-gray.svg",\n alt: "Gray scale"\n }))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", null, "Magenta"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/palette-magenta.svg",\n alt: "Magenta scale"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", null, "Yellow"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/palette-yellow.svg",\n alt: "Yellow scale"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", null, "Blue"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/palette-blue.svg",\n alt: "Blue scale"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", null, "Green"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/palette-green.svg",\n alt: "Green scale"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", null, "Red"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/palette-red.svg",\n alt: "Red scale"\n }))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Technical information about producing these scales can be found in ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://github.com/preply/design-system/tree/main/support/design/foundations/color",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Design System\'s repository"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "combining-colors-accessibility"\n }, "Combining colors, accessibility"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "When combining colors from our palette you should strive to have sufficient contrast for the elements, that are supposed to be clear and readable (e.g. text and icons). To assist you with that, the numbered steps were selected such as they combine as follows to produce ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "accessible combinations"), ":"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "100"), " with ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "400"), " and darker; background and foreground"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "200"), " with ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "500"), " and darker; background and foreground"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "300"), " with ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "white"), "; ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "li"\n }, "background"), " only")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("hr", null), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Above recommendations are based on ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "https://www.myndex.com/APCA/",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "APCA"), " algorithm"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "The threshold for combinations that are considered okay is ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", null, "L", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("sup", null, "c"), " ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "\\u2265 60")), "; this is sufficient for most interface elements"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "For big blocks of text higher contrast value is recommended (i.e. gray ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "600"), " has L", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("sup", null, "c"), " of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "104"), " against white)")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "semantic-colors"\n }, "Semantic colors"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryNote */ "w"], {\n mdxType: "StoryNote"\n }, "As of now, this is an early proof-of-concept. We intend to extend the number of semantic colors in the future."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Some colors in our palette have designated roles in our UI. We call this specific usage of the colors \\u201Csemantic\\u201D. This is an abstraction on top of the \\u201Craw\\u201D colors: the underlying specific hues and shades may change or evolve in the future, but the meaning of \\u201Cprimary action color\\u201D is likely to stay."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Following namespaces are specified:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "action"), ": buttons, links, interactive elements ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* TokenExplorerLink */ "y"], {\n terms: "action",\n theme: "bold-ui",\n colorScheme: "base",\n mdxType: "TokenExplorerLink"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "content"), ": foreground color of non-interactive text and icons ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* TokenExplorerLink */ "y"], {\n terms: "content",\n theme: "bold-ui",\n colorScheme: "base",\n mdxType: "TokenExplorerLink"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "background"), ": container and page background colors ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* TokenExplorerLink */ "y"], {\n terms: "background",\n theme: "bold-ui",\n colorScheme: "base",\n mdxType: "TokenExplorerLink"\n }))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "action-color--teal"\n }, "Action color \\u2014 teal"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Teal scale contains our key brand shade: ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "teal.200"), ". It is a bright and vibrant color that is predominantly used for marketing and branding."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In UI we use shades of teal to highlight interactivite elements, e.g. in primary, secondary, and quaternary ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-button-docs--page"\n }, "buttons"), ":"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutGrid%20gap=%22xl%22%20columns=%7B3%7D%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20gap=%22s%22%20direction=%22column%22%20alignItems=%22center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CCodeLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20primary%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cbr%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20teal.300%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/CodeLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3EDo%20the%20Thing%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20gap=%22s%22%20direction=%22column%22%20alignItems=%22center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CCodeLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20secondary%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cbr%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20teal.100%20+%20teal.400%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/CodeLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20variant=%22secondary%22%3EDo%20the%20Thing%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20gap=%22s%22%20direction=%22column%22%20alignItems=%22center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CCodeLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20quaternary%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cbr%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20teal.400%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/CodeLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20variant=%22quaternary%22%3EDo%20the%20Thing%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%3C/LayoutGrid%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* LayoutGrid */ "a"], {\n gap: "xl",\n columns: 3,\n mdxType: "LayoutGrid"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "s",\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "primary", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("br", null), "teal.300"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Do the Thing")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "s",\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "secondary", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("br", null), "teal.100 + teal.400"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Button */ "a"], {\n variant: "secondary",\n mdxType: "Button"\n }, "Do the Thing")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "s",\n direction: "column",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "quaternary", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("br", null), "teal.400"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Button */ "a"], {\n variant: "quaternary",\n mdxType: "Button"\n }, "Do the Thing")))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "page-level-background-color--ivory"\n }, "Page-level background color \\u2014 ivory"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Default page background color is ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "ivory"), ". This warm light gray can be accessibly combined with shades ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "400"), " and darker from our palette."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CFakeViewport%3E%0A%20%20%20%20%20%20%20%20%3CCodeLabel%3Eivory%3C/CodeLabel%3E%0A%20%20%20%20%3C/FakeViewport%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* FakeViewport */ "l"], {\n mdxType: "FakeViewport"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "ivory"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "card-background-color--white"\n }, "Card background color \\u2014 white"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "When we need to introduce additional level of elevation in our UI we use white color."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CFakeViewport%3E%0A%20%20%20%20%20%20%20%20%3CCodeLabel%3Eivory%3C/CodeLabel%3E%0A%20%20%20%20%20%20%20%20%3CPseudoCard%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CCodeLabel%3Ewhite%3C/CodeLabel%3E%0A%20%20%20%20%20%20%20%20%3C/PseudoCard%3E%0A%20%20%20%20%3C/FakeViewport%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* FakeViewport */ "l"], {\n mdxType: "FakeViewport"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "ivory"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* PseudoCard */ "q"], {\n mdxType: "PseudoCard"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "white")))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "text-color--gray500"\n }, "Text color \\u2014 gray.500"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Default non-interactive text color in our UI is ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "gray.500"), ". It is lighter than pure black, but has high enough contrast to be perfectly readable text."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3CCodeLabel%3Egray.500%3C/CodeLabel%3E%0A%20%20%20%20%20%20%20%20%3CFakeText%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLoremIpsum%20/%3E%0A%20%20%20%20%20%20%20%20%3C/FakeText%3E%0A%20%20%20%20%3C/LayoutFlex%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "gray.500"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* FakeText */ "k"], {\n mdxType: "FakeText"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* LoremIpsum */ "n"], {\n mdxType: "LoremIpsum"\n })))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "tertiary-action-color--gray600"\n }, "Tertiary action color \\u2014 gray.600"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "For our muted tertiary buttons to stand out against the non-interactive text we use darker gray.600"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CCodeLabel%3Egray.500%3C/CodeLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CFakeText%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CLoremIpsum%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/FakeText%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CCodeLabel%3Egray.600%20+%20ivory%3C/CodeLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20variant=%22tertiary%22%3EDo%20the%20Thing%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%3C/LayoutFlex%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "gray.500"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* FakeText */ "k"], {\n mdxType: "FakeText"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* LoremIpsum */ "n"], {\n mdxType: "LoremIpsum"\n }))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "gray.600 + ivory"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Button */ "a"], {\n variant: "tertiary",\n mdxType: "Button"\n }, "Do the Thing")))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryNote */ "w"], {\n mdxType: "StoryNote"\n }, "Since ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", null, "tertiary"), " buttons use the same ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", null, "ivory"), " background as the top-level container they shouldn\'t be used it as its direct children. Put them into a card or use different button variant."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "provided-tooling"\n }, "Provided tooling"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Access to new palette is provided via Figma Library ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "Design System Alpha"), " for designers"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Color values for developers are provided through ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/guides-token-explorer--page"\n }, "tokens"), ". Raw colors are in ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "root.palette"), " namespace, semantic are in ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "content"), ", ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "background"), ", and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "action"), ". To make sure you\'re using the new colors and not the legacy fallbacks check if you\'re using ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "bold-ui"), " ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/api-ds-web-root-providers-rootprovider--page#theme-string"\n }, "theme"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Infomation about color combinations and upgrade paths for legacy colors is provided in our Figma library with comments (hover over the colors in the style selection dialog)")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/style-dialog-figma.png",\n alt: "Style selection dialog in Figma",\n width: "477"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("em", {\n parentName: "p"\n }, "To be continued\\u2026")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Foundations/Color\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zLzEwLmNvbG9yLnN0b3JpZXMubWR4PzEyOTIiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFTQTtBQUNBO0FBQ0E7QUFHQSxJQUFNQSxXQUFXLEdBQUcsRUFBcEI7QUFHQSxJQUFNQyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFLTCxrRUFBQyxrRUFBRDtBQUFNLFNBQUssRUFBQyxtQkFBWjtBQUFnQyxjQUFVLEVBQUU7QUFDMUNFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEb0MsS0FBNUM7QUFJRyxXQUFPLEVBQUM7QUFKWCxJQUxLLEVBVUw7QUFDRSxVQUFNO0FBRFIsYUFWSyxFQWFMLHFZQWJLLEVBY0w7QUFDRSxVQUFNO0FBRFIsZUFkSyxFQWlCTCxzT0FBNEo7QUFBWSxjQUFVLEVBQUM7QUFBdkIsV0FBNUosVUFBbU47QUFBWSxjQUFVLEVBQUM7QUFB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QSxVQUFVLENBQUNNLGNBQVgsR0FBNEIsSUFBNUI7QUFFTyxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQUUsUUFBTSxJQUFJQyxLQUFKLENBQVUsaUJBQVYsQ0FBTjtBQUFxQyxDQUE1RDtBQUVQRCxNQUFNLENBQUNFLFVBQVAsR0FBb0I7QUFBRUMsVUFBUSxFQUFFO0FBQVosQ0FBcEI7QUFFQSxJQUFNQyxhQUFhLEdBQUc7QUFBRUMsT0FBSyxFQUFFLG1CQUFUO0FBQThCSCxZQUFVLEVBQUU7QUFDOUROLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUR3RCxHQUExQztBQUluQlEsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIscUJBQ01RLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIsSUFBaUMsRUFEdkM7QUFFRVksTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zLzEwLmNvbG9yLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHtcbiAgICBDb2RlTGFiZWwsXG4gICAgRmFrZVRleHQsXG4gICAgRmFrZVZpZXdwb3J0LFxuICAgIExvcmVtSXBzdW0sXG4gICAgUHNldWRvQ2FyZCxcbiAgICBTdG9yeU5vdGUsXG4gICAgVG9rZW5FeHBsb3JlckxpbmssXG59IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEJ1dHRvbiwgTGF5b3V0RmxleCwgTGF5b3V0R3JpZCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJGb3VuZGF0aW9ucy9Db2xvclwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiY29sb3JcIlxuICAgIH19PntgQ29sb3JgfTwvaDE+XG4gICAgPHA+e2BDb25zaXN0ZW50IGNvbG9yIHVzYWdlIGhlbHBzIHVzIHRvIGtlZXAgZGlzdGluY3QgdmlzdWFsIHN0eWxlIGFuZCBoZWxwcyBvdXIgbGVhcm5lcnMgd2l0aCBuYXZpZ2F0aW5nIHRoZSBzY3JlZW5zLiBEZXNpZ24gU3lzdGVtJ3MgY29sb3IgcGFsZXR0ZSBpcyBhbiB1cGdyYWRlIHRvIHRoZSB2YXJpZXR5IG9mIGNvbG9yIHN0eWxlcyB1c2VkIGF0IFByZXBseSBiZWZvcmUuIEl0IGFkZHJlc3NlcyBhY2Nlc3NpYmlsaXR5IGNvbmNlcm5zIGFuZCBnaXZlcyBkZXNpZ25lcnMgYWNjZXNzIHRvIG1vcmUgdmlicmFudCBhbmQgdmFyaWVkIGNvbG9ycy5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJwYWxldHRlXCJcbiAgICB9fT57YFBhbGV0dGVgfTwvaDI+XG4gICAgPHA+e2BQYWxldHRlIGNvbnNpc3RzIG9mIDYgY29sb3IgaHVlIHNjYWxlcywgZ3JheSBzY2FsZSwgaXZvcnksIGFuZCB3aGl0ZS4gQ29sb3Igc2NhbGVzICh0ZWFsLCBtYWdlbnRhLCB5ZWxsb3csIGJsdWUsIGdyZWVuLCByZWQpIGhhdmUgNSBzdGVwcyBlYWNoOiBmcm9tIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDEwMGB9PC9pbmxpbmVDb2RlPntgIHRvIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDUwMGB9PC9pbmxpbmVDb2RlPntgLiBHcmF5IHNjYWxlIGFkZGl0aW9uYWxseSBoYXMgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgNjAwYH08L2lubGluZUNvZGU+e2Agc3RlcC4gV2hpdGUgYW5kIGl2b3J5IGNvbnNpc3Qgb2Ygb25seSBvbmUgc3RlcC5gfTwvcD5cbiAgICA8TGF5b3V0RmxleCBhbGlnbkl0ZW1zPVwic3RhcnRcIiBnYXA9XCJzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCJzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8aDM+V2hpdGU8L2gzPlxuICAgICAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS13aGl0ZS5zdmdcIiBhbHQ9XCJXaGl0ZVwiIC8+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8aDM+VGVhbDwvaDM+XG4gICAgICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLXRlYWwuc3ZnXCIgYWx0PVwiVGVhbCBzY2FsZVwiIC8+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwic1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPGgzPkl2b3J5PC9oMz5cbiAgICAgICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3BhbGV0dGUtaXZvcnkuc3ZnXCIgYWx0PVwiSXZvcnlcIiAvPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPGgzPkdyYXk8L2gzPlxuICAgICAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS1ncmF5LnN2Z1wiIGFsdD1cIkdyYXkgc2NhbGVcIiAvPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICA8aDM+TWFnZW50YTwvaDM+XG4gICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3BhbGV0dGUtbWFnZW50YS5zdmdcIiBhbHQ9XCJNYWdlbnRhIHNjYWxlXCIgLz5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxoMz5ZZWxsb3c8L2gzPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLXllbGxvdy5zdmdcIiBhbHQ9XCJZZWxsb3cgc2NhbGVcIiAvPlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPGgzPkJsdWU8L2gzPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLWJsdWUuc3ZnXCIgYWx0PVwiQmx1ZSBzY2FsZVwiIC8+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICA8aDM+R3JlZW48L2gzPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLWdyZWVuLnN2Z1wiIGFsdD1cIkdyZWVuIHNjYWxlXCIgLz5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxoMz5SZWQ8L2gzPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLXJlZC5zdmdcIiBhbHQ9XCJSZWQgc2NhbGVcIiAvPlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPHA+e2BUZWNobmljYWwgaW5mb3JtYXRpb24gYWJvdXQgcHJvZHVjaW5nIHRoZXNlIHNjYWxlcyBjYW4gYmUgZm91bmQgaW4gYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vZ2l0aHViLmNvbS9wcmVwbHkvZGVzaWduLXN5c3RlbS90cmVlL21haW4vc3VwcG9ydC9kZXNpZ24vZm91bmRhdGlvbnMvY29sb3JcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgRGVzaWduIFN5c3RlbSdzIHJlcG9zaXRvcnlgfTwvYT57YC5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb21iaW5pbmctY29sb3JzLWFjY2Vzc2liaWxpdHlcIlxuICAgIH19PntgQ29tYmluaW5nIGNvbG9ycywgYWNjZXNzaWJpbGl0eWB9PC9oMj5cbiAgICA8cD57YFdoZW4gY29tYmluaW5nIGNvbG9ycyBmcm9tIG91ciBwYWxldHRlIHlvdSBzaG91bGQgc3RyaXZlIHRvIGhhdmUgc3VmZmljaWVudCBjb250cmFzdCBmb3IgdGhlIGVsZW1lbnRzLCB0aGF0IGFyZSBzdXBwb3NlZCB0byBiZSBjbGVhciBhbmQgcmVhZGFibGUgKGUuZy4gdGV4dCBhbmQgaWNvbnMpLiBUbyBhc3Npc3QgeW91IHdpdGggdGhhdCwgdGhlIG51bWJlcmVkIHN0ZXBzIHdlcmUgc2VsZWN0ZWQgc3VjaCBhcyB0aGV5IGNvbWJpbmUgYXMgZm9sbG93cyB0byBwcm9kdWNlIGB9PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgYWNjZXNzaWJsZSBjb21iaW5hdGlvbnNgfTwvc3Ryb25nPntgOmB9PC9wPlxuICAgIDxvbD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDEwMGB9PC9pbmxpbmVDb2RlPntgIHdpdGggYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDQwMGB9PC9pbmxpbmVDb2RlPntgIGFuZCBkYXJrZXI7IGJhY2tncm91bmQgYW5kIGZvcmVncm91bmRgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2AyMDBgfTwvaW5saW5lQ29kZT57YCB3aXRoIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2A1MDBgfTwvaW5saW5lQ29kZT57YCBhbmQgZGFya2VyOyBiYWNrZ3JvdW5kIGFuZCBmb3JlZ3JvdW5kYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgMzAwYH08L2lubGluZUNvZGU+e2Agd2l0aCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgd2hpdGVgfTwvaW5saW5lQ29kZT57YDsgYH08c3Ryb25nIHBhcmVudE5hbWU9XCJsaVwiPntgYmFja2dyb3VuZGB9PC9zdHJvbmc+e2Agb25seWB9PC9saT5cbiAgICA8L29sPlxuICAgIDxociAvPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YEFib3ZlIHJlY29tbWVuZGF0aW9ucyBhcmUgYmFzZWQgb24gYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vd3d3Lm15bmRleC5jb20vQVBDQS9cIixcbiAgICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICAgIH19PntgQVBDQWB9PC9hPntgIGFsZ29yaXRobWB9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YFRoZSB0aHJlc2hvbGQgZm9yIGNvbWJpbmF0aW9ucyB0aGF0IGFyZSBjb25zaWRlcmVkIG9rYXkgaXMgYH08c3Ryb25nPntgTGB9PHN1cD57YGNgfTwvc3VwPntgIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2DiiaUgNjBgfTwvaW5saW5lQ29kZT48L3N0cm9uZz57YDsgdGhpcyBpcyBzdWZmaWNpZW50IGZvciBtb3N0IGludGVyZmFjZSBlbGVtZW50c2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YEZvciBiaWcgYmxvY2tzIG9mIHRleHQgaGlnaGVyIGNvbnRyYXN0IHZhbHVlIGlzIHJlY29tbWVuZGVkIChpLmUuIGdyYXkgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDYwMGB9PC9pbmxpbmVDb2RlPntgIGhhcyBMYH08c3VwPntgY2B9PC9zdXA+e2Agb2YgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDEwNGB9PC9pbmxpbmVDb2RlPntgIGFnYWluc3Qgd2hpdGUpYH08L2xpPlxuICAgIDwvdWw+XG4gICAge1xuICAgICAgLyogRG8ncyBhbmQgRG9udCdzIGdvIGhlcmUgKi9cbiAgICB9XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwic2VtYW50aWMtY29sb3JzXCJcbiAgICB9fT57YFNlbWFudGljIGNvbG9yc2B9PC9oMj5cbiAgICA8U3RvcnlOb3RlIG1keFR5cGU9XCJTdG9yeU5vdGVcIj5cbiAgICBBcyBvZiBub3csIHRoaXMgaXMgYW4gZWFybHkgcHJvb2Ytb2YtY29uY2VwdC4gV2UgaW50ZW5kIHRvIGV4dGVuZCB0aGUgbnVtYmVyIG9mIHNlbWFudGljIGNvbG9yc1xuICAgIGluIHRoZSBmdXR1cmUuXG4gICAgPC9TdG9yeU5vdGU+XG4gICAgPHA+e2BTb21lIGNvbG9ycyBpbiBvdXIgcGFsZXR0ZSBoYXZlIGRlc2lnbmF0ZWQgcm9sZXMgaW4gb3VyIFVJLiBXZSBjYWxsIHRoaXMgc3BlY2lmaWMgdXNhZ2Ugb2YgdGhlIGNvbG9ycyDigJxzZW1hbnRpY+KAnS4gVGhpcyBpcyBhbiBhYnN0cmFjdGlvbiBvbiB0b3Agb2YgdGhlIOKAnHJhd+KAnSBjb2xvcnM6IHRoZSB1bmRlcmx5aW5nIHNwZWNpZmljIGh1ZXMgYW5kIHNoYWRlcyBtYXkgY2hhbmdlIG9yIGV2b2x2ZSBpbiB0aGUgZnV0dXJlLCBidXQgdGhlIG1lYW5pbmcgb2Yg4oCccHJpbWFyeSBhY3Rpb24gY29sb3LigJ0gaXMgbGlrZWx5IHRvIHN0YXkuYH08L3A+XG4gICAgPHA+e2BGb2xsb3dpbmcgbmFtZXNwYWNlcyBhcmUgc3BlY2lmaWVkOmB9PC9wPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGFjdGlvbmB9PC9pbmxpbmVDb2RlPntgOiBidXR0b25zLCBsaW5rcywgaW50ZXJhY3RpdmUgZWxlbWVudHMgYH08VG9rZW5FeHBsb3JlckxpbmsgdGVybXM9XCJhY3Rpb25cIiB0aGVtZT1cImJvbGQtdWlcIiBjb2xvclNjaGVtZT1cImJhc2VcIiBtZHhUeXBlPVwiVG9rZW5FeHBsb3JlckxpbmtcIiAvPjwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2Bjb250ZW50YH08L2lubGluZUNvZGU+e2A6IGZvcmVncm91bmQgY29sb3Igb2Ygbm9uLWludGVyYWN0aXZlIHRleHQgYW5kIGljb25zIGB9PFRva2VuRXhwbG9yZXJMaW5rIHRlcm1zPVwiY29udGVudFwiIHRoZW1lPVwiYm9sZC11aVwiIGNvbG9yU2NoZW1lPVwiYmFzZVwiIG1keFR5cGU9XCJUb2tlbkV4cGxvcmVyTGlua1wiIC8+PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGJhY2tncm91bmRgfTwvaW5saW5lQ29kZT57YDogY29udGFpbmVyIGFuZCBwYWdlIGJhY2tncm91bmQgY29sb3JzIGB9PFRva2VuRXhwbG9yZXJMaW5rIHRlcm1zPVwiYmFja2dyb3VuZFwiIHRoZW1lPVwiYm9sZC11aVwiIGNvbG9yU2NoZW1lPVwiYmFzZVwiIG1keFR5cGU9XCJUb2tlbkV4cGxvcmVyTGlua1wiIC8+PC9saT5cbiAgICA8L3VsPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcImFjdGlvbi1jb2xvci0tdGVhbFwiXG4gICAgfX0+e2BBY3Rpb24gY29sb3Ig4oCUIHRlYWxgfTwvaDM+XG4gICAgPHA+e2BUZWFsIHNjYWxlIGNvbnRhaW5zIG91ciBrZXkgYnJhbmQgc2hhZGU6IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHRlYWwuMjAwYH08L2lubGluZUNvZGU+e2AuIEl0IGlzIGEgYnJpZ2h0IGFuZCB2aWJyYW50IGNvbG9yIHRoYXQgaXMgcHJlZG9taW5hbnRseSB1c2VkIGZvciBtYXJrZXRpbmcgYW5kIGJyYW5kaW5nLmB9PC9wPlxuICAgIDxwPntgSW4gVUkgd2UgdXNlIHNoYWRlcyBvZiB0ZWFsIHRvIGhpZ2hsaWdodCBpbnRlcmFjdGl2aXRlIGVsZW1lbnRzLCBlLmcuIGluIHByaW1hcnksIHNlY29uZGFyeSwgYW5kIHF1YXRlcm5hcnkgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWJ1dHRvbi1kb2NzLS1wYWdlXCJcbiAgICAgIH19PntgYnV0dG9uc2B9PC9hPntgOmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRHcmlkJTIwZ2FwPSUyMnhsJTIyJTIwY29sdW1ucz0lN0IzJTdEJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGdhcD0lMjJzJTIyJTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUyMGFsaWduSXRlbXM9JTIyY2VudGVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwcHJpbWFyeSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2JyJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRlYWwuMzAwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUzRURvJTIwdGhlJTIwVGhpbmclM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMnMlMjIlMjBkaXJlY3Rpb249JTIyY29sdW1uJTIyJTIwYWxpZ25JdGVtcz0lMjJjZW50ZXIlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NDb2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBzZWNvbmRhcnklMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NiciUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjB0ZWFsLjEwMCUyMCslMjB0ZWFsLjQwMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnNlY29uZGFyeSUyMiUzRURvJTIwdGhlJTIwVGhpbmclM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMnMlMjIlMjBkaXJlY3Rpb249JTIyY29sdW1uJTIyJTIwYWxpZ25JdGVtcz0lMjJjZW50ZXIlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NDb2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBxdWF0ZXJuYXJ5JTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDYnIlMjAvJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwdGVhbC40MDAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTIwdmFyaWFudD0lMjJxdWF0ZXJuYXJ5JTIyJTNFRG8lMjB0aGUlMjBUaGluZyUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9MYXlvdXRHcmlkJTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxMYXlvdXRHcmlkIGdhcD1cInhsXCIgY29sdW1ucz17M30gbWR4VHlwZT1cIkxheW91dEdyaWRcIj5cbiAgICAgICAgPExheW91dEZsZXggZ2FwPVwic1wiIGRpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+XG4gICAgICAgICAgICAgICAgcHJpbWFyeVxuICAgICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgICAgIHRlYWwuMzAwXG4gICAgICAgICAgICA8L0NvZGVMYWJlbD5cbiAgICAgICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPkRvIHRoZSBUaGluZzwvQnV0dG9uPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInNcIiBkaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPlxuICAgICAgICAgICAgICAgIHNlY29uZGFyeVxuICAgICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgICAgIHRlYWwuMTAwICsgdGVhbC40MDBcbiAgICAgICAgICAgIDwvQ29kZUxhYmVsPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwic2Vjb25kYXJ5XCIgbWR4VHlwZT1cIkJ1dHRvblwiPkRvIHRoZSBUaGluZzwvQnV0dG9uPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInNcIiBkaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPlxuICAgICAgICAgICAgICAgIHF1YXRlcm5hcnlcbiAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgICAgICB0ZWFsLjQwMFxuICAgICAgICAgICAgPC9Db2RlTGFiZWw+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJxdWF0ZXJuYXJ5XCIgbWR4VHlwZT1cIkJ1dHRvblwiPkRvIHRoZSBUaGluZzwvQnV0dG9uPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRHcmlkPlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInBhZ2UtbGV2ZWwtYmFja2dyb3VuZC1jb2xvci0taXZvcnlcIlxuICAgIH19PntgUGFnZS1sZXZlbCBiYWNrZ3JvdW5kIGNvbG9yIOKAlCBpdm9yeWB9PC9oMz5cbiAgICA8cD57YERlZmF1bHQgcGFnZSBiYWNrZ3JvdW5kIGNvbG9yIGlzIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGl2b3J5YH08L2lubGluZUNvZGU+e2AuIFRoaXMgd2FybSBsaWdodCBncmF5IGNhbiBiZSBhY2Nlc3NpYmx5IGNvbWJpbmVkIHdpdGggc2hhZGVzIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDQwMGB9PC9pbmxpbmVDb2RlPntgIGFuZCBkYXJrZXIgZnJvbSBvdXIgcGFsZXR0ZS5gfTwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4U291cmNlPVwiJTBBJTNDRmFrZVZpZXdwb3J0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFaXZvcnklM0MvQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTNDL0Zha2VWaWV3cG9ydCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8RmFrZVZpZXdwb3J0IG1keFR5cGU9XCJGYWtlVmlld3BvcnRcIj5cbiAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+aXZvcnk8L0NvZGVMYWJlbD5cbiAgICA8L0Zha2VWaWV3cG9ydD5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJjYXJkLWJhY2tncm91bmQtY29sb3ItLXdoaXRlXCJcbiAgICB9fT57YENhcmQgYmFja2dyb3VuZCBjb2xvciDigJQgd2hpdGVgfTwvaDM+XG4gICAgPHA+e2BXaGVuIHdlIG5lZWQgdG8gaW50cm9kdWNlIGFkZGl0aW9uYWwgbGV2ZWwgb2YgZWxldmF0aW9uIGluIG91ciBVSSB3ZSB1c2Ugd2hpdGUgY29sb3IuYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0Zha2VWaWV3cG9ydCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRWl2b3J5JTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1BzZXVkb0NhcmQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NDb2RlTGFiZWwlM0V3aGl0ZSUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvUHNldWRvQ2FyZCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9GYWtlVmlld3BvcnQlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPEZha2VWaWV3cG9ydCBtZHhUeXBlPVwiRmFrZVZpZXdwb3J0XCI+XG4gICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPml2b3J5PC9Db2RlTGFiZWw+XG4gICAgICAgIDxQc2V1ZG9DYXJkIG1keFR5cGU9XCJQc2V1ZG9DYXJkXCI+XG4gICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj53aGl0ZTwvQ29kZUxhYmVsPlxuICAgICAgICA8L1BzZXVkb0NhcmQ+XG4gICAgPC9GYWtlVmlld3BvcnQ+XG4gICAgPC9DYW52YXM+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwidGV4dC1jb2xvci0tZ3JheTUwMFwiXG4gICAgfX0+e2BUZXh0IGNvbG9yIOKAlCBncmF5LjUwMGB9PC9oMz5cbiAgICA8cD57YERlZmF1bHQgbm9uLWludGVyYWN0aXZlIHRleHQgY29sb3IgaW4gb3VyIFVJIGlzIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGdyYXkuNTAwYH08L2lubGluZUNvZGU+e2AuIEl0IGlzIGxpZ2h0ZXIgdGhhbiBwdXJlIGJsYWNrLCBidXQgaGFzIGhpZ2ggZW5vdWdoIGNvbnRyYXN0IHRvIGJlIHBlcmZlY3RseSByZWFkYWJsZSB0ZXh0LmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFZ3JheS41MDAlM0MvQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDRmFrZVRleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMb3JlbUlwc3VtJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9GYWtlVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxMYXlvdXRGbGV4IG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPmdyYXkuNTAwPC9Db2RlTGFiZWw+XG4gICAgICAgIDxGYWtlVGV4dCBtZHhUeXBlPVwiRmFrZVRleHRcIj5cbiAgICAgICAgICAgIDxMb3JlbUlwc3VtIG1keFR5cGU9XCJMb3JlbUlwc3VtXCIgLz5cbiAgICAgICAgPC9GYWtlVGV4dD5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPC9DYW52YXM+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwidGVydGlhcnktYWN0aW9uLWNvbG9yLS1ncmF5NjAwXCJcbiAgICB9fT57YFRlcnRpYXJ5IGFjdGlvbiBjb2xvciDigJQgZ3JheS42MDBgfTwvaDM+XG4gICAgPHA+e2BGb3Igb3VyIG11dGVkIHRlcnRpYXJ5IGJ1dHRvbnMgdG8gc3RhbmQgb3V0IGFnYWluc3QgdGhlIG5vbi1pbnRlcmFjdGl2ZSB0ZXh0IHdlIHVzZSBkYXJrZXIgZ3JheS42MDBgfTwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4U291cmNlPVwiJTBBJTNDTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBkaXJlY3Rpb249JTIyY29sdW1uJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFZ3JheS41MDAlM0MvQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDRmFrZVRleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMb3JlbUlwc3VtJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9GYWtlVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGRpcmVjdGlvbj0lMjJjb2x1bW4lMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NDb2RlTGFiZWwlM0VncmF5LjYwMCUyMCslMjBpdm9yeSUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnRlcnRpYXJ5JTIyJTNFRG8lMjB0aGUlMjBUaGluZyUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxMYXlvdXRGbGV4IG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5ncmF5LjUwMDwvQ29kZUxhYmVsPlxuICAgICAgICAgICAgPEZha2VUZXh0IG1keFR5cGU9XCJGYWtlVGV4dFwiPlxuICAgICAgICAgICAgICAgIDxMb3JlbUlwc3VtIG1keFR5cGU9XCJMb3JlbUlwc3VtXCIgLz5cbiAgICAgICAgICAgIDwvRmFrZVRleHQ+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPmdyYXkuNjAwICsgaXZvcnk8L0NvZGVMYWJlbD5cbiAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbWR4VHlwZT1cIkJ1dHRvblwiPkRvIHRoZSBUaGluZzwvQnV0dG9uPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgIDxTdG9yeU5vdGUgbWR4VHlwZT1cIlN0b3J5Tm90ZVwiPlxuICAgIFNpbmNlIDxjb2RlPnRlcnRpYXJ5PC9jb2RlPiBidXR0b25zIHVzZSB0aGUgc2FtZSA8Y29kZT5pdm9yeTwvY29kZT4gYmFja2dyb3VuZCBhcyB0aGUgdG9wLWxldmVsXG4gICAgY29udGFpbmVyIHRoZXkgc2hvdWxkbid0IGJlIHVzZWQgaXQgYXMgaXRzIGRpcmVjdCBjaGlsZHJlbi4gUHV0IHRoZW0gaW50byBhIGNhcmQgb3IgdXNlXG4gICAgZGlmZmVyZW50IGJ1dHRvbiB2YXJpYW50LlxuICAgIDwvU3RvcnlOb3RlPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInByb3ZpZGVkLXRvb2xpbmdcIlxuICAgIH19PntgUHJvdmlkZWQgdG9vbGluZ2B9PC9oMj5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BBY2Nlc3MgdG8gbmV3IHBhbGV0dGUgaXMgcHJvdmlkZWQgdmlhIEZpZ21hIExpYnJhcnkgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YERlc2lnbiBTeXN0ZW0gQWxwaGFgfTwvaW5saW5lQ29kZT57YCBmb3IgZGVzaWduZXJzYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgQ29sb3IgdmFsdWVzIGZvciBkZXZlbG9wZXJzIGFyZSBwcm92aWRlZCB0aHJvdWdoIGB9PGEgcGFyZW50TmFtZT1cImxpXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLXRva2VuLWV4cGxvcmVyLS1wYWdlXCJcbiAgICAgICAgfX0+e2B0b2tlbnNgfTwvYT57YC4gUmF3IGNvbG9ycyBhcmUgaW4gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHJvb3QucGFsZXR0ZWB9PC9pbmxpbmVDb2RlPntgIG5hbWVzcGFjZSwgc2VtYW50aWMgYXJlIGluIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2Bjb250ZW50YH08L2lubGluZUNvZGU+e2AsIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BiYWNrZ3JvdW5kYH08L2lubGluZUNvZGU+e2AsIGFuZCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgYWN0aW9uYH08L2lubGluZUNvZGU+e2AuIFRvIG1ha2Ugc3VyZSB5b3UncmUgdXNpbmcgdGhlIG5ldyBjb2xvcnMgYW5kIG5vdCB0aGUgbGVnYWN5IGZhbGxiYWNrcyBjaGVjayBpZiB5b3UncmUgdXNpbmcgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGJvbGQtdWlgfTwvaW5saW5lQ29kZT57YCBgfTxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItcm9vdC1wcm92aWRlcnMtcm9vdHByb3ZpZGVyLS1wYWdlI3RoZW1lLXN0cmluZ1wiXG4gICAgICAgIH19PntgdGhlbWVgfTwvYT57YC5gfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BJbmZvbWF0aW9uIGFib3V0IGNvbG9yIGNvbWJpbmF0aW9ucyBhbmQgdXBncmFkZSBwYXRocyBmb3IgbGVnYWN5IGNvbG9ycyBpcyBwcm92aWRlZCBpbiBvdXIgRmlnbWEgbGlicmFyeSB3aXRoIGNvbW1lbnRzIChob3ZlciBvdmVyIHRoZSBjb2xvcnMgaW4gdGhlIHN0eWxlIHNlbGVjdGlvbiBkaWFsb2cpYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvc3R5bGUtZGlhbG9nLWZpZ21hLnBuZ1wiIGFsdD1cIlN0eWxlIHNlbGVjdGlvbiBkaWFsb2cgaW4gRmlnbWFcIiB3aWR0aD1cIjQ3N1wiIC8+XG4gICAge1xuICAgICAgLyogLSBUb2tlbnMgKi9cbiAgICB9XG4gICAgPHA+PGVtIHBhcmVudE5hbWU9XCJwXCI+e2BUbyBiZSBjb250aW51ZWTigKZgfTwvZW0+PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnRm91bmRhdGlvbnMvQ29sb3InLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/20.foundations/10.color.stories.mdx\n')},"../docs-pages/docs/pages/20.foundations/20.typography.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Heading/Heading.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../packages/web-lib/dist/components/Text/Text.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Foundations/Typography",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "typography"\n }, "Typography"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Text is primary information medium that Preply uses to speak to our learners. To ensure readability and hierarchy our type system provides a limited palette of specific type parameters."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "font-family"\n }, "Font family"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "We use universally in all contexts ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "Roboto"), " ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://github.com/googlefonts/roboto",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "typeface family"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutFlex%20direction=%22column%22%20gap=%22s%22%3E%0A%20%20%20%20%20%20%20%20%3CHeading%20level=%22h1%22%3EBrake%20pressure%20low%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant=%22l%22%3EFix%20problem%20quickly%20with%20galvanized%20jets.%3C/Text%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant=%22m%22%3EPack%20my%20red%20box%20with%20five%20dozen%20quality%20jugs.%3C/Text%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant=%22s%22%3EQuick%20brown%20fox%20jumps%20over%20the%20lazy%20dog.%3C/Text%3E%0A%20%20%20%20%3C/LayoutFlex%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Heading */ "a"], {\n level: "h1",\n mdxType: "Heading"\n }, "Brake pressure low"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "l",\n mdxType: "Text"\n }, "Fix problem quickly with galvanized jets."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "m",\n mdxType: "Text"\n }, "Pack my red box with five dozen quality jugs."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "s",\n mdxType: "Text"\n }, "Quick brown fox jumps over the lazy dog."))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "variants"\n }, "Variants"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Our variants are organized around a set of sizes from ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "xs"), " to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "xl"), ". These are supplemented by specific weights with some being available for all sizes and some only for selected ones. "), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutFlex%20gap=%22s%22%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20gap=%22xl%22%20alignItems=%22end%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%20gap=%22s%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant=%22xl%22%3EBrake%20pressure%20low%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant=%22l%22%3EWhen%20zombies%20arrive%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant=%22m%22%3EPack%20my%20red%20box%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant=%22s%22%3ELovak%20won%20the%20squad%20prize%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%20gap=%22s%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant=%22xl-medium%22%3EButtery%20handgloves%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant=%22l-medium%22%3EDumpy%20kibitzer%20jingles%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant=%22m-medium%22%3EA%20wizard\'s%20job%20is%20to%20vex%20chumps%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant=%22s-medium%22%3EBrick%20quiz%20whangs!%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%20gap=%22s%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant=%22m-bold%22%3ETwelve%20ziggurats%20quickly%20jumped%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CText%20variant=%22s-bold%22%3EQuick%20wafting%20zephyrs%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant=%22s%22%3EJacky%20can%20now%20give%20six%20big%20tips%3C/Text%3E%0A%20%20%20%20%3C/LayoutFlex%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "xl",\n alignItems: "end",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "xl",\n mdxType: "Text"\n }, "Brake pressure low"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "l",\n mdxType: "Text"\n }, "When zombies arrive"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "m",\n mdxType: "Text"\n }, "Pack my red box"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "s",\n mdxType: "Text"\n }, "Lovak won the squad prize")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "xl-medium",\n mdxType: "Text"\n }, "Buttery handgloves"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "l-medium",\n mdxType: "Text"\n }, "Dumpy kibitzer jingles"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "m-medium",\n mdxType: "Text"\n }, "A wizard\'s job is to vex chumps"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "s-medium",\n mdxType: "Text"\n }, "Brick quiz whangs!")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "m-bold",\n mdxType: "Text"\n }, "Twelve ziggurats quickly jumped"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "s-bold",\n mdxType: "Text"\n }, "Quick wafting zephyrs"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "s",\n mdxType: "Text"\n }, "Jacky can now give six big tips"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "All sizes except ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "xs"), " also support ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "italic"), " for additional emphasis."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutFlex%20direction=%22column%22%20gap=%22m%22%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant=%22xl-italic%22%3EFix%20problem%20quickly%20with%20galvanized%20jets.%3C/Text%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant=%22l-italic%22%3EWhen%20zombies%20arrive,%20quickly%20fax%20judge%20Pat.%3C/Text%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant=%22m-italic%22%3EPack%20my%20red%20box%20with%20five%20dozen%20quality%20jugs.%3C/Text%3E%0A%20%20%20%20%20%20%20%20%3CText%20variant=%22s-italic%22%3ELovak%20won%20the%20squad%20prize%20cup%20for%20sixty%20big%20jumps.%3C/Text%3E%0A%20%20%20%20%3C/LayoutFlex%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "m",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "xl-italic",\n mdxType: "Text"\n }, "Fix problem quickly with galvanized jets."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "l-italic",\n mdxType: "Text"\n }, "When zombies arrive, quickly fax judge Pat."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "m-italic",\n mdxType: "Text"\n }, "Pack my red box with five dozen quality jugs."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "s-italic",\n mdxType: "Text"\n }, "Lovak won the squad prize cup for sixty big jumps."))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "headings"\n }, "Headings"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Headings are ordered by their ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "level"), " from ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "h1"), " to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "h3"), ". For additional visual distinction they also have ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "large"), " variants."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutFlex%20gap=%22l%22%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%20gap=%22l%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeading%20level=%22h1%22%3EBrake%20pressure%20low%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeading%20level=%22h2%22%3EButtery%20handgloves%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeading%20level=%22h3%22%3ESuperman%20is%20nowhere%20to%20be%20found%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20direction=%22column%22%20gap=%22xs%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeading%20level=%22h1%22%20large%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Brake%20pressure%20low%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeading%20level=%22h2%22%20large%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Buttery%20handgloves%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeading%20level=%22h3%22%20large%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20Superman%20is%20nowhere%20to%20be%20found%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%3C/LayoutFlex%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "l",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "l",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Heading */ "a"], {\n level: "h1",\n mdxType: "Heading"\n }, "Brake pressure low"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Heading */ "a"], {\n level: "h2",\n mdxType: "Heading"\n }, "Buttery handgloves"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Heading */ "a"], {\n level: "h3",\n mdxType: "Heading"\n }, "Superman is nowhere to be found")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "xs",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Heading */ "a"], {\n level: "h1",\n large: true,\n mdxType: "Heading"\n }, "Brake pressure low"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Heading */ "a"], {\n level: "h2",\n large: true,\n mdxType: "Heading"\n }, "Buttery handgloves"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Heading */ "a"], {\n level: "h3",\n large: true,\n mdxType: "Heading"\n }, "Superman is nowhere to be found")))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "application-recommendations"\n }, "Application recommendations"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDoDont */ "t"], {\n mdxType: "StoryDoDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "s"], {\n mdxType: "StoryDo"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use line breaks, space, weight, and color to establish hierarchy in a group"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "2xs",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "m-bold",\n mdxType: "Text"\n }, "Business English"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "m",\n mdxType: "Text"\n }, "Improve skills for professional communication"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "m",\n mdxType: "Text"\n }, "Certified C1")))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "u"], {\n mdxType: "StoryDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Don\'t use lots of different sizes and styles in a single composition"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n justifyContent: "end",\n direction: "column",\n gap: "xs",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "m",\n mdxType: "Text"\n }, "Business English"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "xl",\n mdxType: "Text"\n }, "Improve skills for professional communication"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "xs",\n mdxType: "Text"\n }, "Certified C1")))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "s"], {\n mdxType: "StoryDo"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Be mindful of real-world content, when choosing variant make sure to know what amount of content will be used."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "xs",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "xl-medium",\n mdxType: "Text"\n }, "Nahrungsmittelunvertr\\xE4glichkeit"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "xl-medium",\n mdxType: "Text"\n }, "food intolerance")))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "u"], {\n mdxType: "StoryDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Don\\u2019t use small type size for content that is important for learners to read and understand, especially when the small size is combined with muted color"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Text */ "a"], {\n variant: "xs",\n accent: "secondary",\n mdxType: "Text"\n }, "Delete account?"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "xs",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Okay"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__[/* Button */ "a"], {\n variant: "quaternary",\n mdxType: "Button"\n }, "Cancel")))))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "supported-tooling"\n }, "Supported tooling"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Styles in Figma"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/components-text-docs--page"\n }, "Text"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/components-heading-docs--page"\n }, "Heading"), " components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/guides-assets-fonts--page"\n }, "Font assets"), " for usage in web applications")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("em", {\n parentName: "p"\n }, "To be continued\\u2026")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Foundations/Typography\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zLzIwLnR5cG9ncmFwaHkuc3Rvcmllcy5tZHg/NDk4MyJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQSxJQUFNQSxXQUFXLEdBQUcsRUFBcEI7QUFHQSxJQUFNQyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFLTCxrRUFBQyxrRUFBRDtBQUFNLFNBQUssRUFBQyx3QkFBWjtBQUFxQyxjQUFVLEVBQUU7QUFDL0NFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEeUMsS0FBakQ7QUFJRyxXQUFPLEVBQUM7QUFKWCxJQUxLLEVBVUw7QUFDRSxVQUFNO0FBRFIsa0JBVkssRUFhTCx5UUFiSyxFQWNMO0FBQ0UsVUFBTTtBQURSLG1CQWRLLEVBaUJMLG9IQUEwQztBQUFZLGNBQVUsRUFBQztBQUF2QixjQUExQyxPQUFpRztBQUFHLGNBQVUs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QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsd0JBQVQ7QUFBbUNILFlBQVUsRUFBRTtBQUNuRU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDZELEdBQS9DO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvMjAudHlwb2dyYXBoeS5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IFN0b3J5RG8sIFN0b3J5RG9Eb250LCBTdG9yeURvbnQgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBCdXR0b24sIEhlYWRpbmcsIExheW91dEZsZXgsIFRleHQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiRm91bmRhdGlvbnMvVHlwb2dyYXBoeVwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwidHlwb2dyYXBoeVwiXG4gICAgfX0+e2BUeXBvZ3JhcGh5YH08L2gxPlxuICAgIDxwPntgVGV4dCBpcyBwcmltYXJ5IGluZm9ybWF0aW9uIG1lZGl1bSB0aGF0IFByZXBseSB1c2VzIHRvIHNwZWFrIHRvIG91ciBsZWFybmVycy4gVG8gZW5zdXJlIHJlYWRhYmlsaXR5IGFuZCBoaWVyYXJjaHkgb3VyIHR5cGUgc3lzdGVtIHByb3ZpZGVzIGEgbGltaXRlZCBwYWxldHRlIG9mIHNwZWNpZmljIHR5cGUgcGFyYW1ldGVycy5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJmb250LWZhbWlseVwiXG4gICAgfX0+e2BGb250IGZhbWlseWB9PC9oMj5cbiAgICA8cD57YFdlIHVzZSB1bml2ZXJzYWxseSBpbiBhbGwgY29udGV4dHMgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgUm9ib3RvYH08L2lubGluZUNvZGU+e2AgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vZ2l0aHViLmNvbS9nb29nbGVmb250cy9yb2JvdG9cIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgdHlwZWZhY2UgZmFtaWx5YH08L2E+e2AuYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0xheW91dEZsZXglMjBkaXJlY3Rpb249JTIyY29sdW1uJTIyJTIwZ2FwPSUyMnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIZWFkaW5nJTIwbGV2ZWw9JTIyaDElMjIlM0VCcmFrZSUyMHByZXNzdXJlJTIwbG93JTNDL0hlYWRpbmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJsJTIyJTNFRml4JTIwcHJvYmxlbSUyMHF1aWNrbHklMjB3aXRoJTIwZ2FsdmFuaXplZCUyMGpldHMuJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJtJTIyJTNFUGFjayUyMG15JTIwcmVkJTIwYm94JTIwd2l0aCUyMGZpdmUlMjBkb3plbiUyMHF1YWxpdHklMjBqdWdzLiUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIycyUyMiUzRVF1aWNrJTIwYnJvd24lMjBmb3glMjBqdW1wcyUyMG92ZXIlMjB0aGUlMjBsYXp5JTIwZG9nLiUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwic1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxIZWFkaW5nIGxldmVsPVwiaDFcIiBtZHhUeXBlPVwiSGVhZGluZ1wiPkJyYWtlIHByZXNzdXJlIGxvdzwvSGVhZGluZz5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cImxcIiBtZHhUeXBlPVwiVGV4dFwiPkZpeCBwcm9ibGVtIHF1aWNrbHkgd2l0aCBnYWx2YW5pemVkIGpldHMuPC9UZXh0PlxuICAgICAgICA8VGV4dCB2YXJpYW50PVwibVwiIG1keFR5cGU9XCJUZXh0XCI+UGFjayBteSByZWQgYm94IHdpdGggZml2ZSBkb3plbiBxdWFsaXR5IGp1Z3MuPC9UZXh0PlxuICAgICAgICA8VGV4dCB2YXJpYW50PVwic1wiIG1keFR5cGU9XCJUZXh0XCI+UXVpY2sgYnJvd24gZm94IGp1bXBzIG92ZXIgdGhlIGxhenkgZG9nLjwvVGV4dD5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPC9DYW52YXM+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwidmFyaWFudHNcIlxuICAgIH19PntgVmFyaWFudHNgfTwvaDI+XG4gICAgPHA+e2BPdXIgdmFyaWFudHMgYXJlIG9yZ2FuaXplZCBhcm91bmQgYSBzZXQgb2Ygc2l6ZXMgZnJvbSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B4c2B9PC9pbmxpbmVDb2RlPntgIHRvIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHhsYH08L2lubGluZUNvZGU+e2AuIFRoZXNlIGFyZSBzdXBwbGVtZW50ZWQgYnkgc3BlY2lmaWMgd2VpZ2h0cyB3aXRoIHNvbWUgYmVpbmcgYXZhaWxhYmxlIGZvciBhbGwgc2l6ZXMgYW5kIHNvbWUgb25seSBmb3Igc2VsZWN0ZWQgb25lcy4gYH17XG4gICAgICAgIC8qIEFkZGl0aW9uYWwgdHlwb2dyYXBoaWMgcGFyYW1ldGVycyAobGV0dGVyLXNwYWNpbmcsIGxpbmUtaGVpZ2h0LCBvcGVudHlwZSBmZWF0dXJlcyBhcmUgcHJvdmlkZWQgYXV0b21hdGljYWxseSkuICovXG4gICAgICB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMnhsJTIyJTIwYWxpZ25JdGVtcz0lMjJlbmQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUyMGdhcD0lMjJzJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIyeGwlMjIlM0VCcmFrZSUyMHByZXNzdXJlJTIwbG93JTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJsJTIyJTNFV2hlbiUyMHpvbWJpZXMlMjBhcnJpdmUlM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMm0lMjIlM0VQYWNrJTIwbXklMjByZWQlMjBib3glM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMnMlMjIlM0VMb3ZhayUyMHdvbiUyMHRoZSUyMHNxdWFkJTIwcHJpemUlM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGRpcmVjdGlvbj0lMjJjb2x1bW4lMjIlMjBnYXA9JTIycyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMnhsLW1lZGl1bSUyMiUzRUJ1dHRlcnklMjBoYW5kZ2xvdmVzJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJsLW1lZGl1bSUyMiUzRUR1bXB5JTIwa2liaXR6ZXIlMjBqaW5nbGVzJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJtLW1lZGl1bSUyMiUzRUElMjB3aXphcmQncyUyMGpvYiUyMGlzJTIwdG8lMjB2ZXglMjBjaHVtcHMlM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMnMtbWVkaXVtJTIyJTNFQnJpY2slMjBxdWl6JTIwd2hhbmdzISUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUyMGdhcD0lMjJzJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIybS1ib2xkJTIyJTNFVHdlbHZlJTIwemlnZ3VyYXRzJTIwcXVpY2tseSUyMGp1bXBlZCUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIycy1ib2xkJTIyJTNFUXVpY2slMjB3YWZ0aW5nJTIwemVwaHlycyUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMnMlMjIlM0VKYWNreSUyMGNhbiUyMG5vdyUyMGdpdmUlMjBzaXglMjBiaWclMjB0aXBzJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TGF5b3V0RmxleCBnYXA9XCJzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPExheW91dEZsZXggZ2FwPVwieGxcIiBhbGlnbkl0ZW1zPVwiZW5kXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cInNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ4bFwiIG1keFR5cGU9XCJUZXh0XCI+QnJha2UgcHJlc3N1cmUgbG93PC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJsXCIgbWR4VHlwZT1cIlRleHRcIj5XaGVuIHpvbWJpZXMgYXJyaXZlPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJtXCIgbWR4VHlwZT1cIlRleHRcIj5QYWNrIG15IHJlZCBib3g8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInNcIiBtZHhUeXBlPVwiVGV4dFwiPkxvdmFrIHdvbiB0aGUgc3F1YWQgcHJpemU8L1RleHQ+XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCJzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwieGwtbWVkaXVtXCIgbWR4VHlwZT1cIlRleHRcIj5CdXR0ZXJ5IGhhbmRnbG92ZXM8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cImwtbWVkaXVtXCIgbWR4VHlwZT1cIlRleHRcIj5EdW1weSBraWJpdHplciBqaW5nbGVzPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJtLW1lZGl1bVwiIG1keFR5cGU9XCJUZXh0XCI+QSB3aXphcmQncyBqb2IgaXMgdG8gdmV4IGNodW1wczwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwicy1tZWRpdW1cIiBtZHhUeXBlPVwiVGV4dFwiPkJyaWNrIHF1aXogd2hhbmdzITwvVGV4dD5cbiAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cInNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJtLWJvbGRcIiBtZHhUeXBlPVwiVGV4dFwiPlR3ZWx2ZSB6aWdndXJhdHMgcXVpY2tseSBqdW1wZWQ8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInMtYm9sZFwiIG1keFR5cGU9XCJUZXh0XCI+UXVpY2sgd2FmdGluZyB6ZXBoeXJzPC9UZXh0PlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJzXCIgbWR4VHlwZT1cIlRleHRcIj5KYWNreSBjYW4gbm93IGdpdmUgc2l4IGJpZyB0aXBzPC9UZXh0PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICA8cD57YEFsbCBzaXplcyBleGNlcHQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgeHNgfTwvaW5saW5lQ29kZT57YCBhbHNvIHN1cHBvcnQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgaXRhbGljYH08L2lubGluZUNvZGU+e2AgZm9yIGFkZGl0aW9uYWwgZW1waGFzaXMuYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0xheW91dEZsZXglMjBkaXJlY3Rpb249JTIyY29sdW1uJTIyJTIwZ2FwPSUyMm0lMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJ4bC1pdGFsaWMlMjIlM0VGaXglMjBwcm9ibGVtJTIwcXVpY2tseSUyMHdpdGglMjBnYWx2YW5pemVkJTIwamV0cy4lM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMmwtaXRhbGljJTIyJTNFV2hlbiUyMHpvbWJpZXMlMjBhcnJpdmUsJTIwcXVpY2tseSUyMGZheCUyMGp1ZGdlJTIwUGF0LiUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIybS1pdGFsaWMlMjIlM0VQYWNrJTIwbXklMjByZWQlMjBib3glMjB3aXRoJTIwZml2ZSUyMGRvemVuJTIwcXVhbGl0eSUyMGp1Z3MuJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJzLWl0YWxpYyUyMiUzRUxvdmFrJTIwd29uJTIwdGhlJTIwc3F1YWQlMjBwcml6ZSUyMGN1cCUyMGZvciUyMHNpeHR5JTIwYmlnJTIwanVtcHMuJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCJtXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cInhsLWl0YWxpY1wiIG1keFR5cGU9XCJUZXh0XCI+Rml4IHByb2JsZW0gcXVpY2tseSB3aXRoIGdhbHZhbml6ZWQgamV0cy48L1RleHQ+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJsLWl0YWxpY1wiIG1keFR5cGU9XCJUZXh0XCI+V2hlbiB6b21iaWVzIGFycml2ZSwgcXVpY2tseSBmYXgganVkZ2UgUGF0LjwvVGV4dD5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cIm0taXRhbGljXCIgbWR4VHlwZT1cIlRleHRcIj5QYWNrIG15IHJlZCBib3ggd2l0aCBmaXZlIGRvemVuIHF1YWxpdHkganVncy48L1RleHQ+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJzLWl0YWxpY1wiIG1keFR5cGU9XCJUZXh0XCI+TG92YWsgd29uIHRoZSBzcXVhZCBwcml6ZSBjdXAgZm9yIHNpeHR5IGJpZyBqdW1wcy48L1RleHQ+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImhlYWRpbmdzXCJcbiAgICB9fT57YEhlYWRpbmdzYH08L2gyPlxuICAgIDxwPntgSGVhZGluZ3MgYXJlIG9yZGVyZWQgYnkgdGhlaXIgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgbGV2ZWxgfTwvaW5saW5lQ29kZT57YCBmcm9tIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGgxYH08L2lubGluZUNvZGU+e2AgdG8gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgaDNgfTwvaW5saW5lQ29kZT57YC4gRm9yIGFkZGl0aW9uYWwgdmlzdWFsIGRpc3RpbmN0aW9uIHRoZXkgYWxzbyBoYXZlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGxhcmdlYH08L2lubGluZUNvZGU+e2AgdmFyaWFudHMuYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0xheW91dEZsZXglMjBnYXA9JTIybCUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBkaXJlY3Rpb249JTIyY29sdW1uJTIyJTIwZ2FwPSUyMmwlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIZWFkaW5nJTIwbGV2ZWw9JTIyaDElMjIlM0VCcmFrZSUyMHByZXNzdXJlJTIwbG93JTNDL0hlYWRpbmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIZWFkaW5nJTIwbGV2ZWw9JTIyaDIlMjIlM0VCdXR0ZXJ5JTIwaGFuZGdsb3ZlcyUzQy9IZWFkaW5nJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGVhZGluZyUyMGxldmVsPSUyMmgzJTIyJTNFU3VwZXJtYW4lMjBpcyUyMG5vd2hlcmUlMjB0byUyMGJlJTIwZm91bmQlM0MvSGVhZGluZyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGRpcmVjdGlvbj0lMjJjb2x1bW4lMjIlMjBnYXA9JTIyeHMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIZWFkaW5nJTIwbGV2ZWw9JTIyaDElMjIlMjBsYXJnZSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMEJyYWtlJTIwcHJlc3N1cmUlMjBsb3clMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvSGVhZGluZyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0hlYWRpbmclMjBsZXZlbD0lMjJoMiUyMiUyMGxhcmdlJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwQnV0dGVyeSUyMGhhbmRnbG92ZXMlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvSGVhZGluZyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0hlYWRpbmclMjBsZXZlbD0lMjJoMyUyMiUyMGxhcmdlJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwU3VwZXJtYW4lMjBpcyUyMG5vd2hlcmUlMjB0byUyMGJlJTIwZm91bmQlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvSGVhZGluZyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEZsZXggZ2FwPVwibFwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cImxcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoMVwiIG1keFR5cGU9XCJIZWFkaW5nXCI+QnJha2UgcHJlc3N1cmUgbG93PC9IZWFkaW5nPlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoMlwiIG1keFR5cGU9XCJIZWFkaW5nXCI+QnV0dGVyeSBoYW5kZ2xvdmVzPC9IZWFkaW5nPlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoM1wiIG1keFR5cGU9XCJIZWFkaW5nXCI+U3VwZXJtYW4gaXMgbm93aGVyZSB0byBiZSBmb3VuZDwvSGVhZGluZz5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCJ4c1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgxXCIgbGFyZ2UgbWR4VHlwZT1cIkhlYWRpbmdcIj5cbiAgICAgICAgICAgICAgICBCcmFrZSBwcmVzc3VyZSBsb3dcbiAgICAgICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAgICAgIDxIZWFkaW5nIGxldmVsPVwiaDJcIiBsYXJnZSBtZHhUeXBlPVwiSGVhZGluZ1wiPlxuICAgICAgICAgICAgICAgIEJ1dHRlcnkgaGFuZGdsb3Zlc1xuICAgICAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoM1wiIGxhcmdlIG1keFR5cGU9XCJIZWFkaW5nXCI+XG4gICAgICAgICAgICAgICAgU3VwZXJtYW4gaXMgbm93aGVyZSB0byBiZSBmb3VuZFxuICAgICAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImFwcGxpY2F0aW9uLXJlY29tbWVuZGF0aW9uc1wiXG4gICAgfX0+e2BBcHBsaWNhdGlvbiByZWNvbW1lbmRhdGlvbnNgfTwvaDI+XG4gICAge1xuICAgICAgLyogRG8ncyBhbmQgRG9udCdzIGdvIGhlcmUgKi9cbiAgICB9XG4gICAgPFN0b3J5RG9Eb250IG1keFR5cGU9XCJTdG9yeURvRG9udFwiPlxuICAgICAgPFN0b3J5RG8gbWR4VHlwZT1cIlN0b3J5RG9cIj5cbiAgICA8cD5Vc2UgbGluZSBicmVha3MsIHNwYWNlLCB3ZWlnaHQsIGFuZCBjb2xvciB0byBlc3RhYmxpc2ggaGllcmFyY2h5IGluIGEgZ3JvdXA8L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwiMnhzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJtLWJvbGRcIiBtZHhUeXBlPVwiVGV4dFwiPkJ1c2luZXNzIEVuZ2xpc2g8L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibVwiIG1keFR5cGU9XCJUZXh0XCI+SW1wcm92ZSBza2lsbHMgZm9yIHByb2Zlc3Npb25hbCBjb21tdW5pY2F0aW9uPC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cIm1cIiBtZHhUeXBlPVwiVGV4dFwiPkNlcnRpZmllZCBDMTwvVGV4dD5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgICAgPC9TdG9yeURvPlxuICAgICAgPFN0b3J5RG9udCBtZHhUeXBlPVwiU3RvcnlEb250XCI+XG4gICAgPHA+RG9uJ3QgdXNlIGxvdHMgb2YgZGlmZmVyZW50IHNpemVzIGFuZCBzdHlsZXMgaW4gYSBzaW5nbGUgY29tcG9zaXRpb248L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICAgICAgPExheW91dEZsZXgganVzdGlmeUNvbnRlbnQ9XCJlbmRcIiBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCJ4c1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibVwiIG1keFR5cGU9XCJUZXh0XCI+QnVzaW5lc3MgRW5nbGlzaDwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ4bFwiIG1keFR5cGU9XCJUZXh0XCI+SW1wcm92ZSBza2lsbHMgZm9yIHByb2Zlc3Npb25hbCBjb21tdW5pY2F0aW9uPC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInhzXCIgbWR4VHlwZT1cIlRleHRcIj5DZXJ0aWZpZWQgQzE8L1RleHQ+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICAgIDwvU3RvcnlEb250PlxuICAgICAgPFN0b3J5RG8gbWR4VHlwZT1cIlN0b3J5RG9cIj5cbiAgICA8cD5cbiAgICAgICAgQmUgbWluZGZ1bCBvZiByZWFsLXdvcmxkIGNvbnRlbnQsIHdoZW4gY2hvb3NpbmcgdmFyaWFudCBtYWtlIHN1cmUgdG8ga25vdyB3aGF0IGFtb3VudCBvZlxuICAgICAgICBjb250ZW50IHdpbGwgYmUgdXNlZC5cbiAgICA8L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwieHNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInhsLW1lZGl1bVwiIG1keFR5cGU9XCJUZXh0XCI+TmFocnVuZ3NtaXR0ZWx1bnZlcnRyw6RnbGljaGtlaXQ8L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwieGwtbWVkaXVtXCIgbWR4VHlwZT1cIlRleHRcIj5mb29kIGludG9sZXJhbmNlPC9UZXh0PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9DYW52YXM+XG4gICAgICA8L1N0b3J5RG8+XG4gICAgICA8U3RvcnlEb250IG1keFR5cGU9XCJTdG9yeURvbnRcIj5cbiAgICA8cD5cbiAgICAgICAgRG9u4oCZdCB1c2Ugc21hbGwgdHlwZSBzaXplIGZvciBjb250ZW50IHRoYXQgaXMgaW1wb3J0YW50IGZvciBsZWFybmVycyB0byByZWFkIGFuZCB1bmRlcnN0YW5kLFxuICAgICAgICBlc3BlY2lhbGx5IHdoZW4gdGhlIHNtYWxsIHNpemUgaXMgY29tYmluZWQgd2l0aCBtdXRlZCBjb2xvclxuICAgIDwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCJzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ4c1wiIGFjY2VudD1cInNlY29uZGFyeVwiIG1keFR5cGU9XCJUZXh0XCI+XG4gICAgICAgICAgICAgICAgRGVsZXRlIGFjY291bnQ/XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJ4c1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+T2theTwvQnV0dG9uPlxuICAgICAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInF1YXRlcm5hcnlcIiBtZHhUeXBlPVwiQnV0dG9uXCI+Q2FuY2VsPC9CdXR0b24+XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICAgIDwvU3RvcnlEb250PlxuICAgIDwvU3RvcnlEb0RvbnQ+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwic3VwcG9ydGVkLXRvb2xpbmdcIlxuICAgIH19PntgU3VwcG9ydGVkIHRvb2xpbmdgfTwvaDI+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgU3R5bGVzIGluIEZpZ21hYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtdGV4dC1kb2NzLS1wYWdlXCJcbiAgICAgICAgfX0+e2BUZXh0YH08L2E+e2AgYW5kIGB9PGEgcGFyZW50TmFtZT1cImxpXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1oZWFkaW5nLWRvY3MtLXBhZ2VcIlxuICAgICAgICB9fT57YEhlYWRpbmdgfTwvYT57YCBjb21wb25lbnRzYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1hc3NldHMtZm9udHMtLXBhZ2VcIlxuICAgICAgICB9fT57YEZvbnQgYXNzZXRzYH08L2E+e2AgZm9yIHVzYWdlIGluIHdlYiBhcHBsaWNhdGlvbnNgfTwvbGk+XG4gICAgPC91bD5cbiAgICA8cD48ZW0gcGFyZW50TmFtZT1cInBcIj57YFRvIGJlIGNvbnRpbnVlZOKApmB9PC9lbT48L3A+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdGb3VuZGF0aW9ucy9UeXBvZ3JhcGh5JywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/20.foundations/20.typography.stories.mdx\n')},"../docs-pages/docs/pages/20.foundations/30.responsive-behavior.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Text/Text.js");\n/* harmony import */ var _hat_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-pages/docs/pages/hat.svg");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Foundations/Responsive behavior",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "responsive-behavior"\n }, "Responsive behavior"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "There are screens of different sizes. To aid design and development design system provides a set of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design#media_queries",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "breakpoints"), " and ways to use them with certain component props. Technology limitations make it an imperfect solution, but e.g. container queries are still ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://caniuse.com/css-container-queries",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "not ready"), " for production use."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Design system provides the tools, but you\'ll have to define the behavior."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "breakpoints"\n }, "Breakpoints"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("table", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("thead", {\n parentName: "table"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("tr", {\n parentName: "thead"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("th", {\n parentName: "tr",\n "align": "left"\n }, "breakpoint"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("th", {\n parentName: "tr",\n "align": "left"\n }, "value"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("tbody", {\n parentName: "table"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("tr", {\n parentName: "tbody"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "_"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "0")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("tr", {\n parentName: "tbody"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "narrow-l"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "400px")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("tr", {\n parentName: "tbody"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "medium-s"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "700px")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("tr", {\n parentName: "tbody"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "medium-l"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "880px")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("tr", {\n parentName: "tbody"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "wide-s"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "1200px")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("tr", {\n parentName: "tbody"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "wide-l"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("td", {\n parentName: "tr",\n "align": "left"\n }, "1900px")))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "We go from smallest breakpoint to widest (", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "mobile first"), ")."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "All the breakpoints indicate ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "minimal width"), " of the viewport. They ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "start"), " at their indicated value and go ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "up to, but not including"), " the next breakpoint. You don\'t need to use all of these when defining responsive behaviour, but you have an option to do so when dealing with realities of complex, content-rich UI."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/breakpoints01.svg",\n alt: "Breakpoint set"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The breakpoints are on the divides between device classes rather than exact resolutions. If we take a look at popular devices on the market they would fit into these intervals likes this:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/breakpoints02.svg",\n alt: "Breakpoint set matched with popular devices"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "To accomodate more existing device types and other factors (platform, models, usage in landscape orientation, non-full-screen modes) our breakpoints translate into the following intepretation:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/breakpoints03.svg",\n alt: "Breakpoint set labeled with device groupings"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "application-recommendations"\n }, "Application recommendations"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDoDont */ "t"], {\n mdxType: "StoryDoDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "s"], {\n mdxType: "StoryDo"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Increase component size or keep it static when screen size increases"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "xl",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "narrow-l"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Text */ "a"], {\n variant: "m",\n mdxType: "Text"\n }, "Text on mobile")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "wide-s"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Text */ "a"], {\n variant: "l",\n mdxType: "Text"\n }, "Text on desktop"))))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "u"], {\n mdxType: "StoryDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Don\'t decrease component size when screen size increases"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n gap: "xl",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "narrow-l"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Text */ "a"], {\n variant: "xl",\n mdxType: "Text"\n }, "Text on mobile")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n direction: "column",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "c"], {\n mdxType: "CodeLabel"\n }, "wide-s"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Text */ "a"], {\n variant: "xs",\n mdxType: "Text"\n }, "Text on desktop"))))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "s"], {\n mdxType: "StoryDo"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use simple column on small breakpoints"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/mobiledo.svg",\n alt: "Column on mobile"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "u"], {\n mdxType: "StoryDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Don\'t use complicated (multi-column) layout on small breakpoints"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/mobiledont.svg",\n alt: "Multi-column on mobile"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "s"], {\n mdxType: "StoryDo"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Make use of content grouping and", \' \', Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n href: "/story/components-layoutflex-docs--page#proptype-optional-responsive-typelayoutflexdirectiondirectionproptype"\n }, "direction switching")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/desktopdo.svg",\n alt: "Multi-column on desktop"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "u"], {\n mdxType: "StoryDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Don\'t stretch simple layout to the whole space on large breakpoints"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/desktopdont.svg",\n alt: "One column on desktop"\n }))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "supported-tooling"\n }, "Supported tooling"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Reference helper component in Figma"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/guides-responsive-props--page"\n }, "Responsive props"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("em", {\n parentName: "p"\n }, "To be continued\\u2026")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Foundations/Responsive behavior\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zLzMwLnJlc3BvbnNpdmUtYmVoYXZpb3Iuc3Rvcmllcy5tZHg/NzMxOSJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BTUwsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsaUNBQVo7QUFBOEMsY0FBVSxFQUFFO0FBQ3hERSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRGtELEtBQTFEO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFOSyxFQVdMO0FBQ0UsVUFBTTtBQURSLDJCQVhLLEVBY0wscUxBQTJHO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDdkcsWUFBUSwrRkFEK0Y7QUFFdkcsY0FBVSxRQUY2RjtBQUd2RyxXQUFPO0FB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QSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy8zMC5yZXNwb25zaXZlLWJlaGF2aW9yLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgQ29kZUxhYmVsLCBTdG9yeURvLCBTdG9yeURvRG9udCwgU3RvcnlEb250IH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgTGF5b3V0RmxleCwgVGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgaGF0IGZyb20gJy4uL2hhdC5zdmcnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJGb3VuZGF0aW9ucy9SZXNwb25zaXZlIGJlaGF2aW9yXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJyZXNwb25zaXZlLWJlaGF2aW9yXCJcbiAgICB9fT57YFJlc3BvbnNpdmUgYmVoYXZpb3JgfTwvaDE+XG4gICAgPHA+e2BUaGVyZSBhcmUgc2NyZWVucyBvZiBkaWZmZXJlbnQgc2l6ZXMuIFRvIGFpZCBkZXNpZ24gYW5kIGRldmVsb3BtZW50IGRlc2lnbiBzeXN0ZW0gcHJvdmlkZXMgYSBzZXQgb2YgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvTGVhcm4vQ1NTL0NTU19sYXlvdXQvUmVzcG9uc2l2ZV9EZXNpZ24jbWVkaWFfcXVlcmllc1wiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BicmVha3BvaW50c2B9PC9hPntgIGFuZCB3YXlzIHRvIHVzZSB0aGVtIHdpdGggY2VydGFpbiBjb21wb25lbnQgcHJvcHMuIFRlY2hub2xvZ3kgbGltaXRhdGlvbnMgbWFrZSBpdCBhbiBpbXBlcmZlY3Qgc29sdXRpb24sIGJ1dCBlLmcuIGNvbnRhaW5lciBxdWVyaWVzIGFyZSBzdGlsbCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9jYW5pdXNlLmNvbS9jc3MtY29udGFpbmVyLXF1ZXJpZXNcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19Pntgbm90IHJlYWR5YH08L2E+e2AgZm9yIHByb2R1Y3Rpb24gdXNlLmB9PC9wPlxuICAgIDxwPntgRGVzaWduIHN5c3RlbSBwcm92aWRlcyB0aGUgdG9vbHMsIGJ1dCB5b3UnbGwgaGF2ZSB0byBkZWZpbmUgdGhlIGJlaGF2aW9yLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImJyZWFrcG9pbnRzXCJcbiAgICB9fT57YEJyZWFrcG9pbnRzYH08L2gyPlxuICAgIDx0YWJsZT5cbiAgICAgIDx0aGVhZCBwYXJlbnROYW1lPVwidGFibGVcIj5cbiAgICAgICAgPHRyIHBhcmVudE5hbWU9XCJ0aGVhZFwiPlxuICAgICAgICAgIDx0aCBwYXJlbnROYW1lPVwidHJcIiB7Li4ue1xuICAgICAgICAgICAgXCJhbGlnblwiOiBcImxlZnRcIlxuICAgICAgICAgIH19PntgYnJlYWtwb2ludGB9PC90aD5cbiAgICAgICAgICA8dGggcGFyZW50TmFtZT1cInRyXCIgey4uLntcbiAgICAgICAgICAgIFwiYWxpZ25cIjogXCJsZWZ0XCJcbiAgICAgICAgICB9fT57YHZhbHVlYH08L3RoPlxuICAgICAgICA8L3RyPlxuICAgICAgPC90aGVhZD5cbiAgICAgIDx0Ym9keSBwYXJlbnROYW1lPVwidGFibGVcIj5cbiAgICAgICAgPHRyIHBhcmVudE5hbWU9XCJ0Ym9keVwiPlxuICAgICAgICAgIDx0ZCBwYXJlbnROYW1lPVwidHJcIiB7Li4ue1xuICAgICAgICAgICAgXCJhbGlnblwiOiBcImxlZnRcIlxuICAgICAgICAgIH19PntgX2B9PC90ZD5cbiAgICAgICAgICA8dGQgcGFyZW50TmFtZT1cInRyXCIgey4uLntcbiAgICAgICAgICAgIFwiYWxpZ25cIjogXCJsZWZ0XCJcbiAgICAgICAgICB9fT57YDBgfTwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICAgIDx0ciBwYXJlbnROYW1lPVwidGJvZHlcIj5cbiAgICAgICAgICA8dGQgcGFyZW50TmFtZT1cInRyXCIgey4uLntcbiAgICAgICAgICAgIFwiYWxpZ25cIjogXCJsZWZ0XCJcbiAgICAgICAgICB9fT57YG5hcnJvdy1sYH08L3RkPlxuICAgICAgICAgIDx0ZCBwYXJlbnROYW1lPVwidHJcIiB7Li4ue1xuICAgICAgICAgICAgXCJhbGlnblwiOiBcImxlZnRcIlxuICAgICAgICAgIH19PntgNDAwcHhgfTwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICAgIDx0ciBwYXJlbnROYW1lPVwidGJvZHlcIj5cbiAgICAgICAgICA8dGQgcGFyZW50TmFtZT1cInRyXCIgey4uLntcbiAgICAgICAgICAgIFwiYWxpZ25cIjogXCJsZWZ0XCJcbiAgICAgICAgICB9fT57YG1lZGl1bS1zYH08L3RkPlxuICAgICAgICAgIDx0ZCBwYXJlbnROYW1lPVwidHJcIiB7Li4ue1xuICAgICAgICAgICAgXCJhbGlnblwiOiBcImxlZnRcIlxuICAgICAgICAgIH19PntgNzAwcHhgfTwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICAgIDx0ciBwYXJlbnROYW1lPVwidGJvZHlcIj5cbiAgICAgICAgICA8dGQgcGFyZW50TmFtZT1cInRyXCIgey4uLntcbiAgICAgICAgICAgIFwiYWxpZ25cIjogXCJsZWZ0XCJcbiAgICAgICAgICB9fT57YG1lZGl1bS1sYH08L3RkPlxuICAgICAgICAgIDx0ZCBwYXJlbnROYW1lPVwidHJcIiB7Li4ue1xuICAgICAgICAgICAgXCJhbGlnblwiOiBcImxlZnRcIlxuICAgICAgICAgIH19PntgODgwcHhgfTwvdGQ+XG4gICAgICAgIDwvdHI+XG4gICAgICAgIDx0ciBwYXJlbnROYW1lPVwidGJvZHlcIj5cbiAgICAgICAgICA8dGQgcGFyZW50TmFtZT1cInRyXCIgey4uLntcbiAgICAgICAgICAgIFwiYWxpZ25cIjogXCJsZWZ0XCJcbiAgICAgICAgICB9fT57YHdpZGUtc2B9PC90ZD5cbiAgICAgICAgICA8dGQgcGFyZW50TmFtZT1cInRyXCIgey4uLntcbiAgICAgICAgICAgIFwiYWxpZ25cIjogXCJsZWZ0XCJcbiAgICAgICAgICB9fT57YDEyMDBweGB9PC90ZD5cbiAgICAgICAgPC90cj5cbiAgICAgICAgPHRyIHBhcmVudE5hbWU9XCJ0Ym9keVwiPlxuICAgICAgICAgIDx0ZCBwYXJlbnROYW1lPVwidHJcIiB7Li4ue1xuICAgICAgICAgICAgXCJhbGlnblwiOiBcImxlZnRcIlxuICAgICAgICAgIH19Pntgd2lkZS1sYH08L3RkPlxuICAgICAgICAgIDx0ZCBwYXJlbnROYW1lPVwidHJcIiB7Li4ue1xuICAgICAgICAgICAgXCJhbGlnblwiOiBcImxlZnRcIlxuICAgICAgICAgIH19PntgMTkwMHB4YH08L3RkPlxuICAgICAgICA8L3RyPlxuICAgICAgPC90Ym9keT5cbiAgICA8L3RhYmxlPlxuICAgIDxwPntgV2UgZ28gZnJvbSBzbWFsbGVzdCBicmVha3BvaW50IHRvIHdpZGVzdCAoYH08c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2Btb2JpbGUgZmlyc3RgfTwvc3Ryb25nPntgKS5gfTwvcD5cbiAgICA8cD57YEFsbCB0aGUgYnJlYWtwb2ludHMgaW5kaWNhdGUgYH08c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BtaW5pbWFsIHdpZHRoYH08L3N0cm9uZz57YCBvZiB0aGUgdmlld3BvcnQuIFRoZXkgYH08c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BzdGFydGB9PC9zdHJvbmc+e2AgYXQgdGhlaXIgaW5kaWNhdGVkIHZhbHVlIGFuZCBnbyBgfTxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YHVwIHRvLCBidXQgbm90IGluY2x1ZGluZ2B9PC9zdHJvbmc+e2AgdGhlIG5leHQgYnJlYWtwb2ludC4gWW91IGRvbid0IG5lZWQgdG8gdXNlIGFsbCBvZiB0aGVzZSB3aGVuIGRlZmluaW5nIHJlc3BvbnNpdmUgYmVoYXZpb3VyLCBidXQgeW91IGhhdmUgYW4gb3B0aW9uIHRvIGRvIHNvIHdoZW4gZGVhbGluZyB3aXRoIHJlYWxpdGllcyBvZiBjb21wbGV4LCBjb250ZW50LXJpY2ggVUkuYH08L3A+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvYnJlYWtwb2ludHMwMS5zdmdcIiBhbHQ9XCJCcmVha3BvaW50IHNldFwiIC8+XG4gICAgPHA+e2BUaGUgYnJlYWtwb2ludHMgYXJlIG9uIHRoZSBkaXZpZGVzIGJldHdlZW4gZGV2aWNlIGNsYXNzZXMgcmF0aGVyIHRoYW4gZXhhY3QgcmVzb2x1dGlvbnMuIElmIHdlIHRha2UgYSBsb29rIGF0IHBvcHVsYXIgZGV2aWNlcyBvbiB0aGUgbWFya2V0IHRoZXkgd291bGQgZml0IGludG8gdGhlc2UgaW50ZXJ2YWxzIGxpa2VzIHRoaXM6YH08L3A+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvYnJlYWtwb2ludHMwMi5zdmdcIiBhbHQ9XCJCcmVha3BvaW50IHNldCBtYXRjaGVkIHdpdGggcG9wdWxhciBkZXZpY2VzXCIgLz5cbiAgICA8cD57YFRvIGFjY29tb2RhdGUgbW9yZSBleGlzdGluZyBkZXZpY2UgdHlwZXMgYW5kIG90aGVyIGZhY3RvcnMgKHBsYXRmb3JtLCBtb2RlbHMsIHVzYWdlIGluIGxhbmRzY2FwZSBvcmllbnRhdGlvbiwgbm9uLWZ1bGwtc2NyZWVuIG1vZGVzKSBvdXIgYnJlYWtwb2ludHMgdHJhbnNsYXRlIGludG8gdGhlIGZvbGxvd2luZyBpbnRlcHJldGF0aW9uOmB9PC9wPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL2JyZWFrcG9pbnRzMDMuc3ZnXCIgYWx0PVwiQnJlYWtwb2ludCBzZXQgbGFiZWxlZCB3aXRoIGRldmljZSBncm91cGluZ3NcIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImFwcGxpY2F0aW9uLXJlY29tbWVuZGF0aW9uc1wiXG4gICAgfX0+e2BBcHBsaWNhdGlvbiByZWNvbW1lbmRhdGlvbnNgfTwvaDI+XG4gICAge1xuICAgICAgLyogRG8ncyBhbmQgRG9udCdzIGdvIGhlcmUgKi9cbiAgICB9XG4gICAgPFN0b3J5RG9Eb250IG1keFR5cGU9XCJTdG9yeURvRG9udFwiPlxuICAgICAgPFN0b3J5RG8gbWR4VHlwZT1cIlN0b3J5RG9cIj5cbiAgICA8cD5JbmNyZWFzZSBjb21wb25lbnQgc2l6ZSBvciBrZWVwIGl0IHN0YXRpYyB3aGVuIHNjcmVlbiBzaXplIGluY3JlYXNlczwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJ4bFwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPm5hcnJvdy1sPC9Db2RlTGFiZWw+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cIm1cIiBtZHhUeXBlPVwiVGV4dFwiPlRleHQgb24gbW9iaWxlPC9UZXh0PlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj53aWRlLXM8L0NvZGVMYWJlbD5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibFwiIG1keFR5cGU9XCJUZXh0XCI+VGV4dCBvbiBkZXNrdG9wPC9UZXh0PlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9DYW52YXM+XG4gICAgICA8L1N0b3J5RG8+XG4gICAgICA8U3RvcnlEb250IG1keFR5cGU9XCJTdG9yeURvbnRcIj5cbiAgICA8cD5Eb24ndCBkZWNyZWFzZSBjb21wb25lbnQgc2l6ZSB3aGVuIHNjcmVlbiBzaXplIGluY3JlYXNlczwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJ4bFwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPm5hcnJvdy1sPC9Db2RlTGFiZWw+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInhsXCIgbWR4VHlwZT1cIlRleHRcIj5UZXh0IG9uIG1vYmlsZTwvVGV4dD5cbiAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+d2lkZS1zPC9Db2RlTGFiZWw+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInhzXCIgbWR4VHlwZT1cIlRleHRcIj5UZXh0IG9uIGRlc2t0b3A8L1RleHQ+XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICAgIDwvU3RvcnlEb250PlxuICAgICAgPFN0b3J5RG8gbWR4VHlwZT1cIlN0b3J5RG9cIj5cbiAgICA8cD5Vc2Ugc2ltcGxlIGNvbHVtbiBvbiBzbWFsbCBicmVha3BvaW50czwvcD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9tb2JpbGVkby5zdmdcIiBhbHQ9XCJDb2x1bW4gb24gbW9iaWxlXCIgLz5cbiAgICAgIDwvU3RvcnlEbz5cbiAgICAgIDxTdG9yeURvbnQgbWR4VHlwZT1cIlN0b3J5RG9udFwiPlxuICAgIDxwPkRvbid0IHVzZSBjb21wbGljYXRlZCAobXVsdGktY29sdW1uKSBsYXlvdXQgb24gc21hbGwgYnJlYWtwb2ludHM8L3A+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvbW9iaWxlZG9udC5zdmdcIiBhbHQ9XCJNdWx0aS1jb2x1bW4gb24gbW9iaWxlXCIgLz5cbiAgICAgIDwvU3RvcnlEb250PlxuICAgICAgPFN0b3J5RG8gbWR4VHlwZT1cIlN0b3J5RG9cIj5cbiAgICA8cD5cbiAgICAgICAgTWFrZSB1c2Ugb2YgY29udGVudCBncm91cGluZyBhbmR7JyAnfVxuICAgICAgICA8YSBocmVmPVwiL3N0b3J5L2NvbXBvbmVudHMtbGF5b3V0ZmxleC1kb2NzLS1wYWdlI3Byb3B0eXBlLW9wdGlvbmFsLXJlc3BvbnNpdmUtdHlwZWxheW91dGZsZXhkaXJlY3Rpb25kaXJlY3Rpb25wcm9wdHlwZVwiPlxuICAgICAgICAgICAgZGlyZWN0aW9uIHN3aXRjaGluZ1xuICAgICAgICA8L2E+XG4gICAgPC9wPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL2Rlc2t0b3Bkby5zdmdcIiBhbHQ9XCJNdWx0aS1jb2x1bW4gb24gZGVza3RvcFwiIC8+XG4gICAgICA8L1N0b3J5RG8+XG4gICAgICA8U3RvcnlEb250IG1keFR5cGU9XCJTdG9yeURvbnRcIj5cbiAgICA8cD5Eb24ndCBzdHJldGNoIHNpbXBsZSBsYXlvdXQgdG8gdGhlIHdob2xlIHNwYWNlIG9uIGxhcmdlIGJyZWFrcG9pbnRzPC9wPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL2Rlc2t0b3Bkb250LnN2Z1wiIGFsdD1cIk9uZSBjb2x1bW4gb24gZGVza3RvcFwiIC8+XG4gICAgICA8L1N0b3J5RG9udD5cbiAgICA8L1N0b3J5RG9Eb250PlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInN1cHBvcnRlZC10b29saW5nXCJcbiAgICB9fT57YFN1cHBvcnRlZCB0b29saW5nYH08L2gyPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YFJlZmVyZW5jZSBoZWxwZXIgY29tcG9uZW50IGluIEZpZ21hYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1yZXNwb25zaXZlLXByb3BzLS1wYWdlXCJcbiAgICAgICAgfX0+e2BSZXNwb25zaXZlIHByb3BzYH08L2E+PC9saT5cbiAgICA8L3VsPlxuICAgIDxwPjxlbSBwYXJlbnROYW1lPVwicFwiPntgVG8gYmUgY29udGludWVk4oCmYH08L2VtPjwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0ZvdW5kYXRpb25zL1Jlc3BvbnNpdmUgYmVoYXZpb3InLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/20.foundations/30.responsive-behavior.stories.mdx\n')}}]);