@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.446ca554.iframe.bundle.js ADDED
@@ -0,0 +1 @@
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 */ "s"], {\n mdxType: "StoryDoDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "r"], {\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 */ "t"], {\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 */ "r"], {\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 */ "t"], {\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 */ "s"], {\n mdxType: "StoryDoDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "r"], {\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 */ "t"], {\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 */ "r"], {\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 */ "t"], {\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 */ "r"], {\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 */ "t"], {\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/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/web-lib/dist/components/Text/Text.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 */ "v"], {\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 */ "x"], {\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 */ "x"], {\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 */ "x"], {\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 */ "k"], {\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 */ "k"], {\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 */ "p"], {\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%3CText%20variant=%22m%22%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/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 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_web_lib__WEBPACK_IMPORTED_MODULE_12__[/* Text */ "a"], {\n variant: "m",\n mdxType: "Text"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* LoremIpsum */ "m"], {\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%3CText%20variant=%22m%22%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/Text%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_web_lib__WEBPACK_IMPORTED_MODULE_12__[/* Text */ "a"], {\n variant: "m",\n mdxType: "Text"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* LoremIpsum */ "m"], {\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 */ "v"], {\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zLzEwLmNvbG9yLnN0b3JpZXMubWR4PzEyOTIiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBUUE7QUFDQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BS0wsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsbUJBQVo7QUFBZ0MsY0FBVSxFQUFFO0FBQzFDRSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRG9DLEtBQTVDO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFMSyxFQVVMO0FBQ0UsVUFBTTtBQURSLGFBVkssRUFhTCxxWUFiSyxFQWNMO0FBQ0UsVUFBTTtBQURSLGVBZEssRUFpQkwsc09BQTRKO0FBQVksY0FBVSxFQUFDO0FBQXZCLFdBQTVKLFVBQW1OO0FBQVksY0FBVSxFQUFDO0FB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NkJBQUgsQ0FoTkssQ0FBUDtBQWtORDs7QUF0TlFMLFU7QUF3TlQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxtQkFBVDtBQUE4QkgsWUFBVSxFQUFFO0FBQzlETixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEd0QsR0FBMUM7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy8xMC5jb2xvci5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7XG4gICAgQ29kZUxhYmVsLFxuICAgIEZha2VWaWV3cG9ydCxcbiAgICBMb3JlbUlwc3VtLFxuICAgIFBzZXVkb0NhcmQsXG4gICAgU3RvcnlOb3RlLFxuICAgIFRva2VuRXhwbG9yZXJMaW5rLFxufSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBCdXR0b24sIExheW91dEZsZXgsIExheW91dEdyaWQsIFRleHQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiRm91bmRhdGlvbnMvQ29sb3JcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImNvbG9yXCJcbiAgICB9fT57YENvbG9yYH08L2gxPlxuICAgIDxwPntgQ29uc2lzdGVudCBjb2xvciB1c2FnZSBoZWxwcyB1cyB0byBrZWVwIGRpc3RpbmN0IHZpc3VhbCBzdHlsZSBhbmQgaGVscHMgb3VyIGxlYXJuZXJzIHdpdGggbmF2aWdhdGluZyB0aGUgc2NyZWVucy4gRGVzaWduIFN5c3RlbSdzIGNvbG9yIHBhbGV0dGUgaXMgYW4gdXBncmFkZSB0byB0aGUgdmFyaWV0eSBvZiBjb2xvciBzdHlsZXMgdXNlZCBhdCBQcmVwbHkgYmVmb3JlLiBJdCBhZGRyZXNzZXMgYWNjZXNzaWJpbGl0eSBjb25jZXJucyBhbmQgZ2l2ZXMgZGVzaWduZXJzIGFjY2VzcyB0byBtb3JlIHZpYnJhbnQgYW5kIHZhcmllZCBjb2xvcnMuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicGFsZXR0ZVwiXG4gICAgfX0+e2BQYWxldHRlYH08L2gyPlxuICAgIDxwPntgUGFsZXR0ZSBjb25zaXN0cyBvZiA2IGNvbG9yIGh1ZSBzY2FsZXMsIGdyYXkgc2NhbGUsIGl2b3J5LCBhbmQgd2hpdGUuIENvbG9yIHNjYWxlcyAodGVhbCwgbWFnZW50YSwgeWVsbG93LCBibHVlLCBncmVlbiwgcmVkKSBoYXZlIDUgc3RlcHMgZWFjaDogZnJvbSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2AxMDBgfTwvaW5saW5lQ29kZT57YCB0byBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A1MDBgfTwvaW5saW5lQ29kZT57YC4gR3JheSBzY2FsZSBhZGRpdGlvbmFsbHkgaGFzIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDYwMGB9PC9pbmxpbmVDb2RlPntgIHN0ZXAuIFdoaXRlIGFuZCBpdm9yeSBjb25zaXN0IG9mIG9ubHkgb25lIHN0ZXAuYH08L3A+XG4gICAgPExheW91dEZsZXggYWxpZ25JdGVtcz1cInN0YXJ0XCIgZ2FwPVwic1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwic1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPGgzPldoaXRlPC9oMz5cbiAgICAgICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3BhbGV0dGUtd2hpdGUuc3ZnXCIgYWx0PVwiV2hpdGVcIiAvPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPGgzPlRlYWw8L2gzPlxuICAgICAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS10ZWFsLnN2Z1wiIGFsdD1cIlRlYWwgc2NhbGVcIiAvPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cInNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxoMz5Jdm9yeTwvaDM+XG4gICAgICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLWl2b3J5LnN2Z1wiIGFsdD1cIkl2b3J5XCIgLz5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxoMz5HcmF5PC9oMz5cbiAgICAgICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3BhbGV0dGUtZ3JheS5zdmdcIiBhbHQ9XCJHcmF5IHNjYWxlXCIgLz5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPGgzPk1hZ2VudGE8L2gzPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLW1hZ2VudGEuc3ZnXCIgYWx0PVwiTWFnZW50YSBzY2FsZVwiIC8+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICA8aDM+WWVsbG93PC9oMz5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS15ZWxsb3cuc3ZnXCIgYWx0PVwiWWVsbG93IHNjYWxlXCIgLz5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxoMz5CbHVlPC9oMz5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS1ibHVlLnN2Z1wiIGFsdD1cIkJsdWUgc2NhbGVcIiAvPlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPGgzPkdyZWVuPC9oMz5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS1ncmVlbi5zdmdcIiBhbHQ9XCJHcmVlbiBzY2FsZVwiIC8+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICA8aDM+UmVkPC9oMz5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS1yZWQuc3ZnXCIgYWx0PVwiUmVkIHNjYWxlXCIgLz5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxwPntgVGVjaG5pY2FsIGluZm9ybWF0aW9uIGFib3V0IHByb2R1Y2luZyB0aGVzZSBzY2FsZXMgY2FuIGJlIGZvdW5kIGluIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2dpdGh1Yi5jb20vcHJlcGx5L2Rlc2lnbi1zeXN0ZW0vdHJlZS9tYWluL3N1cHBvcnQvZGVzaWduL2ZvdW5kYXRpb25zL2NvbG9yXCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YERlc2lnbiBTeXN0ZW0ncyByZXBvc2l0b3J5YH08L2E+e2AuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiY29tYmluaW5nLWNvbG9ycy1hY2Nlc3NpYmlsaXR5XCJcbiAgICB9fT57YENvbWJpbmluZyBjb2xvcnMsIGFjY2Vzc2liaWxpdHlgfTwvaDI+XG4gICAgPHA+e2BXaGVuIGNvbWJpbmluZyBjb2xvcnMgZnJvbSBvdXIgcGFsZXR0ZSB5b3Ugc2hvdWxkIHN0cml2ZSB0byBoYXZlIHN1ZmZpY2llbnQgY29udHJhc3QgZm9yIHRoZSBlbGVtZW50cywgdGhhdCBhcmUgc3VwcG9zZWQgdG8gYmUgY2xlYXIgYW5kIHJlYWRhYmxlIChlLmcuIHRleHQgYW5kIGljb25zKS4gVG8gYXNzaXN0IHlvdSB3aXRoIHRoYXQsIHRoZSBudW1iZXJlZCBzdGVwcyB3ZXJlIHNlbGVjdGVkIHN1Y2ggYXMgdGhleSBjb21iaW5lIGFzIGZvbGxvd3MgdG8gcHJvZHVjZSBgfTxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YGFjY2Vzc2libGUgY29tYmluYXRpb25zYH08L3N0cm9uZz57YDpgfTwvcD5cbiAgICA8b2w+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2AxMDBgfTwvaW5saW5lQ29kZT57YCB3aXRoIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2A0MDBgfTwvaW5saW5lQ29kZT57YCBhbmQgZGFya2VyOyBiYWNrZ3JvdW5kIGFuZCBmb3JlZ3JvdW5kYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgMjAwYH08L2lubGluZUNvZGU+e2Agd2l0aCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgNTAwYH08L2lubGluZUNvZGU+e2AgYW5kIGRhcmtlcjsgYmFja2dyb3VuZCBhbmQgZm9yZWdyb3VuZGB9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDMwMGB9PC9pbmxpbmVDb2RlPntgIHdpdGggYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHdoaXRlYH08L2lubGluZUNvZGU+e2A7IGB9PHN0cm9uZyBwYXJlbnROYW1lPVwibGlcIj57YGJhY2tncm91bmRgfTwvc3Ryb25nPntgIG9ubHlgfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aHIgLz5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BBYm92ZSByZWNvbW1lbmRhdGlvbnMgYXJlIGJhc2VkIG9uIGB9PGEgcGFyZW50TmFtZT1cImxpXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCJodHRwczovL3d3dy5teW5kZXguY29tL0FQQ0EvXCIsXG4gICAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgICB9fT57YEFQQ0FgfTwvYT57YCBhbGdvcml0aG1gfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BUaGUgdGhyZXNob2xkIGZvciBjb21iaW5hdGlvbnMgdGhhdCBhcmUgY29uc2lkZXJlZCBva2F5IGlzIGB9PHN0cm9uZz57YExgfTxzdXA+e2BjYH08L3N1cD57YCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntg4omlIDYwYH08L2lubGluZUNvZGU+PC9zdHJvbmc+e2A7IHRoaXMgaXMgc3VmZmljaWVudCBmb3IgbW9zdCBpbnRlcmZhY2UgZWxlbWVudHNgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BGb3IgYmlnIGJsb2NrcyBvZiB0ZXh0IGhpZ2hlciBjb250cmFzdCB2YWx1ZSBpcyByZWNvbW1lbmRlZCAoaS5lLiBncmF5IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2A2MDBgfTwvaW5saW5lQ29kZT57YCBoYXMgTGB9PHN1cD57YGNgfTwvc3VwPntgIG9mIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2AxMDRgfTwvaW5saW5lQ29kZT57YCBhZ2FpbnN0IHdoaXRlKWB9PC9saT5cbiAgICA8L3VsPlxuICAgIHtcbiAgICAgIC8qIERvJ3MgYW5kIERvbnQncyBnbyBoZXJlICovXG4gICAgfVxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInNlbWFudGljLWNvbG9yc1wiXG4gICAgfX0+e2BTZW1hbnRpYyBjb2xvcnNgfTwvaDI+XG4gICAgPFN0b3J5Tm90ZSBtZHhUeXBlPVwiU3RvcnlOb3RlXCI+XG4gICAgQXMgb2Ygbm93LCB0aGlzIGlzIGFuIGVhcmx5IHByb29mLW9mLWNvbmNlcHQuIFdlIGludGVuZCB0byBleHRlbmQgdGhlIG51bWJlciBvZiBzZW1hbnRpYyBjb2xvcnNcbiAgICBpbiB0aGUgZnV0dXJlLlxuICAgIDwvU3RvcnlOb3RlPlxuICAgIDxwPntgU29tZSBjb2xvcnMgaW4gb3VyIHBhbGV0dGUgaGF2ZSBkZXNpZ25hdGVkIHJvbGVzIGluIG91ciBVSS4gV2UgY2FsbCB0aGlzIHNwZWNpZmljIHVzYWdlIG9mIHRoZSBjb2xvcnMg4oCcc2VtYW50aWPigJ0uIFRoaXMgaXMgYW4gYWJzdHJhY3Rpb24gb24gdG9wIG9mIHRoZSDigJxyYXfigJ0gY29sb3JzOiB0aGUgdW5kZXJseWluZyBzcGVjaWZpYyBodWVzIGFuZCBzaGFkZXMgbWF5IGNoYW5nZSBvciBldm9sdmUgaW4gdGhlIGZ1dHVyZSwgYnV0IHRoZSBtZWFuaW5nIG9mIOKAnHByaW1hcnkgYWN0aW9uIGNvbG9y4oCdIGlzIGxpa2VseSB0byBzdGF5LmB9PC9wPlxuICAgIDxwPntgRm9sbG93aW5nIG5hbWVzcGFjZXMgYXJlIHNwZWNpZmllZDpgfTwvcD5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BhY3Rpb25gfTwvaW5saW5lQ29kZT57YDogYnV0dG9ucywgbGlua3MsIGludGVyYWN0aXZlIGVsZW1lbnRzIGB9PFRva2VuRXhwbG9yZXJMaW5rIHRlcm1zPVwiYWN0aW9uXCIgdGhlbWU9XCJib2xkLXVpXCIgY29sb3JTY2hlbWU9XCJiYXNlXCIgbWR4VHlwZT1cIlRva2VuRXhwbG9yZXJMaW5rXCIgLz48L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgY29udGVudGB9PC9pbmxpbmVDb2RlPntgOiBmb3JlZ3JvdW5kIGNvbG9yIG9mIG5vbi1pbnRlcmFjdGl2ZSB0ZXh0IGFuZCBpY29ucyBgfTxUb2tlbkV4cGxvcmVyTGluayB0ZXJtcz1cImNvbnRlbnRcIiB0aGVtZT1cImJvbGQtdWlcIiBjb2xvclNjaGVtZT1cImJhc2VcIiBtZHhUeXBlPVwiVG9rZW5FeHBsb3JlckxpbmtcIiAvPjwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BiYWNrZ3JvdW5kYH08L2lubGluZUNvZGU+e2A6IGNvbnRhaW5lciBhbmQgcGFnZSBiYWNrZ3JvdW5kIGNvbG9ycyBgfTxUb2tlbkV4cGxvcmVyTGluayB0ZXJtcz1cImJhY2tncm91bmRcIiB0aGVtZT1cImJvbGQtdWlcIiBjb2xvclNjaGVtZT1cImJhc2VcIiBtZHhUeXBlPVwiVG9rZW5FeHBsb3JlckxpbmtcIiAvPjwvbGk+XG4gICAgPC91bD5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJhY3Rpb24tY29sb3ItLXRlYWxcIlxuICAgIH19PntgQWN0aW9uIGNvbG9yIOKAlCB0ZWFsYH08L2gzPlxuICAgIDxwPntgVGVhbCBzY2FsZSBjb250YWlucyBvdXIga2V5IGJyYW5kIHNoYWRlOiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0ZWFsLjIwMGB9PC9pbmxpbmVDb2RlPntgLiBJdCBpcyBhIGJyaWdodCBhbmQgdmlicmFudCBjb2xvciB0aGF0IGlzIHByZWRvbWluYW50bHkgdXNlZCBmb3IgbWFya2V0aW5nIGFuZCBicmFuZGluZy5gfTwvcD5cbiAgICA8cD57YEluIFVJIHdlIHVzZSBzaGFkZXMgb2YgdGVhbCB0byBoaWdobGlnaHQgaW50ZXJhY3Rpdml0ZSBlbGVtZW50cywgZS5nLiBpbiBwcmltYXJ5LCBzZWNvbmRhcnksIGFuZCBxdWF0ZXJuYXJ5IGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1idXR0b24tZG9jcy0tcGFnZVwiXG4gICAgICB9fT57YGJ1dHRvbnNgfTwvYT57YDpgfTwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4U291cmNlPVwiJTBBJTNDTGF5b3V0R3JpZCUyMGdhcD0lMjJ4bCUyMiUyMGNvbHVtbnM9JTdCMyU3RCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBnYXA9JTIycyUyMiUyMGRpcmVjdGlvbj0lMjJjb2x1bW4lMjIlMjBhbGlnbkl0ZW1zPSUyMmNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHByaW1hcnklMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NiciUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjB0ZWFsLjMwMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lM0VEbyUyMHRoZSUyMFRoaW5nJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGdhcD0lMjJzJTIyJTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUyMGFsaWduSXRlbXM9JTIyY2VudGVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwc2Vjb25kYXJ5JTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDYnIlMjAvJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwdGVhbC4xMDAlMjArJTIwdGVhbC40MDAlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTIwdmFyaWFudD0lMjJzZWNvbmRhcnklMjIlM0VEbyUyMHRoZSUyMFRoaW5nJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGdhcD0lMjJzJTIyJTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUyMGFsaWduSXRlbXM9JTIyY2VudGVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwcXVhdGVybmFyeSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2JyJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRlYWwuNDAwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIycXVhdGVybmFyeSUyMiUzRURvJTIwdGhlJTIwVGhpbmclM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlM0MvTGF5b3V0R3JpZCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TGF5b3V0R3JpZCBnYXA9XCJ4bFwiIGNvbHVtbnM9ezN9IG1keFR5cGU9XCJMYXlvdXRHcmlkXCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInNcIiBkaXJlY3Rpb249XCJjb2x1bW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPlxuICAgICAgICAgICAgICAgIHByaW1hcnlcbiAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgICAgICB0ZWFsLjMwMFxuICAgICAgICAgICAgPC9Db2RlTGFiZWw+XG4gICAgICAgICAgICA8QnV0dG9uIG1keFR5cGU9XCJCdXR0b25cIj5EbyB0aGUgVGhpbmc8L0J1dHRvbj5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJzXCIgZGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5cbiAgICAgICAgICAgICAgICBzZWNvbmRhcnlcbiAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgICAgICB0ZWFsLjEwMCArIHRlYWwuNDAwXG4gICAgICAgICAgICA8L0NvZGVMYWJlbD5cbiAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInNlY29uZGFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5EbyB0aGUgVGhpbmc8L0J1dHRvbj5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJzXCIgZGlyZWN0aW9uPVwiY29sdW1uXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5cbiAgICAgICAgICAgICAgICBxdWF0ZXJuYXJ5XG4gICAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICAgICAgdGVhbC40MDBcbiAgICAgICAgICAgIDwvQ29kZUxhYmVsPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicXVhdGVybmFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5EbyB0aGUgVGhpbmc8L0J1dHRvbj5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvTGF5b3V0R3JpZD5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJwYWdlLWxldmVsLWJhY2tncm91bmQtY29sb3ItLWl2b3J5XCJcbiAgICB9fT57YFBhZ2UtbGV2ZWwgYmFja2dyb3VuZCBjb2xvciDigJQgaXZvcnlgfTwvaDM+XG4gICAgPHA+e2BEZWZhdWx0IHBhZ2UgYmFja2dyb3VuZCBjb2xvciBpcyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bpdm9yeWB9PC9pbmxpbmVDb2RlPntgLiBUaGlzIHdhcm0gbGlnaHQgZ3JheSBjYW4gYmUgYWNjZXNzaWJseSBjb21iaW5lZCB3aXRoIHNoYWRlcyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A0MDBgfTwvaW5saW5lQ29kZT57YCBhbmQgZGFya2VyIGZyb20gb3VyIHBhbGV0dGUuYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0Zha2VWaWV3cG9ydCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRWl2b3J5JTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9GYWtlVmlld3BvcnQlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPEZha2VWaWV3cG9ydCBtZHhUeXBlPVwiRmFrZVZpZXdwb3J0XCI+XG4gICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPml2b3J5PC9Db2RlTGFiZWw+XG4gICAgPC9GYWtlVmlld3BvcnQ+XG4gICAgPC9DYW52YXM+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwiY2FyZC1iYWNrZ3JvdW5kLWNvbG9yLS13aGl0ZVwiXG4gICAgfX0+e2BDYXJkIGJhY2tncm91bmQgY29sb3Ig4oCUIHdoaXRlYH08L2gzPlxuICAgIDxwPntgV2hlbiB3ZSBuZWVkIHRvIGludHJvZHVjZSBhZGRpdGlvbmFsIGxldmVsIG9mIGVsZXZhdGlvbiBpbiBvdXIgVUkgd2UgdXNlIHdoaXRlIGNvbG9yLmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NGYWtlVmlld3BvcnQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NDb2RlTGFiZWwlM0Vpdm9yeSUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NQc2V1ZG9DYXJkJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFd2hpdGUlM0MvQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL1BzZXVkb0NhcmQlM0UlMEElMjAlMjAlMjAlMjAlM0MvRmFrZVZpZXdwb3J0JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxGYWtlVmlld3BvcnQgbWR4VHlwZT1cIkZha2VWaWV3cG9ydFwiPlxuICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5pdm9yeTwvQ29kZUxhYmVsPlxuICAgICAgICA8UHNldWRvQ2FyZCBtZHhUeXBlPVwiUHNldWRvQ2FyZFwiPlxuICAgICAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+d2hpdGU8L0NvZGVMYWJlbD5cbiAgICAgICAgPC9Qc2V1ZG9DYXJkPlxuICAgIDwvRmFrZVZpZXdwb3J0PlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRleHQtY29sb3ItLWdyYXk1MDBcIlxuICAgIH19PntgVGV4dCBjb2xvciDigJQgZ3JheS41MDBgfTwvaDM+XG4gICAgPHA+e2BEZWZhdWx0IG5vbi1pbnRlcmFjdGl2ZSB0ZXh0IGNvbG9yIGluIG91ciBVSSBpcyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BncmF5LjUwMGB9PC9pbmxpbmVDb2RlPntgLiBJdCBpcyBsaWdodGVyIHRoYW4gcHVyZSBibGFjaywgYnV0IGhhcyBoaWdoIGVub3VnaCBjb250cmFzdCB0byBiZSBwZXJmZWN0bHkgcmVhZGFibGUgdGV4dC5gfTwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4U291cmNlPVwiJTBBJTNDTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRWdyYXkuNTAwJTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMm0lMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMb3JlbUlwc3VtJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEZsZXggbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+Z3JheS41MDA8L0NvZGVMYWJlbD5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cIm1cIiBtZHhUeXBlPVwiVGV4dFwiPlxuICAgICAgICAgICAgPExvcmVtSXBzdW0gbWR4VHlwZT1cIkxvcmVtSXBzdW1cIiAvPlxuICAgICAgICA8L1RleHQ+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRlcnRpYXJ5LWFjdGlvbi1jb2xvci0tZ3JheTYwMFwiXG4gICAgfX0+e2BUZXJ0aWFyeSBhY3Rpb24gY29sb3Ig4oCUIGdyYXkuNjAwYH08L2gzPlxuICAgIDxwPntgRm9yIG91ciBtdXRlZCB0ZXJ0aWFyeSBidXR0b25zIHRvIHN0YW5kIG91dCBhZ2FpbnN0IHRoZSBub24taW50ZXJhY3RpdmUgdGV4dCB3ZSB1c2UgZGFya2VyIGdyYXkuNjAwYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRWdyYXkuNTAwJTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMm0lMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMb3JlbUlwc3VtJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRWdyYXkuNjAwJTIwKyUyMGl2b3J5JTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIydGVydGlhcnklMjIlM0VEbyUyMHRoZSUyMFRoaW5nJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEZsZXggbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPmdyYXkuNTAwPC9Db2RlTGFiZWw+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibVwiIG1keFR5cGU9XCJUZXh0XCI+XG4gICAgICAgICAgICAgICAgPExvcmVtSXBzdW0gbWR4VHlwZT1cIkxvcmVtSXBzdW1cIiAvPlxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5ncmF5LjYwMCArIGl2b3J5PC9Db2RlTGFiZWw+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5EbyB0aGUgVGhpbmc8L0J1dHRvbj5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICA8U3RvcnlOb3RlIG1keFR5cGU9XCJTdG9yeU5vdGVcIj5cbiAgICBTaW5jZSA8Y29kZT50ZXJ0aWFyeTwvY29kZT4gYnV0dG9ucyB1c2UgdGhlIHNhbWUgPGNvZGU+aXZvcnk8L2NvZGU+IGJhY2tncm91bmQgYXMgdGhlIHRvcC1sZXZlbFxuICAgIGNvbnRhaW5lciB0aGV5IHNob3VsZG4ndCBiZSB1c2VkIGl0IGFzIGl0cyBkaXJlY3QgY2hpbGRyZW4uIFB1dCB0aGVtIGludG8gYSBjYXJkIG9yIHVzZVxuICAgIGRpZmZlcmVudCBidXR0b24gdmFyaWFudC5cbiAgICA8L1N0b3J5Tm90ZT5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJwcm92aWRlZC10b29saW5nXCJcbiAgICB9fT57YFByb3ZpZGVkIHRvb2xpbmdgfTwvaDI+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgQWNjZXNzIHRvIG5ldyBwYWxldHRlIGlzIHByb3ZpZGVkIHZpYSBGaWdtYSBMaWJyYXJ5IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BEZXNpZ24gU3lzdGVtIEFscGhhYH08L2lubGluZUNvZGU+e2AgZm9yIGRlc2lnbmVyc2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YENvbG9yIHZhbHVlcyBmb3IgZGV2ZWxvcGVycyBhcmUgcHJvdmlkZWQgdGhyb3VnaCBgfTxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy10b2tlbi1leHBsb3Jlci0tcGFnZVwiXG4gICAgICAgIH19PntgdG9rZW5zYH08L2E+e2AuIFJhdyBjb2xvcnMgYXJlIGluIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2Byb290LnBhbGV0dGVgfTwvaW5saW5lQ29kZT57YCBuYW1lc3BhY2UsIHNlbWFudGljIGFyZSBpbiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgY29udGVudGB9PC9pbmxpbmVDb2RlPntgLCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgYmFja2dyb3VuZGB9PC9pbmxpbmVDb2RlPntgLCBhbmQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGFjdGlvbmB9PC9pbmxpbmVDb2RlPntgLiBUbyBtYWtlIHN1cmUgeW91J3JlIHVzaW5nIHRoZSBuZXcgY29sb3JzIGFuZCBub3QgdGhlIGxlZ2FjeSBmYWxsYmFja3MgY2hlY2sgaWYgeW91J3JlIHVzaW5nIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2Bib2xkLXVpYH08L2lubGluZUNvZGU+e2AgYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9hcGktZHMtd2ViLXJvb3QtcHJvdmlkZXJzLXJvb3Rwcm92aWRlci0tcGFnZSN0aGVtZS1zdHJpbmdcIlxuICAgICAgICB9fT57YHRoZW1lYH08L2E+e2AuYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgSW5mb21hdGlvbiBhYm91dCBjb2xvciBjb21iaW5hdGlvbnMgYW5kIHVwZ3JhZGUgcGF0aHMgZm9yIGxlZ2FjeSBjb2xvcnMgaXMgcHJvdmlkZWQgaW4gb3VyIEZpZ21hIGxpYnJhcnkgd2l0aCBjb21tZW50cyAoaG92ZXIgb3ZlciB0aGUgY29sb3JzIGluIHRoZSBzdHlsZSBzZWxlY3Rpb24gZGlhbG9nKWB9PC9saT5cbiAgICA8L3VsPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3N0eWxlLWRpYWxvZy1maWdtYS5wbmdcIiBhbHQ9XCJTdHlsZSBzZWxlY3Rpb24gZGlhbG9nIGluIEZpZ21hXCIgd2lkdGg9XCI0NzdcIiAvPlxuICAgIHtcbiAgICAgIC8qIC0gVG9rZW5zICovXG4gICAgfVxuICAgIDxwPjxlbSBwYXJlbnROYW1lPVwicFwiPntgVG8gYmUgY29udGludWVk4oCmYH08L2VtPjwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0ZvdW5kYXRpb25zL0NvbG9yJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\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 }, "PreplyInter"), " typeface."), 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 */ "s"], {\n mdxType: "StoryDoDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "r"], {\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 */ "t"], {\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 */ "r"], {\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 */ "t"], {\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/NDk4MyJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQSxJQUFNQSxXQUFXLEdBQUcsRUFBcEI7QUFHQSxJQUFNQyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFLTCxrRUFBQyxrRUFBRDtBQUFNLFNBQUssRUFBQyx3QkFBWjtBQUFxQyxjQUFVLEVBQUU7QUFDL0NFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEeUMsS0FBakQ7QUFJRyxXQUFPLEVBQUM7QUFKWCxJQUxLLEVBVUw7QUFDRSxVQUFNO0FBRFIsa0JBVkssRUFhTCx5UUFiSyxFQWNMO0FBQ0UsVUFBTTtBQURSLG1CQWRLLEVBaUJMLG9IQUEwQztBQUFZLGNBQVUsRUFBQztBQUF2QixtQkFBMUMsZUFqQkssRUFrQkwsa0VB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QTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsd0JBQVQ7QUFBbUNILFlBQVUsRUFBRTtBQUNuRU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDZELEdBQS9DO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvMjAudHlwb2dyYXBoeS5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IFN0b3J5RG8sIFN0b3J5RG9Eb250LCBTdG9yeURvbnQsIFN0b3J5Tm90ZSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEJ1dHRvbiwgSGVhZGluZywgTGF5b3V0RmxleCwgVGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJGb3VuZGF0aW9ucy9UeXBvZ3JhcGh5XCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJ0eXBvZ3JhcGh5XCJcbiAgICB9fT57YFR5cG9ncmFwaHlgfTwvaDE+XG4gICAgPHA+e2BUZXh0IGlzIHByaW1hcnkgaW5mb3JtYXRpb24gbWVkaXVtIHRoYXQgUHJlcGx5IHVzZXMgdG8gc3BlYWsgdG8gb3VyIGxlYXJuZXJzLiBUbyBlbnN1cmUgcmVhZGFiaWxpdHkgYW5kIGhpZXJhcmNoeSBvdXIgdHlwZSBzeXN0ZW0gcHJvdmlkZXMgYSBsaW1pdGVkIHBhbGV0dGUgb2Ygc3BlY2lmaWMgdHlwZSBwYXJhbWV0ZXJzLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImZvbnQtZmFtaWx5XCJcbiAgICB9fT57YEZvbnQgZmFtaWx5YH08L2gyPlxuICAgIDxwPntgV2UgdXNlIHVuaXZlcnNhbGx5IGluIGFsbCBjb250ZXh0cyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BQcmVwbHlJbnRlcmB9PC9pbmxpbmVDb2RlPntgIHR5cGVmYWNlLmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRGbGV4JTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUyMGdhcD0lMjJzJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGVhZGluZyUyMGxldmVsPSUyMmgxJTIyJTNFQnJha2UlMjBwcmVzc3VyZSUyMGxvdyUzQy9IZWFkaW5nJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIybCUyMiUzRUZpeCUyMHByb2JsZW0lMjBxdWlja2x5JTIwd2l0aCUyMGdhbHZhbml6ZWQlMjBqZXRzLiUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIybSUyMiUzRVBhY2slMjBteSUyMHJlZCUyMGJveCUyMHdpdGglMjBmaXZlJTIwZG96ZW4lMjBxdWFsaXR5JTIwanVncy4lM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMnMlMjIlM0VRdWljayUyMGJyb3duJTIwZm94JTIwanVtcHMlMjBvdmVyJTIwdGhlJTIwbGF6eSUyMGRvZy4lM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cInNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgxXCIgbWR4VHlwZT1cIkhlYWRpbmdcIj5CcmFrZSBwcmVzc3VyZSBsb3c8L0hlYWRpbmc+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJsXCIgbWR4VHlwZT1cIlRleHRcIj5GaXggcHJvYmxlbSBxdWlja2x5IHdpdGggZ2FsdmFuaXplZCBqZXRzLjwvVGV4dD5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cIm1cIiBtZHhUeXBlPVwiVGV4dFwiPlBhY2sgbXkgcmVkIGJveCB3aXRoIGZpdmUgZG96ZW4gcXVhbGl0eSBqdWdzLjwvVGV4dD5cbiAgICAgICAgPFRleHQgdmFyaWFudD1cInNcIiBtZHhUeXBlPVwiVGV4dFwiPlF1aWNrIGJyb3duIGZveCBqdW1wcyBvdmVyIHRoZSBsYXp5IGRvZy48L1RleHQ+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInZhcmlhbnRzXCJcbiAgICB9fT57YFZhcmlhbnRzYH08L2gyPlxuICAgIDxwPntgT3VyIHZhcmlhbnRzIGFyZSBvcmdhbml6ZWQgYXJvdW5kIGEgc2V0IG9mIHNpemVzIGZyb20gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgeHNgfTwvaW5saW5lQ29kZT57YCB0byBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B4bGB9PC9pbmxpbmVDb2RlPntgLiBUaGVzZSBhcmUgc3VwcGxlbWVudGVkIGJ5IHNwZWNpZmljIHdlaWdodHMgd2l0aCBzb21lIGJlaW5nIGF2YWlsYWJsZSBmb3IgYWxsIHNpemVzIGFuZCBzb21lIG9ubHkgZm9yIHNlbGVjdGVkIG9uZXMuIGB9e1xuICAgICAgICAvKiBBZGRpdGlvbmFsIHR5cG9ncmFwaGljIHBhcmFtZXRlcnMgKGxldHRlci1zcGFjaW5nLCBsaW5lLWhlaWdodCwgb3BlbnR5cGUgZmVhdHVyZXMgYXJlIHByb3ZpZGVkIGF1dG9tYXRpY2FsbHkpLiAqL1xuICAgICAgfTwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4U291cmNlPVwiJTBBJTNDTGF5b3V0RmxleCUyMGdhcD0lMjJzJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGdhcD0lMjJ4bCUyMiUyMGFsaWduSXRlbXM9JTIyZW5kJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGRpcmVjdGlvbj0lMjJjb2x1bW4lMjIlMjBnYXA9JTIycyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMnhsJTIyJTNFQnJha2UlMjBwcmVzc3VyZSUyMGxvdyUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIybCUyMiUzRVdoZW4lMjB6b21iaWVzJTIwYXJyaXZlJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJtJTIyJTNFUGFjayUyMG15JTIwcmVkJTIwYm94JTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJzJTIyJTNFTG92YWslMjB3b24lMjB0aGUlMjBzcXVhZCUyMHByaXplJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBkaXJlY3Rpb249JTIyY29sdW1uJTIyJTIwZ2FwPSUyMnMlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJ4bC1tZWRpdW0lMjIlM0VCdXR0ZXJ5JTIwaGFuZGdsb3ZlcyUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIybC1tZWRpdW0lMjIlM0VEdW1weSUyMGtpYml0emVyJTIwamluZ2xlcyUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIybS1tZWRpdW0lMjIlM0VBJTIwd2l6YXJkJ3MlMjBqb2IlMjBpcyUyMHRvJTIwdmV4JTIwY2h1bXBzJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJzLW1lZGl1bSUyMiUzRUJyaWNrJTIwcXVpeiUyMHdoYW5ncyElM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGRpcmVjdGlvbj0lMjJjb2x1bW4lMjIlMjBnYXA9JTIycyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMm0tYm9sZCUyMiUzRVR3ZWx2ZSUyMHppZ2d1cmF0cyUyMHF1aWNrbHklMjBqdW1wZWQlM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMnMtYm9sZCUyMiUzRVF1aWNrJTIwd2FmdGluZyUyMHplcGh5cnMlM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJzJTIyJTNFSmFja3klMjBjYW4lMjBub3clMjBnaXZlJTIwc2l4JTIwYmlnJTIwdGlwcyUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEZsZXggZ2FwPVwic1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInhsXCIgYWxpZ25JdGVtcz1cImVuZFwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCJzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwieGxcIiBtZHhUeXBlPVwiVGV4dFwiPkJyYWtlIHByZXNzdXJlIGxvdzwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibFwiIG1keFR5cGU9XCJUZXh0XCI+V2hlbiB6b21iaWVzIGFycml2ZTwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibVwiIG1keFR5cGU9XCJUZXh0XCI+UGFjayBteSByZWQgYm94PC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJzXCIgbWR4VHlwZT1cIlRleHRcIj5Mb3ZhayB3b24gdGhlIHNxdWFkIHByaXplPC9UZXh0PlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwic1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInhsLW1lZGl1bVwiIG1keFR5cGU9XCJUZXh0XCI+QnV0dGVyeSBoYW5kZ2xvdmVzPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJsLW1lZGl1bVwiIG1keFR5cGU9XCJUZXh0XCI+RHVtcHkga2liaXR6ZXIgamluZ2xlczwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibS1tZWRpdW1cIiBtZHhUeXBlPVwiVGV4dFwiPkEgd2l6YXJkJ3Mgam9iIGlzIHRvIHZleCBjaHVtcHM8L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInMtbWVkaXVtXCIgbWR4VHlwZT1cIlRleHRcIj5CcmljayBxdWl6IHdoYW5ncyE8L1RleHQ+XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCJzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibS1ib2xkXCIgbWR4VHlwZT1cIlRleHRcIj5Ud2VsdmUgemlnZ3VyYXRzIHF1aWNrbHkganVtcGVkPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJzLWJvbGRcIiBtZHhUeXBlPVwiVGV4dFwiPlF1aWNrIHdhZnRpbmcgemVwaHlyczwvVGV4dD5cbiAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8VGV4dCB2YXJpYW50PVwic1wiIG1keFR5cGU9XCJUZXh0XCI+SmFja3kgY2FuIG5vdyBnaXZlIHNpeCBiaWcgdGlwczwvVGV4dD5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPC9DYW52YXM+XG4gICAgPHA+e2BBbGwgc2l6ZXMgZXhjZXB0IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHhzYH08L2lubGluZUNvZGU+e2AgYWxzbyBzdXBwb3J0IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGl0YWxpY2B9PC9pbmxpbmVDb2RlPntgIGZvciBhZGRpdGlvbmFsIGVtcGhhc2lzLmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRGbGV4JTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUyMGdhcD0lMjJtJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIyeGwtaXRhbGljJTIyJTNFRml4JTIwcHJvYmxlbSUyMHF1aWNrbHklMjB3aXRoJTIwZ2FsdmFuaXplZCUyMGpldHMuJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTIwdmFyaWFudD0lMjJsLWl0YWxpYyUyMiUzRVdoZW4lMjB6b21iaWVzJTIwYXJyaXZlLCUyMHF1aWNrbHklMjBmYXglMjBqdWRnZSUyMFBhdC4lM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlMjB2YXJpYW50PSUyMm0taXRhbGljJTIyJTNFUGFjayUyMG15JTIwcmVkJTIwYm94JTIwd2l0aCUyMGZpdmUlMjBkb3plbiUyMHF1YWxpdHklMjBqdWdzLiUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUyMHZhcmlhbnQ9JTIycy1pdGFsaWMlMjIlM0VMb3ZhayUyMHdvbiUyMHRoZSUyMHNxdWFkJTIwcHJpemUlMjBjdXAlMjBmb3IlMjBzaXh0eSUyMGJpZyUyMGp1bXBzLiUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwibVwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ4bC1pdGFsaWNcIiBtZHhUeXBlPVwiVGV4dFwiPkZpeCBwcm9ibGVtIHF1aWNrbHkgd2l0aCBnYWx2YW5pemVkIGpldHMuPC9UZXh0PlxuICAgICAgICA8VGV4dCB2YXJpYW50PVwibC1pdGFsaWNcIiBtZHhUeXBlPVwiVGV4dFwiPldoZW4gem9tYmllcyBhcnJpdmUsIHF1aWNrbHkgZmF4IGp1ZGdlIFBhdC48L1RleHQ+XG4gICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJtLWl0YWxpY1wiIG1keFR5cGU9XCJUZXh0XCI+UGFjayBteSByZWQgYm94IHdpdGggZml2ZSBkb3plbiBxdWFsaXR5IGp1Z3MuPC9UZXh0PlxuICAgICAgICA8VGV4dCB2YXJpYW50PVwicy1pdGFsaWNcIiBtZHhUeXBlPVwiVGV4dFwiPkxvdmFrIHdvbiB0aGUgc3F1YWQgcHJpemUgY3VwIGZvciBzaXh0eSBiaWcganVtcHMuPC9UZXh0PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJoZWFkaW5nc1wiXG4gICAgfX0+e2BIZWFkaW5nc2B9PC9oMj5cbiAgICA8cD57YEhlYWRpbmdzIGFyZSBvcmRlcmVkIGJ5IHRoZWlyIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGxldmVsYH08L2lubGluZUNvZGU+e2AgZnJvbSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BoMWB9PC9pbmxpbmVDb2RlPntgIHRvIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGgzYH08L2lubGluZUNvZGU+e2AuIEZvciBhZGRpdGlvbmFsIHZpc3VhbCBkaXN0aW5jdGlvbiB0aGV5IGFsc28gaGF2ZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BsYXJnZWB9PC9pbmxpbmVDb2RlPntgIHZhcmlhbnRzLmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMmwlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZGlyZWN0aW9uPSUyMmNvbHVtbiUyMiUyMGdhcD0lMjJsJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGVhZGluZyUyMGxldmVsPSUyMmgxJTIyJTNFQnJha2UlMjBwcmVzc3VyZSUyMGxvdyUzQy9IZWFkaW5nJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGVhZGluZyUyMGxldmVsPSUyMmgyJTIyJTNFQnV0dGVyeSUyMGhhbmRnbG92ZXMlM0MvSGVhZGluZyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0hlYWRpbmclMjBsZXZlbD0lMjJoMyUyMiUzRVN1cGVybWFuJTIwaXMlMjBub3doZXJlJTIwdG8lMjBiZSUyMGZvdW5kJTNDL0hlYWRpbmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBkaXJlY3Rpb249JTIyY29sdW1uJTIyJTIwZ2FwPSUyMnhzJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGVhZGluZyUyMGxldmVsPSUyMmgxJTIyJTIwbGFyZ2UlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBCcmFrZSUyMHByZXNzdXJlJTIwbG93JTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0hlYWRpbmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIZWFkaW5nJTIwbGV2ZWw9JTIyaDIlMjIlMjBsYXJnZSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMEJ1dHRlcnklMjBoYW5kZ2xvdmVzJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0hlYWRpbmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIZWFkaW5nJTIwbGV2ZWw9JTIyaDMlMjIlMjBsYXJnZSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMFN1cGVybWFuJTIwaXMlMjBub3doZXJlJTIwdG8lMjBiZSUyMGZvdW5kJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0hlYWRpbmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxMYXlvdXRGbGV4IGdhcD1cImxcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCJsXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxIZWFkaW5nIGxldmVsPVwiaDFcIiBtZHhUeXBlPVwiSGVhZGluZ1wiPkJyYWtlIHByZXNzdXJlIGxvdzwvSGVhZGluZz5cbiAgICAgICAgICAgIDxIZWFkaW5nIGxldmVsPVwiaDJcIiBtZHhUeXBlPVwiSGVhZGluZ1wiPkJ1dHRlcnkgaGFuZGdsb3ZlczwvSGVhZGluZz5cbiAgICAgICAgICAgIDxIZWFkaW5nIGxldmVsPVwiaDNcIiBtZHhUeXBlPVwiSGVhZGluZ1wiPlN1cGVybWFuIGlzIG5vd2hlcmUgdG8gYmUgZm91bmQ8L0hlYWRpbmc+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwieHNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoMVwiIGxhcmdlIG1keFR5cGU9XCJIZWFkaW5nXCI+XG4gICAgICAgICAgICAgICAgQnJha2UgcHJlc3N1cmUgbG93XG4gICAgICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgyXCIgbGFyZ2UgbWR4VHlwZT1cIkhlYWRpbmdcIj5cbiAgICAgICAgICAgICAgICBCdXR0ZXJ5IGhhbmRnbG92ZXNcbiAgICAgICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAgICAgIDxIZWFkaW5nIGxldmVsPVwiaDNcIiBsYXJnZSBtZHhUeXBlPVwiSGVhZGluZ1wiPlxuICAgICAgICAgICAgICAgIFN1cGVybWFuIGlzIG5vd2hlcmUgdG8gYmUgZm91bmRcbiAgICAgICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJhcHBsaWNhdGlvbi1yZWNvbW1lbmRhdGlvbnNcIlxuICAgIH19PntgQXBwbGljYXRpb24gcmVjb21tZW5kYXRpb25zYH08L2gyPlxuICAgIHtcbiAgICAgIC8qIERvJ3MgYW5kIERvbnQncyBnbyBoZXJlICovXG4gICAgfVxuICAgIDxTdG9yeURvRG9udCBtZHhUeXBlPVwiU3RvcnlEb0RvbnRcIj5cbiAgICAgIDxTdG9yeURvIG1keFR5cGU9XCJTdG9yeURvXCI+XG4gICAgPHA+VXNlIGxpbmUgYnJlYWtzLCBzcGFjZSwgd2VpZ2h0LCBhbmQgY29sb3IgdG8gZXN0YWJsaXNoIGhpZXJhcmNoeSBpbiBhIGdyb3VwPC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cIjJ4c1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibS1ib2xkXCIgbWR4VHlwZT1cIlRleHRcIj5CdXNpbmVzcyBFbmdsaXNoPC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cIm1cIiBtZHhUeXBlPVwiVGV4dFwiPkltcHJvdmUgc2tpbGxzIGZvciBwcm9mZXNzaW9uYWwgY29tbXVuaWNhdGlvbjwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJtXCIgbWR4VHlwZT1cIlRleHRcIj5DZXJ0aWZpZWQgQzE8L1RleHQ+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICAgIDwvU3RvcnlEbz5cbiAgICAgIDxTdG9yeURvbnQgbWR4VHlwZT1cIlN0b3J5RG9udFwiPlxuICAgIDxwPkRvbid0IHVzZSBsb3RzIG9mIGRpZmZlcmVudCBzaXplcyBhbmQgc3R5bGVzIGluIGEgc2luZ2xlIGNvbXBvc2l0aW9uPC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGp1c3RpZnlDb250ZW50PVwiZW5kXCIgZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwieHNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cIm1cIiBtZHhUeXBlPVwiVGV4dFwiPkJ1c2luZXNzIEVuZ2xpc2g8L1RleHQ+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwieGxcIiBtZHhUeXBlPVwiVGV4dFwiPkltcHJvdmUgc2tpbGxzIGZvciBwcm9mZXNzaW9uYWwgY29tbXVuaWNhdGlvbjwvVGV4dD5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ4c1wiIG1keFR5cGU9XCJUZXh0XCI+Q2VydGlmaWVkIEMxPC9UZXh0PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9DYW52YXM+XG4gICAgICA8L1N0b3J5RG9udD5cbiAgICAgIDxTdG9yeURvIG1keFR5cGU9XCJTdG9yeURvXCI+XG4gICAgPHA+XG4gICAgICAgIEJlIG1pbmRmdWwgb2YgcmVhbC13b3JsZCBjb250ZW50LCB3aGVuIGNob29zaW5nIHZhcmlhbnQgbWFrZSBzdXJlIHRvIGtub3cgd2hhdCBhbW91bnQgb2ZcbiAgICAgICAgY29udGVudCB3aWxsIGJlIHVzZWQuXG4gICAgPC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cInhzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJ4bC1tZWRpdW1cIiBtZHhUeXBlPVwiVGV4dFwiPk5haHJ1bmdzbWl0dGVsdW52ZXJ0csOkZ2xpY2hrZWl0PC9UZXh0PlxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cInhsLW1lZGl1bVwiIG1keFR5cGU9XCJUZXh0XCI+Zm9vZCBpbnRvbGVyYW5jZTwvVGV4dD5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgICAgPC9TdG9yeURvPlxuICAgICAgPFN0b3J5RG9udCBtZHhUeXBlPVwiU3RvcnlEb250XCI+XG4gICAgPHA+XG4gICAgICAgIERvbuKAmXQgdXNlIHNtYWxsIHR5cGUgc2l6ZSBmb3IgY29udGVudCB0aGF0IGlzIGltcG9ydGFudCBmb3IgbGVhcm5lcnMgdG8gcmVhZCBhbmQgdW5kZXJzdGFuZCxcbiAgICAgICAgZXNwZWNpYWxseSB3aGVuIHRoZSBzbWFsbCBzaXplIGlzIGNvbWJpbmVkIHdpdGggbXV0ZWQgY29sb3JcbiAgICA8L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwic1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwieHNcIiBhY2NlbnQ9XCJzZWNvbmRhcnlcIiBtZHhUeXBlPVwiVGV4dFwiPlxuICAgICAgICAgICAgICAgIERlbGV0ZSBhY2NvdW50P1xuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwieHNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPk9rYXk8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJxdWF0ZXJuYXJ5XCIgbWR4VHlwZT1cIkJ1dHRvblwiPkNhbmNlbDwvQnV0dG9uPlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9DYW52YXM+XG4gICAgICA8L1N0b3J5RG9udD5cbiAgICA8L1N0b3J5RG9Eb250PlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInN1cHBvcnRlZC10b29saW5nXCJcbiAgICB9fT57YFN1cHBvcnRlZCB0b29saW5nYH08L2gyPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YFN0eWxlcyBpbiBGaWdtYWB9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLXRleHQtZG9jcy0tcGFnZVwiXG4gICAgICAgIH19PntgVGV4dGB9PC9hPntgIGFuZCBgfTxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtaGVhZGluZy1kb2NzLS1wYWdlXCJcbiAgICAgICAgfX0+e2BIZWFkaW5nYH08L2E+e2AgY29tcG9uZW50c2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtYXNzZXRzLWZvbnRzLS1wYWdlXCJcbiAgICAgICAgfX0+e2BGb250IGFzc2V0c2B9PC9hPntgIGZvciB1c2FnZSBpbiB3ZWIgYXBwbGljYXRpb25zYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPHA+PGVtIHBhcmVudE5hbWU9XCJwXCI+e2BUbyBiZSBjb250aW51ZWTigKZgfTwvZW0+PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnRm91bmRhdGlvbnMvVHlwb2dyYXBoeScsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\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 */ "s"], {\n mdxType: "StoryDoDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "r"], {\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 */ "t"], {\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 */ "r"], {\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 */ "t"], {\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 */ "r"], {\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 */ "t"], {\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')}}]);