@preply/ds-docs 0.23.0 → 0.26.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/config/preview.js +48 -0
  2. package/dist/docs-pages/docs/pages/30.guides/50.responsive/static/storybook-viewport-toolbar.png +0 -0
  3. package/dist/docs-pages/docs/pages/30.guides/50.responsive/static/storybook-viewports.png +0 -0
  4. package/dist/global/docs/static/data/features.json +1 -1
  5. package/dist/global/docs/static/data/used-by.json +1 -1
  6. package/dist/iframe.html +1 -1
  7. package/dist/{main~3c949452.1bbaff06.iframe.bundle.js → main~3c949452.36742b89.iframe.bundle.js} +1 -1
  8. package/dist/main~493df0b3.c828a1cb.iframe.bundle.js +1 -0
  9. package/dist/main~6dcfc2f7.243b8fb1.iframe.bundle.js +1 -0
  10. package/dist/main~adec5aba.42f8ba48.iframe.bundle.js +1 -0
  11. package/dist/{main~dc51bad7.7ff60823.iframe.bundle.js → main~dc51bad7.2594d72a.iframe.bundle.js} +1 -1
  12. package/dist/web-lib/src/components/IconButton/docs/static/icon-with-title-attribute.png +0 -0
  13. package/package.json +2 -2
  14. package/dist/main~493df0b3.53d0897a.iframe.bundle.js +0 -1
  15. package/dist/main~6dcfc2f7.1eb6f2af.iframe.bundle.js +0 -1
  16. package/dist/main~adec5aba.a209f8b2.iframe.bundle.js +0 -1
package/dist/main~adec5aba.42f8ba48.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ (window.webpackJsonp=window.webpackJsonp||[]).push([[7],{"../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": "setting-up-a-local-playground"\n }, "Setting up a local playground"), 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, "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-designer-files"\n }, "Reading designer 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: "508"\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. Figma components come with the links to the documentation website which you can access by \\u201CView documentation\\u201D button in the inspect panel on the right."), 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-application"\n }, "Using components in a simple React application"), 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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VSxFQUFDLEdBQWQ7QUFDNUIsWUFBUTtBQURvQixrQkFWaEMsTUE3RkssQ0FBUDtBQTJHRDs7QUEvR1FSLFU7QUFpSFQ7QUFDQUEsVUFBVSxDQUFDYSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSwwQkFBVDtBQUFxQ0gsWUFBVSxFQUFFO0FBQ3JFYixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEK0QsR0FBakQ7QUFJbkJlLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJiLElBQXpCLHFCQUNNZSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJiLElBQXpCLElBQWlDLEVBRHZDO0FBRUVtQixNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvMDAuZm9yLWVuZ2luZWVycy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiUXVpY2tTdGFydC9Gb3IgRW5naW5lZXJzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJxdWljay1zdGFydC1mb3ItZW5naW5lZXJzXCJcbiAgICB9fT57YFF1aWNrIFN0YXJ0IGZvciBFbmdpbmVlcnNgfTwvaDE+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW5zdGFsbGF0aW9uXCJcbiAgICB9fT57YEluc3RhbGxhdGlvbmB9PC9oMj5cbiAgICA8cD57YFRoZSBuZWNlc3NhcnkgcGFja2FnZXMgYXJlIGFscmVhZHkgaW5zdGFsbGVkIGFuZCByZWFkeSB0byB1c2UgaW4gUHJlcGx5J3MgbWFpbiBhcHBsaWNhdGlvbnMgYW5kIGxpYnJhcmllcy5gfTwvcD5cbiAgICA8cD57YElmIHlvdXIgY29kZWJhc2UgZG9lc24ndCB5ZXQgaGF2ZSBhY2Nlc3MgdG8gdGhlc2UgY29tcG9uZW50cywgY2hlY2sgb3V0IHRoZSBzcGVjaWZpYyBpbnN0cnVjdGlvbnMgZm9yIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1hcHBsaWNhdGlvbnMtLXBhZ2VcIlxuICAgICAgfX0+e2BhcHBsaWNhdGlvbnNgfTwvYT57YCwgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtaW5zdGFsbGF0aW9uLWxpYnJhcmllcy0tcGFnZVwiXG4gICAgICB9fT57YGxpYnJhcmllc2B9PC9hPntgLCBhbmQgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtaW5zdGFsbGF0aW9uLXN0b3J5Ym9vay0tcGFnZVwiXG4gICAgICB9fT57YFN0b3J5Ym9va2B9PC9hPntgLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInNldHRpbmctdXAtYS1sb2NhbC1wbGF5Z3JvdW5kXCJcbiAgICB9fT57YFNldHRpbmcgdXAgYSBsb2NhbCBwbGF5Z3JvdW5kYH08L2gyPlxuICAgIDxkaXYgc3R5bGU9e3tcbiAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgcGFkZGluZ0JvdHRvbTogJzU2LjI1JScsXG4gICAgICBoZWlnaHQ6IDAsXG4gICAgICBtYXJnaW46ICcyMHB4IDAnXG4gICAgfX0+XG4gICAgPGlmcmFtZSBzcmM9XCJodHRwczovL3d3dy5sb29tLmNvbS9lbWJlZC84MzQ2YzY1ZTk5ZWU0YWU1OTRlOTQ2MmY1M2ZmYzZjNVwiIGZyYW1lQm9yZGVyPVwiMFwiIHN0eWxlPXt7XG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgIGhlaWdodDogJzEwMCUnXG4gICAgICB9fT48L2lmcmFtZT5cbiAgICA8L2Rpdj5cbiAgICA8cD57YElmIHlvdSB3YW50IHRvIGluc3RhbGwgdGhlIHBhY2thZ2VzIGluIGEgc2ltcGxlIENyZWF0ZSBSZWFjdCBBcHAgeW91IGNhbiBmb2xsb3cgdGhlIHN0ZXBzIGluIHRoZSBhYm92ZSB2aWRlby5gfTwvcD5cbiAgICA8cD57YFlvdSB3aWxsIG5lZWQgdG8gZmlyc3QgaGF2ZSBhIHJ1bm5pbmcgUmVhY3QgQXBwbGljYXRpb24uIFdlIHN1Z2dlc3QgeW91IHVzZSB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vcmVhY3Rqcy5vcmcvZG9jcy9jcmVhdGUtYS1uZXctcmVhY3QtYXBwLmh0bWwjY3JlYXRlLXJlYWN0LWFwcFwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BDcmVhdGUgUmVhY3QgQXBwYH08L2E+e2AgZW52aXJvbm1lbnQgYXMgd2UgZGlkIGluIHRoZSB2aWRlby5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJyZWFkaW5nLWRlc2lnbmVyLWZpbGVzXCJcbiAgICB9fT57YFJlYWRpbmcgZGVzaWduZXIgZmlsZXNgfTwvaDI+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvaW5zcGVjdGluZy5wbmdcIiBhbHQ9XCJBY2Nlc3NpbmcgZG9jdW1lbnRhdGlvbiBmcm9tIEZpZ21hXCIgd2lkdGg9XCI1MDhcIiAvPlxuICAgIDxwPntgV2Ugc3RyaXZlIHRvIHByb3ZpZGUgbWF0Y2hpbmcgbmFtaW5nIG9mIGNvbXBvbmVudHMgYW5kIHRoZWlyIHByb3BzIGJvdGggaW4gdGhlIHBhY2thZ2VzIGZvciBkZXZlbG9wZXJzIGFuZCBpbiBkZXNpZ25lcnMnIHRvb2xpbmcuYH08L3A+XG4gICAgPHA+e2BUaGUgdG9vbCBvZiBjaG9pY2UgZm9yIGRlc2lnbmVycyBhdCBQcmVwbHkgaXMgRmlnbWEuIFdoaWxlIGluc3BlY3RpbmcgRmlnbWEgZmlsZXMgeW91IGNhbiByZWNvZ25pemUgY29tcG9uZW50IGluc3RhbmNlcyBieSBwdXJwbGUgY29sb3IgYW5kIHJvbWJ1cyAo4peHKSBpY29uIGluIHRoZSBsYXllciBsaXN0IG9uIHRoZSBsZWZ0LiBGaWdtYSBjb21wb25lbnRzIGNvbWUgd2l0aCB0aGUgbGlua3MgdG8gdGhlIGRvY3VtZW50YXRpb24gd2Vic2l0ZSB3aGljaCB5b3UgY2FuIGFjY2VzcyBieSDigJxWaWV3IGRvY3VtZW50YXRpb27igJ0gYnV0dG9uIGluIHRoZSBpbnNwZWN0IHBhbmVsIG9uIHRoZSByaWdodC5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJ1c2luZy10aGUtY29tcG9uZW50LWRvY3VtZW50YXRpb25cIlxuICAgIH19PntgVXNpbmcgdGhlIGNvbXBvbmVudCBkb2N1bWVudGF0aW9uYH08L2gyPlxuICAgIDxkaXYgc3R5bGU9e3tcbiAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgcGFkZGluZ0JvdHRvbTogJzU2LjI1JScsXG4gICAgICBoZWlnaHQ6IDAsXG4gICAgICBtYXJnaW46ICcyMHB4IDAnXG4gICAgfX0+XG4gICAgPGlmcmFtZSBzcmM9XCJodHRwczovL3d3dy5sb29tLmNvbS9lbWJlZC9kYmFhNWFjZTliMmI0OWUzOGUxNzQ2NGJhODc4YjdmMVwiIGZyYW1lQm9yZGVyPVwiMFwiIHN0eWxlPXt7XG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHdpZHRoOiAnMTAwJScsXG4gICAgICAgIGhlaWdodDogJzEwMCUnXG4gICAgICB9fT48L2lmcmFtZT5cbiAgICA8L2Rpdj5cbiAgICA8cD57YEZvciBlYWNoIGNvbXBvbmVudCB3ZSBwcm92aWRlIGEgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWJ1dHRvbi1kb2NzLS1wYWdlXCJcbiAgICAgIH19PntgZG9jdW1lbnRhdGlvbiBwYWdlYH08L2E+e2AgZGV0YWlsaW5nIGFsbCB0aGUgcHJvcHMsIHdoZW4gYW5kIGhvdyB0byB1c2UgdGhlbSwgYW5kIGEgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWJ1dHRvbi0tY2FudmFzXCJcbiAgICAgIH19Pntgc3Rvcnlib29rIGNhbnZhc2B9PC9hPntgIHdoZXJlIHlvdSBjYW4gZXhwbG9yZSBhbGwgdGhlIG9wdGlvbnMgZm9yIGVhY2ggb2YgdGhlIGNvbXBvbmVudCBwcm9wcyBhbmQgb2JzZXJ2ZSB0aGVpciBjb21iaW5lZCByZXN1bHQgaW1tZWRpYXRlbHkuYH08L3A+XG4gICAgPHA+e2BJbiBib3RoIGNhc2VzIHlvdSBjYW4gZWFzaWx5IGFjY2VzcyB0aGUgc291cmNlIGNvZGUgc28gdGhhdCB5b3UgY2FuIGNvcHkgaXQgaW50byB5b3VyIGFwcGxpY2F0aW9uLCBhcyBpbGx1c3RyYXRlZCBpbiB0aGUgdmlkZW8uYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwidXNpbmctY29tcG9uZW50cy1pbi1hLXNpbXBsZS1yZWFjdC1hcHBsaWNhdGlvblwiXG4gICAgfX0+e2BVc2luZyBjb21wb25lbnRzIGluIGEgc2ltcGxlIFJlYWN0IGFwcGxpY2F0aW9uYH08L2gyPlxuICAgIDxkaXYgc3R5bGU9e3tcbiAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgcGFkZGluZ0JvdHRvbTogJzU2LjI1JScsXG4gICAgICBoZWlnaHQ6IDAsXG4gICAgICBtYXJnaW46ICcyMHB4IDAnXG4gICAgfX0+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 */ "l"], {\n mdxType: "StoryDoDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "m"], {\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 */ "k"], {\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__[/* StoryDo */ "k"], {\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 */ "m"], {\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 }, "At the top of the Inspect tab (", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "\\u2325+0"), ") on the right of Figma\'s UI. Full documentation can be accessed with a button (new browser tab will open).")), 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: "Top of the inspect tab",\n width: "508"\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 }, "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": 3\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "On the right above the component 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 ",\n width: "446"\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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ZUE7QUFEdEI7QUFEK0QsR0FBakQ7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC8xMC5mb3ItZGVzaWduZXJzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgU3RvcnlEbywgU3RvcnlEb0RvbnQsIFN0b3J5RG9udCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+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+e2AgYW5kIGFycm93IGtleXMgdG8gY29udHJvbCB0aGUgc2l6aW5nLmB9PC9wPlxuICAgIDxwPntgSWYgeW91IHJlc2l6ZSB0aGUgY29tcG9uZW50IG1hbnVhbGx5IGFuZCBsYXRlciBvbiBuZWVkIHRvIHR1cm4gb24gYXV0b21hdGljIHNpemluZyBsZXZlcmFnZSDigJxodWcgY29udGVudHPigJ0gcmVzaXppbmcgYmVoYXZpb3IgdGhhdCBzaG91bGQgYmUgYXZhaWxhYmxlIGluIEZpZ21hJ3MgaW5zcGVjdG9yIHBhbmVsIG9uIHRoZSByaWdodC5gfTwvcD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS1yZXNpemluZy1iZWhhdmlvci5wbmdcIiBhbHQ9XCJGaWdtYSByZXNpemluZyBiZWhhdmlvciBVSVwiIHdpZHRoPVwiMjMwXCIgLz5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJyZWNvbW1lbmRhdGlvbnNcIlxuICAgIH19PntgUmVjb21tZW5kYXRpb25zYH08L2gzPlxuICAgIDxTdG9yeURvRG9udCBtZHhUeXBlPVwiU3RvcnlEb0RvbnRcIj5cbiAgICA8U3RvcnlEb250IG1keFR5cGU9XCJTdG9yeURvbnRcIj5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvdmVydGljYWwtcmVzaXplLnBuZ1wiIGFsdD1cIlJlc2l6aW5nIGNvbXBvbmVudCB2ZXJ0aWNhbGx5IGluIEZpZ21hXCIgd2lkdGg9XCIzMDBcIiAvPlxuICAgICAgICA8cD5SZXNpemUgY29tcG9uZW50cyB2ZXJ0aWNhbGx5IG9yIG92ZXJyaWRlIHJlc2l6aW5nIGJlaGF2aW9yPC9wPlxuICAgIDwvU3RvcnlEb250PlxuICAgIDxTdG9yeURvIG1keFR5cGU9XCJTdG9yeURvXCI+XG4gICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL2hvcml6b250YWwtcmVzaXplLnBuZ1wiIGFsdD1cIlJlc2l6aW5nIGNvbXBvbmVudCBob3Jpem9udGFsbHkgaW4gRmlnbWFcIiB3aWR0aD1cIjMwMFwiIC8+XG4gICAgICAgIDxwPkluY3JlYXNlIGNvbXBvbmVudHMnIGhvcml6b250YWwgc2l6ZSBpZiBuZWNlc3Nhcnk8L3A+XG4gICAgPC9TdG9yeURvPlxuICAgIDxTdG9yeURvIG1keFR5cGU9XCJTdG9yeURvXCI+XG4gICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL3NwYWNlLXNjYWxlLnBuZ1wiIGFsdD1cIkFwcGxpY2F0aW9uIG9mIHNwYWNlIHNjYWxlIGluIEZpZ21hXCIgd2lkdGg9XCIzMDBcIiAvPlxuICAgICAgICA8cD5cbiAgICAgICAgICAgIFVzZSB0aGUgPGEgaHJlZj1cIj9wYXRoPS9zdG9yeS9mb3VuZGF0aW9ucy1zcGFjZS0tcGFnZSNzcGFjaW5nLXNjYWxlXCI+c3BhY2luZyBzY2FsZTwvYT57JyAnfVxuICAgICAgICAgICAgZm9yIGFsaWduaW5nIGFuZCBkaXN0cmlidXRpbmcgY29tcG9uZW50cy4gV2UgcmVjb21tZW5kIHVzaW5nIEZpZ21hJ3MgQXV0byBMYXlvdXQuXG4gICAgICAgIDwvcD5cbiAgICA8L1N0b3J5RG8+XG4gICAgPFN0b3J5RG9udCBtZHhUeXBlPVwiU3RvcnlEb250XCI+XG4gICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL2FyYml0cmFyeS1zdHlsZS5wbmdcIiBhbHQ9XCJBcmJpdHJhcnkgc3R5bGluZyBvdmVycmlkZSBvbiB0aGUgYnV0dG9uIGNvbXBvbmVudCBpbiBGaWdtYVwiIHdpZHRoPVwiMzAwXCIgLz5cbiAgICAgICAgPHA+QXBwbHkgb3ZlcnJpZGVzIHRvIHN0eWxpbmcgb2YgdGhlIGNvbXBvbmVudHM8L3A+XG4gICAgPC9TdG9yeURvbnQ+XG4gICAgPC9TdG9yeURvRG9udD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJyZWNlaXZpbmctY2hhbmdlc1wiXG4gICAgfX0+e2BSZWNlaXZpbmcgQ2hhbmdlc2B9PC9oMj5cbiAgICA8cD57YENvbXBvbmVudHMgYW5kIHN0eWxlcyBpbiBhIGZpbGUgaW4gRmlnbWEgc3RpY2sgdG8gdGhlIHZlcnNpb24gcHVibGlzaGVkIG9uIHRoZSBkYXRlIG9mIHRoZSBjcmVhdGlvbiB1bnRpbCB5b3UgdXBkYXRlIHRoZW0uIFdoZW4gdGhlcmUgYXJlIHVwZGF0ZXMgaW4gYSBmaWxlIEZpZ21hIHdpbGwgc2hvdyB5b3UgYW4gYWxlcnQgaW4gdGhlIGJvdHRvbSByaWdodCBvZiB0aGUgVUkuIElmIHlvdSBkaXNtaXNzIGl0IHRoZSBkaWFsb2cgd2lsbCBiZSBhdmFpbGFibGUgZnJvbSBBc3NldHMgdGFiIHdpdGggdGhlIGxpYnJhcmllcyBidXR0b24gKGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YOKMpSszYH08L2lubGluZUNvZGU+e2ApLmB9PC9wPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL3VwZGF0ZS1hbGVydC5wbmdcIiBhbHQ9XCJGaWdtYSB1cGRhdGUgYWxlcnRzXCIgd2lkdGg9XCIzNjBcIiAvPlxuICAgIDxwPntgWW91J2xsIGhhdmUgYSBjaGFuY2UgdG8gcmV2aWV3IHVwZGF0ZXMgYmVmb3JlIGFwcGx5aW5nIHRoZW0gYW5kIHNlbGVjdCB3aGljaCBvbmVzIHlvdSB3aWxsIGFwcGx5LiBJbiBtb3N0IGNhc2VzIGl0IHNob3VsZG4ndCBicmVhayBhbnl0aGluZyBpbiB5b3VyIGZpbGUuIENoYW5nZWxvZyBpbmZvcm1hdGlvbiBpcyBwcm92aWRlZCB0byBoZWxwIHlvdSB3aXRoIHVuZGVyc3RhbmRpbmcgd2hhdCB3aWxsIGNoYW5nZS5gfTwvcD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy91cGRhdGUtZGlhbG9nLnBuZ1wiIGFsdD1cIkZpZ21hIHVwZGF0ZSBkaWFsb2dcIiB3aWR0aD1cIjQ3OFwiIC8+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiZ3VpZGVsaW5lc1wiXG4gICAgfX0+e2BHdWlkZWxpbmVzYH08L2gyPlxuICAgIDxwPntgQWRkaXRpb25hbCBoZWxwZnVsIGluZm9ybWF0aW9uIGFib3V0IGNvbXBvbmVudHMgaXMgcHJvdmlkZWQgaW4gdGhlIGZvbGxvd2luZyBwbGFjZXMuYH08L3A+XG4gICAgPG9sPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgQXQgdGhlIHRvcCBvZiB0aGUgSW5zcGVjdCB0YWIgKGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2DijKUrMGB9PC9pbmxpbmVDb2RlPntgKSBvbiB0aGUgcmlnaHQgb2YgRmlnbWEncyBVSS4gRnVsbCBkb2N1bWVudGF0aW9uIGNhbiBiZSBhY2Nlc3NlZCB3aXRoIGEgYnV0dG9uIChuZXcgYnJvd3NlciB0YWIgd2lsbCBvcGVuKS5gfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9pbnNwZWN0aW5nLnBuZ1wiIGFsdD1cIlRvcCBvZiB0aGUgaW5zcGVjdCB0YWJcIiB3aWR0aD1cIjUwOFwiIC8+XG4gICAgPG9sIHsuLi57XG4gICAgICBcInN0YXJ0XCI6IDJcbiAgICB9fT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj57YEluIHRvb2x0aXBzIG9mIHRoZSBBc3NldHMgdGFiLmB9PC9saT5cbiAgICA8L29sPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL2ZpZ21hLXRvb2x0aXBzLnBuZ1wiIGFsdD1cIkZpZ21hIHRvb2x0aXAgZm9yIGEgY29tcG9uZW50XCIgd2lkdGg9XCIzNDJcIiAvPlxuICAgIDxvbCB7Li4ue1xuICAgICAgXCJzdGFydFwiOiAzXG4gICAgfX0+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BPbiB0aGUgcmlnaHQgYWJvdmUgdGhlIGNvbXBvbmVudCBwcm9wcy5gfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS1wcm9wcy5wbmdcIiBhbHQ9XCJGaWdtYSBcIiB3aWR0aD1cIjQ0NlwiIC8+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdRdWlja1N0YXJ0L0ZvciBEZXNpZ25lcnMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\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('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@mdx-js/react/dist/esm.js\nvar esm = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@storybook/addon-docs/dist/esm/index.js + 45 modules\nvar dist_esm = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n\n// EXTERNAL MODULE: .-context/dist/context/DocContextDSWeb.js\nvar DocContextDSWeb = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n\n// EXTERNAL MODULE: .-toolkit/dist/index.js + 46 modules\nvar dist = __webpack_require__("../docs-toolkit/dist/index.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js\nvar LayoutFlex = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/Icon/Icon.js + 1 modules\nvar Icon = __webpack_require__("../../packages/web-lib/dist/components/Icon/Icon.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/Text/Text.js + 1 modules\nvar Text = __webpack_require__("../../packages/web-lib/dist/components/Text/Text.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/hat.svg\nvar _path;\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\n\n\nfunction SvgHat(props) {\n return /*#__PURE__*/react["createElement"]("svg", _extends({\n viewBox: "0 0 12 12",\n xmlns: "http://www.w3.org/2000/svg"\n }, props), _path || (_path = /*#__PURE__*/react["createElement"]("path", {\n d: "M0 5l6-3.879L12 5v6h-1V7.646L6 10.88 0 7l.773-.5L6 9.879l5-3.233v-1L6 8.88 0 5z"\n })));\n}\n\n/* harmony default export */ var hat = (SvgHat);\n// CONCATENATED MODULE: .-pages/docs/pages/20.foundations/00.space.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _00_space_stories_extends() { _00_space_stories_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 _00_space_stories_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(esm["b" /* mdx */])(MDXLayout, _00_space_stories_extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(esm["b" /* mdx */])(dist_esm["d" /* Meta */], {\n title: "Foundations/Space",\n parameters: {\n docs: {\n container: DocContextDSWeb["a" /* DocContextDSWeb */]\n }\n },\n mdxType: "Meta"\n }), Object(esm["b" /* mdx */])("h1", {\n "id": "space"\n }, "Space"), Object(esm["b" /* mdx */])("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(esm["b" /* mdx */])(dist_esm["b" /* Canvas */], {\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(esm["b" /* mdx */])(LayoutFlex["a" /* LayoutFlex */], {\n gap: "m",\n mdxType: "LayoutFlex"\n }, Object(esm["b" /* mdx */])(Icon["a" /* Icon */], {\n size: "m",\n svg: hat,\n mdxType: "Icon"\n }), Object(esm["b" /* mdx */])(LayoutFlex["a" /* LayoutFlex */], {\n gap: "2xs",\n mdxType: "LayoutFlex"\n }, Object(esm["b" /* mdx */])(Icon["a" /* Icon */], {\n size: "m",\n svg: hat,\n mdxType: "Icon"\n }), Object(esm["b" /* mdx */])(Icon["a" /* Icon */], {\n size: "m",\n svg: hat,\n mdxType: "Icon"\n })))), Object(esm["b" /* mdx */])("p", null, "Visible and consistent alignment of elements can further enhance group perception and page scanning for the users."), Object(esm["b" /* mdx */])(dist_esm["b" /* Canvas */], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutFlex%20gap=%22xl%22%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20column%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%20column%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%20column%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%20column%20gap=%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CLayoutFlex%20column%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(esm["b" /* mdx */])(LayoutFlex["a" /* LayoutFlex */], {\n gap: "xl",\n mdxType: "LayoutFlex"\n }, Object(esm["b" /* mdx */])(LayoutFlex["a" /* LayoutFlex */], {\n column: true,\n gap: "xs",\n mdxType: "LayoutFlex"\n }, Object(esm["b" /* mdx */])(Icon["a" /* Icon */], {\n svg: hat,\n mdxType: "Icon"\n }), Object(esm["b" /* mdx */])(LayoutFlex["a" /* LayoutFlex */], {\n column: true,\n gap: "none",\n mdxType: "LayoutFlex"\n }, Object(esm["b" /* mdx */])(Text["a" /* Text */], {\n mdxType: "Text"\n }, "Aligning elements allows human eyes to"), Object(esm["b" /* mdx */])(Text["a" /* Text */], {\n mdxType: "Text"\n }, "scan the composition easier, making perception"), Object(esm["b" /* mdx */])(Text["a" /* Text */], {\n mdxType: "Text"\n }, "of connection between elements effortless."))), Object(esm["b" /* mdx */])(LayoutFlex["a" /* LayoutFlex */], {\n column: true,\n gap: "xs",\n alignItems: "end",\n mdxType: "LayoutFlex"\n }, Object(esm["b" /* mdx */])(Icon["a" /* Icon */], {\n svg: hat,\n mdxType: "Icon"\n }), Object(esm["b" /* mdx */])(LayoutFlex["a" /* LayoutFlex */], {\n column: true,\n gap: "none",\n mdxType: "LayoutFlex"\n }, Object(esm["b" /* mdx */])(LayoutFlex["a" /* LayoutFlex */], {\n column: true,\n gap: "none",\n alignItems: "center",\n mdxType: "LayoutFlex"\n }, Object(esm["b" /* mdx */])(Text["a" /* Text */], {\n mdxType: "Text"\n }, "In compositions without obvious alignment"), Object(esm["b" /* mdx */])(Text["a" /* Text */], {\n mdxType: "Text"\n }, "it\'s harder to perceive")), Object(esm["b" /* mdx */])(Text["a" /* Text */], {\n mdxType: "Text"\n }, "connections between elements."))))), Object(esm["b" /* mdx */])("h2", {\n "id": "root-space-module"\n }, "Root space module"), Object(esm["b" /* mdx */])("p", null, "All values in the space scale are derived from a root module of ", Object(esm["b" /* mdx */])("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(esm["b" /* mdx */])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/root.svg",\n alt: "Root space module"\n }), Object(esm["b" /* mdx */])("p", null, "Note that the unit of measurement for root space module is expressed in ", Object(esm["b" /* mdx */])("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(esm["b" /* mdx */])("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(esm["b" /* mdx */])("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(esm["b" /* mdx */])("h2", {\n "id": "spacing-scale"\n }, "Spacing scale"), Object(esm["b" /* mdx */])("p", null, "Spacing scale is derived from root space module and conforms to the \\u201Ct-shirt\\u201D naming convention."), Object(esm["b" /* mdx */])("p", null, "Scale is used to set the amount of space between components in a ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/components-layoutflex-docs--page"\n }, "layout"), "."), Object(esm["b" /* mdx */])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/scale.svg",\n alt: "Spacing scale"\n }), Object(esm["b" /* mdx */])("h2", {\n "id": "application-recommendations"\n }, "Application recommendations"), Object(esm["b" /* mdx */])(dist["l" /* StoryDoDont */], {\n mdxType: "StoryDoDont"\n }, Object(esm["b" /* mdx */])(dist["m" /* StoryDont */], {\n mdxType: "StoryDont"\n }, Object(esm["b" /* mdx */])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/monotone-space.svg",\n alt: "Monotone space inside a group"\n }), Object(esm["b" /* mdx */])("p", null, "Avoid using the same spacing value everywhere in your composition")), Object(esm["b" /* mdx */])(dist["k" /* StoryDo */], {\n mdxType: "StoryDo"\n }, Object(esm["b" /* mdx */])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/varied-space.svg",\n alt: "Varied space inside a group"\n }), Object(esm["b" /* mdx */])("p", null, "Use smaller spacing on the inside and larger on the outside")), Object(esm["b" /* mdx */])(dist["m" /* StoryDont */], {\n mdxType: "StoryDont"\n }, Object(esm["b" /* mdx */])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/component-space.svg",\n alt: "Outside space directly on a component"\n }), Object(esm["b" /* mdx */])("p", null, "Do not apply outside space directly to a component")), Object(esm["b" /* mdx */])(dist["k" /* StoryDo */], {\n mdxType: "StoryDo"\n }, Object(esm["b" /* mdx */])("img", {\n src: "./docs-pages/docs/pages/20.foundations/static/outer-space.svg",\n alt: "Outside space directly on a component"\n }), Object(esm["b" /* mdx */])("p", null, "Distribute space between components in a", \' \', Object(esm["b" /* mdx */])("a", {\n href: "?path=/story/components-layoutflex-docs--page"\n }, "layout"), " using values from spacing scale"))), Object(esm["b" /* mdx */])("h2", {\n "id": "provided-tooling"\n }, "Provided tooling"), Object(esm["b" /* mdx */])("ul", null, Object(esm["b" /* mdx */])("li", {\n parentName: "ul"\n }, "Spacing scale is available as values for ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "li"\n }, "gap"), " and ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "li"\n }, "padding"), " in ", Object(esm["b" /* mdx */])("a", {\n parentName: "li",\n "href": "/story/components-layoutflex-docs--page"\n }, "LayoutFlex"), " and ", Object(esm["b" /* mdx */])("a", {\n parentName: "li",\n "href": "/story/components-layoutgrid-docs--page"\n }, "LayoutGrid"), " components"), Object(esm["b" /* mdx */])("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(esm["b" /* mdx */])("inlineCode", {\n parentName: "li"\n }, "\\u2318 + /"), " > ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "li"\n }, "Nudge amount"), ".")), Object(esm["b" /* mdx */])("p", null, Object(esm["b" /* mdx */])("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: DocContextDSWeb["a" /* DocContextDSWeb */]\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(esm["b" /* mdx */])(dist_esm["a" /* AddContext */], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(esm["b" /* mdx */])(MDXContent, null));\n }\n});\n/* harmony default export */ var _00_space_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzL2hhdC5zdmc/ZDc4ZCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zLzAwLnNwYWNlLnN0b3JpZXMubWR4P2Q2MTkiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImhhdCIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUVBLHFCQUFxQixnREFBZ0QsZ0JBQWdCLHNCQUFzQixPQUFPLDJCQUEyQiwwQkFBMEIseURBQXlELDJCQUEyQixFQUFFLEVBQUUsRUFBRSxlQUFlLEdBQUcsd0NBQXdDOztBQUU1Ujs7QUFFL0I7QUFDQSxzQkFBc0Isc0JBQW1CO0FBQ3pDO0FBQ0E7QUFDQSxHQUFHLHlDQUF5QyxzQkFBbUI7QUFDL0Q7QUFDQSxHQUFHO0FBQ0g7O0FBRWUsOENBQU0sRTs7Ozs7Ozs7Ozs7Ozs7QUNkckI7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTywyQkFBQyxTQUFELGdDQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVB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QWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCUCxJQUF6QixxQkFDTVMsYUFBYSxDQUFDRixVQUFkLENBQXlCUCxJQUF6QixJQUFpQyxFQUR2QztBQUVFYSxNQUFJLEVBQUU7QUFBQSxXQUFNLDJCQUFDLDhCQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsMkJBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSxvR0FBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvMDAuc3BhY2Uuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX3BhdGg7XG5cbmZ1bmN0aW9uIF9leHRlbmRzKCkgeyBfZXh0ZW5kcyA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24gKHRhcmdldCkgeyBmb3IgKHZhciBpID0gMTsgaSA8IGFyZ3VtZW50cy5sZW5ndGg7IGkrKykgeyB2YXIgc291cmNlID0gYXJndW1lbnRzW2ldOyBmb3IgKHZhciBrZXkgaW4gc291cmNlKSB7IGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwoc291cmNlLCBrZXkpKSB7IHRhcmdldFtrZXldID0gc291cmNlW2tleV07IH0gfSB9IHJldHVybiB0YXJnZXQ7IH07IHJldHVybiBfZXh0ZW5kcy5hcHBseSh0aGlzLCBhcmd1bWVudHMpOyB9XG5cbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5mdW5jdGlvbiBTdmdIYXQocHJvcHMpIHtcbiAgcmV0dXJuIC8qI19fUFVSRV9fKi9SZWFjdC5jcmVhdGVFbGVtZW50KFwic3ZnXCIsIF9leHRlbmRzKHtcbiAgICB2aWV3Qm94OiBcIjAgMCAxMiAxMlwiLFxuICAgIHhtbG5zOiBcImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgfSwgcHJvcHMpLCBfcGF0aCB8fCAoX3BhdGggPSAvKiNfX1BVUkVfXyovUmVhY3QuY3JlYXRlRWxlbWVudChcInBhdGhcIiwge1xuICAgIGQ6IFwiTTAgNWw2LTMuODc5TDEyIDV2NmgtMVY3LjY0Nkw2IDEwLjg4IDAgN2wuNzczLS41TDYgOS44NzlsNS0zLjIzM3YtMUw2IDguODggMCA1elwiXG4gIH0pKSk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFN2Z0hhdDsiLCJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBTdG9yeURvLCBTdG9yeURvRG9udCwgU3RvcnlEb250IH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgSWNvbiwgTGF5b3V0RmxleCwgVGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgaGF0IGZyb20gJy4uL2hhdC5zdmcnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJGb3VuZGF0aW9ucy9TcGFjZVwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwic3BhY2VcIlxuICAgIH19PntgU3BhY2VgfTwvaDE+XG4gICAgPHA+e2BUaGUgYW1vdW50IG9mIHNwYWNlIGJldHdlZW4gZWxlbWVudHMgaW4gYSBjb21wb3NpdGlvbiBhZmZlY3RzIGh1bWFuIHBlcmNlcHRpb24gb2YgY29ubmVjdGlvbiBiZXR3ZWVuIHRob3NlIGVsZW1lbnRzLiBDbG9zZSBlbGVtZW50cyBhcmUgbGlrZWx5IHRvIGJlIHBlcmNlaXZlZCBhcyBhIGdyb3VwLmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMm0lMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NJY29uJTIwc2l6ZT0lMjJtJTIyJTIwc3ZnPSU3QmhhdCU3RCUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMjJ4cyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0ljb24lMjBzaXplPSUyMm0lMjIlMjBzdmc9JTdCaGF0JTdEJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0ljb24lMjBzaXplPSUyMm0lMjIlMjBzdmc9JTdCaGF0JTdEJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEZsZXggZ2FwPVwibVwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxJY29uIHNpemU9XCJtXCIgc3ZnPXtoYXR9IG1keFR5cGU9XCJJY29uXCIgLz5cbiAgICAgICAgPExheW91dEZsZXggZ2FwPVwiMnhzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxJY29uIHNpemU9XCJtXCIgc3ZnPXtoYXR9IG1keFR5cGU9XCJJY29uXCIgLz5cbiAgICAgICAgICAgIDxJY29uIHNpemU9XCJtXCIgc3ZnPXtoYXR9IG1keFR5cGU9XCJJY29uXCIgLz5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICA8cD57YFZpc2libGUgYW5kIGNvbnNpc3RlbnQgYWxpZ25tZW50IG9mIGVsZW1lbnRzIGNhbiBmdXJ0aGVyIGVuaGFuY2UgZ3JvdXAgcGVyY2VwdGlvbiBhbmQgcGFnZSBzY2FubmluZyBmb3IgdGhlIHVzZXJzLmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMnhsJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGNvbHVtbiUyMGdhcD0lMjJ4cyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0ljb24lMjBzdmc9JTdCaGF0JTdEJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBjb2x1bW4lMjBnYXA9JTIybm9uZSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlM0VBbGlnbmluZyUyMGVsZW1lbnRzJTIwYWxsb3dzJTIwaHVtYW4lMjBleWVzJTIwdG8lM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlM0VzY2FuJTIwdGhlJTIwY29tcG9zaXRpb24lMjBlYXNpZXIsJTIwbWFraW5nJTIwcGVyY2VwdGlvbiUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUzRW9mJTIwY29ubmVjdGlvbiUyMGJldHdlZW4lMjBlbGVtZW50cyUyMGVmZm9ydGxlc3MuJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGNvbHVtbiUyMGdhcD0lMjJ4cyUyMiUyMGFsaWduSXRlbXM9JTIyZW5kJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSWNvbiUyMHN2Zz0lN0JoYXQlN0QlMjAvJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGNvbHVtbiUyMGdhcD0lMjJub25lJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGNvbHVtbiUyMGdhcD0lMjJub25lJTIyJTIwYWxpZ25JdGVtcz0lMjJjZW50ZXIlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTNFSW4lMjBjb21wb3NpdGlvbnMlMjB3aXRob3V0JTIwb2J2aW91cyUyMGFsaWdubWVudCUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUzRWl0J3MlMjBoYXJkZXIlMjB0byUyMHBlcmNlaXZlJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlM0Vjb25uZWN0aW9ucyUyMGJldHdlZW4lMjBlbGVtZW50cy4lM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TGF5b3V0RmxleCBnYXA9XCJ4bFwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBnYXA9XCJ4c1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8SWNvbiBzdmc9e2hhdH0gbWR4VHlwZT1cIkljb25cIiAvPlxuICAgICAgICAgICAgPExheW91dEZsZXggY29sdW1uIGdhcD1cIm5vbmVcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgICAgIDxUZXh0IG1keFR5cGU9XCJUZXh0XCI+QWxpZ25pbmcgZWxlbWVudHMgYWxsb3dzIGh1bWFuIGV5ZXMgdG88L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgbWR4VHlwZT1cIlRleHRcIj5zY2FuIHRoZSBjb21wb3NpdGlvbiBlYXNpZXIsIG1ha2luZyBwZXJjZXB0aW9uPC9UZXh0PlxuICAgICAgICAgICAgICAgIDxUZXh0IG1keFR5cGU9XCJUZXh0XCI+b2YgY29ubmVjdGlvbiBiZXR3ZWVuIGVsZW1lbnRzIGVmZm9ydGxlc3MuPC9UZXh0PlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBnYXA9XCJ4c1wiIGFsaWduSXRlbXM9XCJlbmRcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPEljb24gc3ZnPXtoYXR9IG1keFR5cGU9XCJJY29uXCIgLz5cbiAgICAgICAgICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBnYXA9XCJub25lXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBjb2x1bW4gZ2FwPVwibm9uZVwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBtZHhUeXBlPVwiVGV4dFwiPkluIGNvbXBvc2l0aW9ucyB3aXRob3V0IG9idmlvdXMgYWxpZ25tZW50PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8VGV4dCBtZHhUeXBlPVwiVGV4dFwiPml0J3MgaGFyZGVyIHRvIHBlcmNlaXZlPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICA8VGV4dCBtZHhUeXBlPVwiVGV4dFwiPmNvbm5lY3Rpb25zIGJldHdlZW4gZWxlbWVudHMuPC9UZXh0PlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInJvb3Qtc3BhY2UtbW9kdWxlXCJcbiAgICB9fT57YFJvb3Qgc3BhY2UgbW9kdWxlYH08L2gyPlxuICAgIDxwPntgQWxsIHZhbHVlcyBpbiB0aGUgc3BhY2Ugc2NhbGUgYXJlIGRlcml2ZWQgZnJvbSBhIHJvb3QgbW9kdWxlIG9mIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDRweGB9PC9pbmxpbmVDb2RlPntgLiBUaGlzIGFsbG93cyB1cyB0byBrZWVwIHNwYWNpbmcgcmh5dGhtaWMgYW5kIGhhcm1vbmlvdXMuIFdlIHN0cml2ZSB0byBrZWVwIHNpemluZyBvZiB0aGUgZWxlbWVudHMgZGl2aXNpYmxlIGJ5IHRoaXMgcm9vdCBtb2R1bGUgdmFsdWUgdG8gZnVydGhlciByZWluZm9yY2UgdGhhdCByaHl0aG0uYH08L3A+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcm9vdC5zdmdcIiBhbHQ9XCJSb290IHNwYWNlIG1vZHVsZVwiIC8+XG4gICAgPHA+e2BOb3RlIHRoYXQgdGhlIHVuaXQgb2YgbWVhc3VyZW1lbnQgZm9yIHJvb3Qgc3BhY2UgbW9kdWxlIGlzIGV4cHJlc3NlZCBpbiBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9HbG9zc2FyeS9DU1NfcGl4ZWxcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgQ1NTIFBpeGVsc2B9PC9hPntgLiBJdCBpcyByZWxhdGl2ZSB0byBzY3JlZW4gcGl4ZWwgZGVuc2l0eSBhbmQgVUkgc2NhbGluZyBmYWN0b3IgYW5kIGRvZXNuJ3QgbmVjZXNzYXJpbHkgZXF1YXRlIHRvIGEgcGh5c2ljYWwgc2NyZWVuIHBpeGVsLiBUaGlzIGlzIGNvbnZlbnRpb25hbCBmb3Igd2ViLiBGb3IgQW5kcm9pZCBhbmQgaU9TIGl0IGNvcnJlc3BvbmRzIHRvIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2RldmVsb3Blci5hbmRyb2lkLmNvbS9yZWZlcmVuY2Uva290bGluL2FuZHJvaWR4L2NvbXBvc2UvdWkvdW5pdC9EcFwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BkcGB9PC9hPntgIGFuZCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9kZXZlbG9wZXIuYXBwbGUuY29tL2xpYnJhcnkvYXJjaGl2ZS9kb2N1bWVudGF0aW9uLzJERHJhd2luZy9Db25jZXB0dWFsL0RyYXdpbmdQcmludGluZ2lPUy9HcmFwaGljc0RyYXdpbmdPdmVydmlldy9HcmFwaGljc0RyYXdpbmdPdmVydmlldy5odG1sIy8vYXBwbGVfcmVmL2RvYy91aWQvVFA0MDAxMDE1Ni1DSDE0LVNXN1wiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BwdGB9PC9hPntgIHJlc3BlY3RpdmVseS4gTnVtZXJpY2FsIHZhbHVlIHN0YXlzIHRoZSBzYW1lLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInNwYWNpbmctc2NhbGVcIlxuICAgIH19PntgU3BhY2luZyBzY2FsZWB9PC9oMj5cbiAgICA8cD57YFNwYWNpbmcgc2NhbGUgaXMgZGVyaXZlZCBmcm9tIHJvb3Qgc3BhY2UgbW9kdWxlIGFuZCBjb25mb3JtcyB0byB0aGUg4oCcdC1zaGlydOKAnSBuYW1pbmcgY29udmVudGlvbi5gfTwvcD5cbiAgICA8cD57YFNjYWxlIGlzIHVzZWQgdG8gc2V0IHRoZSBhbW91bnQgb2Ygc3BhY2UgYmV0d2VlbiBjb21wb25lbnRzIGluIGEgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWxheW91dGZsZXgtZG9jcy0tcGFnZVwiXG4gICAgICB9fT57YGxheW91dGB9PC9hPntgLmB9PC9wPlxuICAgIHtcbiAgICAgIC8qIFRPRE86IFJlcGxhY2Ugd2l0aCB2aXN1YWxpc2F0aW9uIGZyb20gYWN0dWFsIHRva2VucyAqL1xuICAgIH1cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9zY2FsZS5zdmdcIiBhbHQ9XCJTcGFjaW5nIHNjYWxlXCIgLz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJhcHBsaWNhdGlvbi1yZWNvbW1lbmRhdGlvbnNcIlxuICAgIH19PntgQXBwbGljYXRpb24gcmVjb21tZW5kYXRpb25zYH08L2gyPlxuICAgIDxTdG9yeURvRG9udCBtZHhUeXBlPVwiU3RvcnlEb0RvbnRcIj5cbiAgICA8U3RvcnlEb250IG1keFR5cGU9XCJTdG9yeURvbnRcIj5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvbW9ub3RvbmUtc3BhY2Uuc3ZnXCIgYWx0PVwiTW9ub3RvbmUgc3BhY2UgaW5zaWRlIGEgZ3JvdXBcIiAvPlxuICAgICAgICA8cD5Bdm9pZCB1c2luZyB0aGUgc2FtZSBzcGFjaW5nIHZhbHVlIGV2ZXJ5d2hlcmUgaW4geW91ciBjb21wb3NpdGlvbjwvcD5cbiAgICA8L1N0b3J5RG9udD5cbiAgICA8U3RvcnlEbyBtZHhUeXBlPVwiU3RvcnlEb1wiPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy92YXJpZWQtc3BhY2Uuc3ZnXCIgYWx0PVwiVmFyaWVkIHNwYWNlIGluc2lkZSBhIGdyb3VwXCIgLz5cbiAgICAgICAgPHA+VXNlIHNtYWxsZXIgc3BhY2luZyBvbiB0aGUgaW5zaWRlIGFuZCBsYXJnZXIgb24gdGhlIG91dHNpZGU8L3A+XG4gICAgPC9TdG9yeURvPlxuICAgIDxTdG9yeURvbnQgbWR4VHlwZT1cIlN0b3J5RG9udFwiPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9jb21wb25lbnQtc3BhY2Uuc3ZnXCIgYWx0PVwiT3V0c2lkZSBzcGFjZSBkaXJlY3RseSBvbiBhIGNvbXBvbmVudFwiIC8+XG4gICAgICAgIDxwPkRvIG5vdCBhcHBseSBvdXRzaWRlIHNwYWNlIGRpcmVjdGx5IHRvIGEgY29tcG9uZW50PC9wPlxuICAgIDwvU3RvcnlEb250PlxuICAgIDxTdG9yeURvIG1keFR5cGU9XCJTdG9yeURvXCI+XG4gICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL291dGVyLXNwYWNlLnN2Z1wiIGFsdD1cIk91dHNpZGUgc3BhY2UgZGlyZWN0bHkgb24gYSBjb21wb25lbnRcIiAvPlxuICAgICAgICA8cD5cbiAgICAgICAgICAgIERpc3RyaWJ1dGUgc3BhY2UgYmV0d2VlbiBjb21wb25lbnRzIGluIGF7JyAnfVxuICAgICAgICAgICAgPGEgaHJlZj1cIj9wYXRoPS9zdG9yeS9jb21wb25lbnRzLWxheW91dGZsZXgtZG9jcy0tcGFnZVwiPmxheW91dDwvYT4gdXNpbmcgdmFsdWVzIGZyb21cbiAgICAgICAgICAgIHNwYWNpbmcgc2NhbGVcbiAgICAgICAgPC9wPlxuICAgIDwvU3RvcnlEbz5cbiAgICA8L1N0b3J5RG9Eb250PlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInByb3ZpZGVkLXRvb2xpbmdcIlxuICAgIH19PntgUHJvdmlkZWQgdG9vbGluZ2B9PC9oMj5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BTcGFjaW5nIHNjYWxlIGlzIGF2YWlsYWJsZSBhcyB2YWx1ZXMgZm9yIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BnYXBgfTwvaW5saW5lQ29kZT57YCBhbmQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHBhZGRpbmdgfTwvaW5saW5lQ29kZT57YCBpbiBgfTxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtbGF5b3V0ZmxleC1kb2NzLS1wYWdlXCJcbiAgICAgICAgfX0+e2BMYXlvdXRGbGV4YH08L2E+e2AgYW5kIGB9PGEgcGFyZW50TmFtZT1cImxpXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1sYXlvdXRncmlkLWRvY3MtLXBhZ2VcIlxuICAgICAgICB9fT57YExheW91dEdyaWRgfTwvYT57YCBjb21wb25lbnRzYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgQSBzZXQgb2YgaGVscGVyIGNvbXBvbmVudHMgaXMgcHJvdmlkZWQgaW4gRmlnbWEuIFlvdSBjYW4gdXNlIHRoZW0gYXMgc3BhY2VycyBpbnNpZGUgQXV0byBMYXlvdXQgb3IgdG8gdmVyaWZ5IHNwYWNpbmdzIGluIGEgZnJlZSBsYXlvdXQuIFdlIHJlY29tbWVuZCBzZXR0aW5nIHlvdXIgbnVkZ2UgYW1vdW50cyB0byBzY2FsZSB2YWx1ZXM6IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2DijJggKyAvYH08L2lubGluZUNvZGU+e2AgPiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgTnVkZ2UgYW1vdW50YH08L2lubGluZUNvZGU+e2AuYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPHA+PGVtIHBhcmVudE5hbWU9XCJwXCI+e2BUbyBiZSBjb250aW51ZWTigKZgfTwvZW0+PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnRm91bmRhdGlvbnMvU3BhY2UnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/20.foundations/00.space.stories.mdx\n')},"../docs-pages/docs/pages/20.foundations/10.color.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutGrid/LayoutGrid.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Foundations/Color",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "color"\n }, "Color"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Consistent color usage helps us to keep distinct visual style and helps our learners with navigating the screens. Design System\'s color palette is an upgrade to the variety of color styles used at Preply before. It addresses accessibility concerns and gives designers access to more vibrant and varied colors."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "palette"\n }, "Palette"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Palette consists of 6 color hue scales, gray scale, ivory, and white. Color scales (teal, magenta, yellow, blue, green, red) have 5 steps each: from ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "100"), " to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "500"), ". Gray scale additionally has ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "600"), " step. White and ivory consist of only one step."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n alignItems: "start",\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n column: true,\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 column: true,\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 column: true,\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 column: true,\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 column: true,\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 column: true,\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 column: true,\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 column: true,\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 column: true,\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 column: true,\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 column: true,\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 */ "o"], {\n mdxType: "StoryNote"\n }, "As of now, this is an early proof-of-concept. We intend to extend the number of semantic colors and give our consumers access to them."), 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"])("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%20column%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%20column%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%20column%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 column: true,\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 */ "a"], {\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 column: true,\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 */ "a"], {\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 column: true,\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 */ "a"], {\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 */ "e"], {\n mdxType: "FakeViewport"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "a"], {\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 */ "e"], {\n mdxType: "FakeViewport"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "a"], {\n mdxType: "CodeLabel"\n }, "ivory"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* PseudoCard */ "i"], {\n mdxType: "PseudoCard"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "a"], {\n mdxType: "CodeLabel"\n }, "white")))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "text-color--gray500"\n }, "Text color \\u2014 gray.500"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Default non-interactive text color in our UI is ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "gray.500"), ". It is lighter than pure black, but has high enough contrast to be perfectly readable text."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n withSource: "none",\n mdxSource: "%0A%3CLayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3CCodeLabel%3Egray.500%3C/CodeLabel%3E%0A%20%20%20%20%20%20%20%20%3CFakeText%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CLoremIpsum%20/%3E%0A%20%20%20%20%20%20%20%20%3C/FakeText%3E%0A%20%20%20%20%3C/LayoutFlex%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "a"], {\n mdxType: "CodeLabel"\n }, "gray.500"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* FakeText */ "d"], {\n mdxType: "FakeText"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* LoremIpsum */ "g"], {\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%20column%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CCodeLabel%3Egray.500%3C/CodeLabel%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CFakeText%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CLoremIpsum%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/FakeText%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20column%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 column: true,\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "a"], {\n mdxType: "CodeLabel"\n }, "gray.500"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* FakeText */ "d"], {\n mdxType: "FakeText"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* LoremIpsum */ "g"], {\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 column: true,\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* CodeLabel */ "a"], {\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 */ "o"], {\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": "?path=/story/guides-tokens-using-in-components--page"\n }, "tokens"), ". Colors are in ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "root.palette"), " namespace, 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 }, "cluck-ui"), " ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "?path=/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zLzEwLmNvbG9yLnN0b3JpZXMubWR4PzEyOTIiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFRQTtBQUNBO0FBQ0E7QUFHQSxJQUFNQSxXQUFXLEdBQUcsRUFBcEI7QUFHQSxJQUFNQyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFLTCxrRUFBQyxrRUFBRDtBQUFNLFNBQUssRUFBQyxtQkFBWjtBQUFnQyxjQUFVLEVBQUU7QUFDMUNFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEb0MsS0FBNUM7QUFJRyxXQUFPLEVBQUM7QUFKWCxJQUxLLEVBVUw7QUFDRSxVQUFNO0FBRFIsYUFWSyxFQWFMLHFZQWJLLEVBY0w7QUFDRSxVQUFNO0FBRFIsZUFkSyxFQWlCTCxzT0FBNEo7QUFBWSxjQUFVLEVBQUM7QUFBdkIsV0FBNUosVUFBbU47QUFBWSxjQUFVLEVBQUM7QUFB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b0xBUEYsQ0E3TEssRUFzTUw7QUFBSyxPQUFHLEVBQUMsc0VBQVQ7QUFBZ0YsT0FBRyxFQUFDLGlDQUFwRjtBQUFzSCxTQUFLLEVBQUM7QUFBNUgsSUF0TUssRUEwTUwsNkVBQUc7QUFBSSxjQUFVLEVBQUM7QUFBZiw2QkFBSCxDQTFNSyxDQUFQO0FBNE1EOztBQWhOUUwsVTtBQWtOVDtBQUNBQSxVQUFVLENBQUNNLGNBQVgsR0FBNEIsSUFBNUI7QUFFTyxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQUUsUUFBTSxJQUFJQyxLQUFKLENBQVUsaUJBQVYsQ0FBTjtBQUFxQyxDQUE1RDtBQUVQRCxNQUFNLENBQUNFLFVBQVAsR0FBb0I7QUFBRUMsVUFBUSxFQUFFO0FBQVosQ0FBcEI7QUFFQSxJQUFNQyxhQUFhLEdBQUc7QUFBRUMsT0FBSyxFQUFFLG1CQUFUO0FBQThCSCxZQUFVLEVBQUU7QUFDOUROLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUR3RCxHQUExQztBQUluQlEsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIscUJBQ01RLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIsSUFBaUMsRUFEdkM7QUFFRVksTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zLzEwLmNvbG9yLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHtcbiAgICBDb2RlTGFiZWwsXG4gICAgRmFrZVRleHQsXG4gICAgRmFrZVZpZXdwb3J0LFxuICAgIExvcmVtSXBzdW0sXG4gICAgUHNldWRvQ2FyZCxcbiAgICBTdG9yeU5vdGUsXG59IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEJ1dHRvbiwgTGF5b3V0RmxleCwgTGF5b3V0R3JpZCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJGb3VuZGF0aW9ucy9Db2xvclwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiY29sb3JcIlxuICAgIH19PntgQ29sb3JgfTwvaDE+XG4gICAgPHA+e2BDb25zaXN0ZW50IGNvbG9yIHVzYWdlIGhlbHBzIHVzIHRvIGtlZXAgZGlzdGluY3QgdmlzdWFsIHN0eWxlIGFuZCBoZWxwcyBvdXIgbGVhcm5lcnMgd2l0aCBuYXZpZ2F0aW5nIHRoZSBzY3JlZW5zLiBEZXNpZ24gU3lzdGVtJ3MgY29sb3IgcGFsZXR0ZSBpcyBhbiB1cGdyYWRlIHRvIHRoZSB2YXJpZXR5IG9mIGNvbG9yIHN0eWxlcyB1c2VkIGF0IFByZXBseSBiZWZvcmUuIEl0IGFkZHJlc3NlcyBhY2Nlc3NpYmlsaXR5IGNvbmNlcm5zIGFuZCBnaXZlcyBkZXNpZ25lcnMgYWNjZXNzIHRvIG1vcmUgdmlicmFudCBhbmQgdmFyaWVkIGNvbG9ycy5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJwYWxldHRlXCJcbiAgICB9fT57YFBhbGV0dGVgfTwvaDI+XG4gICAgPHA+e2BQYWxldHRlIGNvbnNpc3RzIG9mIDYgY29sb3IgaHVlIHNjYWxlcywgZ3JheSBzY2FsZSwgaXZvcnksIGFuZCB3aGl0ZS4gQ29sb3Igc2NhbGVzICh0ZWFsLCBtYWdlbnRhLCB5ZWxsb3csIGJsdWUsIGdyZWVuLCByZWQpIGhhdmUgNSBzdGVwcyBlYWNoOiBmcm9tIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDEwMGB9PC9pbmxpbmVDb2RlPntgIHRvIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDUwMGB9PC9pbmxpbmVDb2RlPntgLiBHcmF5IHNjYWxlIGFkZGl0aW9uYWxseSBoYXMgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgNjAwYH08L2lubGluZUNvZGU+e2Agc3RlcC4gV2hpdGUgYW5kIGl2b3J5IGNvbnNpc3Qgb2Ygb25seSBvbmUgc3RlcC5gfTwvcD5cbiAgICA8TGF5b3V0RmxleCBhbGlnbkl0ZW1zPVwic3RhcnRcIiBnYXA9XCJzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICA8TGF5b3V0RmxleCBjb2x1bW4gZ2FwPVwic1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxoMz5XaGl0ZTwvaDM+XG4gICAgICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLXdoaXRlLnN2Z1wiIGFsdD1cIldoaXRlXCIgLz5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8TGF5b3V0RmxleCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8aDM+VGVhbDwvaDM+XG4gICAgICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLXRlYWwuc3ZnXCIgYWx0PVwiVGVhbCBzY2FsZVwiIC8+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPExheW91dEZsZXggY29sdW1uIGdhcD1cInNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICA8TGF5b3V0RmxleCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8aDM+SXZvcnk8L2gzPlxuICAgICAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS1pdm9yeS5zdmdcIiBhbHQ9XCJJdm9yeVwiIC8+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPExheW91dEZsZXggY29sdW1uIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPGgzPkdyYXk8L2gzPlxuICAgICAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS1ncmF5LnN2Z1wiIGFsdD1cIkdyYXkgc2NhbGVcIiAvPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPGgzPk1hZ2VudGE8L2gzPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLW1hZ2VudGEuc3ZnXCIgYWx0PVwiTWFnZW50YSBzY2FsZVwiIC8+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPGgzPlllbGxvdzwvaDM+XG4gICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3BhbGV0dGUteWVsbG93LnN2Z1wiIGFsdD1cIlllbGxvdyBzY2FsZVwiIC8+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPGgzPkJsdWU8L2gzPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLWJsdWUuc3ZnXCIgYWx0PVwiQmx1ZSBzY2FsZVwiIC8+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPGgzPkdyZWVuPC9oMz5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS1ncmVlbi5zdmdcIiBhbHQ9XCJHcmVlbiBzY2FsZVwiIC8+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPGgzPlJlZDwvaDM+XG4gICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3BhbGV0dGUtcmVkLnN2Z1wiIGFsdD1cIlJlZCBzY2FsZVwiIC8+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8cD57YFRlY2huaWNhbCBpbmZvcm1hdGlvbiBhYm91dCBwcm9kdWNpbmcgdGhlc2Ugc2NhbGVzIGNhbiBiZSBmb3VuZCBpbiBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9naXRodWIuY29tL3ByZXBseS9kZXNpZ24tc3lzdGVtL3RyZWUvbWFpbi9zdXBwb3J0L2Rlc2lnbi9mb3VuZGF0aW9ucy9jb2xvclwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BEZXNpZ24gU3lzdGVtJ3MgcmVwb3NpdG9yeWB9PC9hPntgLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImNvbWJpbmluZy1jb2xvcnMtYWNjZXNzaWJpbGl0eVwiXG4gICAgfX0+e2BDb21iaW5pbmcgY29sb3JzLCBhY2Nlc3NpYmlsaXR5YH08L2gyPlxuICAgIDxwPntgV2hlbiBjb21iaW5pbmcgY29sb3JzIGZyb20gb3VyIHBhbGV0dGUgeW91IHNob3VsZCBzdHJpdmUgdG8gaGF2ZSBzdWZmaWNpZW50IGNvbnRyYXN0IGZvciB0aGUgZWxlbWVudHMsIHRoYXQgYXJlIHN1cHBvc2VkIHRvIGJlIGNsZWFyIGFuZCByZWFkYWJsZSAoZS5nLiB0ZXh0IGFuZCBpY29ucykuIFRvIGFzc2lzdCB5b3Ugd2l0aCB0aGF0LCB0aGUgbnVtYmVyZWQgc3RlcHMgd2VyZSBzZWxlY3RlZCBzdWNoIGFzIHRoZXkgY29tYmluZSBhcyBmb2xsb3dzIHRvIHByb2R1Y2UgYH08c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BhY2Nlc3NpYmxlIGNvbWJpbmF0aW9uc2B9PC9zdHJvbmc+e2A6YH08L3A+XG4gICAgPG9sPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgMTAwYH08L2lubGluZUNvZGU+e2Agd2l0aCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgNDAwYH08L2lubGluZUNvZGU+e2AgYW5kIGRhcmtlcjsgYmFja2dyb3VuZCBhbmQgZm9yZWdyb3VuZGB9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDIwMGB9PC9pbmxpbmVDb2RlPntgIHdpdGggYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDUwMGB9PC9pbmxpbmVDb2RlPntgIGFuZCBkYXJrZXI7IGJhY2tncm91bmQgYW5kIGZvcmVncm91bmRgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2AzMDBgfTwvaW5saW5lQ29kZT57YCB3aXRoIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2B3aGl0ZWB9PC9pbmxpbmVDb2RlPntgOyBgfTxzdHJvbmcgcGFyZW50TmFtZT1cImxpXCI+e2BiYWNrZ3JvdW5kYH08L3N0cm9uZz57YCBvbmx5YH08L2xpPlxuICAgIDwvb2w+XG4gICAgPGhyIC8+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgQWJvdmUgcmVjb21tZW5kYXRpb25zIGFyZSBiYXNlZCBvbiBgfTxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly93d3cubXluZGV4LmNvbS9BUENBL1wiLFxuICAgICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgICAgfX0+e2BBUENBYH08L2E+e2AgYWxnb3JpdGhtYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgVGhlIHRocmVzaG9sZCBmb3IgY29tYmluYXRpb25zIHRoYXQgYXJlIGNvbnNpZGVyZWQgb2theSBpcyBgfTxzdHJvbmc+e2BMYH08c3VwPntgY2B9PC9zdXA+e2AgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YOKJpSA2MGB9PC9pbmxpbmVDb2RlPjwvc3Ryb25nPntgOyB0aGlzIGlzIHN1ZmZpY2llbnQgZm9yIG1vc3QgaW50ZXJmYWNlIGVsZW1lbnRzYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgRm9yIGJpZyBibG9ja3Mgb2YgdGV4dCBoaWdoZXIgY29udHJhc3QgdmFsdWUgaXMgcmVjb21tZW5kZWQgKGkuZS4gZ3JheSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgNjAwYH08L2lubGluZUNvZGU+e2AgaGFzIExgfTxzdXA+e2BjYH08L3N1cD57YCBvZiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgMTA0YH08L2lubGluZUNvZGU+e2AgYWdhaW5zdCB3aGl0ZSlgfTwvbGk+XG4gICAgPC91bD5cbiAgICB7XG4gICAgICAvKiBEbydzIGFuZCBEb250J3MgZ28gaGVyZSAqL1xuICAgIH1cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJzZW1hbnRpYy1jb2xvcnNcIlxuICAgIH19PntgU2VtYW50aWMgY29sb3JzYH08L2gyPlxuICAgIDxTdG9yeU5vdGUgbWR4VHlwZT1cIlN0b3J5Tm90ZVwiPlxuICAgIEFzIG9mIG5vdywgdGhpcyBpcyBhbiBlYXJseSBwcm9vZi1vZi1jb25jZXB0LiBXZSBpbnRlbmQgdG8gZXh0ZW5kIHRoZSBudW1iZXIgb2Ygc2VtYW50aWMgY29sb3JzXG4gICAgYW5kIGdpdmUgb3VyIGNvbnN1bWVycyBhY2Nlc3MgdG8gdGhlbS5cbiAgICA8L1N0b3J5Tm90ZT5cbiAgICA8cD57YFNvbWUgY29sb3JzIGluIG91ciBwYWxldHRlIGhhdmUgZGVzaWduYXRlZCByb2xlcyBpbiBvdXIgVUkuIFdlIGNhbGwgdGhpcyBzcGVjaWZpYyB1c2FnZSBvZiB0aGUgY29sb3JzIOKAnHNlbWFudGlj4oCdLiBUaGlzIGlzIGFuIGFic3RyYWN0aW9uIG9uIHRvcCBvZiB0aGUg4oCccmF34oCdIGNvbG9yczogdGhlIHVuZGVybHlpbmcgc3BlY2lmaWMgaHVlcyBhbmQgc2hhZGVzIG1heSBjaGFuZ2Ugb3IgZXZvbHZlIGluIHRoZSBmdXR1cmUsIGJ1dCB0aGUgbWVhbmluZyBvZiDigJxwcmltYXJ5IGFjdGlvbiBjb2xvcuKAnSBpcyBsaWtlbHkgdG8gc3RheS5gfTwvcD5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJhY3Rpb24tY29sb3ItLXRlYWxcIlxuICAgIH19PntgQWN0aW9uIGNvbG9yIOKAlCB0ZWFsYH08L2gzPlxuICAgIDxwPntgVGVhbCBzY2FsZSBjb250YWlucyBvdXIga2V5IGJyYW5kIHNoYWRlOiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0ZWFsLjIwMGB9PC9pbmxpbmVDb2RlPntgLiBJdCBpcyBhIGJyaWdodCBhbmQgdmlicmFudCBjb2xvciB0aGF0IGlzIHByZWRvbWluYW50bHkgdXNlZCBmb3IgbWFya2V0aW5nIGFuZCBicmFuZGluZy5gfTwvcD5cbiAgICA8cD57YEluIFVJIHdlIHVzZSBzaGFkZXMgb2YgdGVhbCB0byBoaWdobGlnaHQgaW50ZXJhY3Rpdml0ZSBlbGVtZW50cywgZS5nLiBpbiBwcmltYXJ5LCBzZWNvbmRhcnksIGFuZCBxdWF0ZXJuYXJ5IGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1idXR0b24tZG9jcy0tcGFnZVwiXG4gICAgICB9fT57YGJ1dHRvbnNgfTwvYT57YDpgfTwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4U291cmNlPVwiJTBBJTNDTGF5b3V0R3JpZCUyMGdhcD0lMjJ4bCUyMiUyMGNvbHVtbnM9JTdCMyU3RCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBnYXA9JTIycyUyMiUyMGNvbHVtbiUyMGFsaWduSXRlbXM9JTIyY2VudGVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwcHJpbWFyeSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2JyJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRlYWwuMzAwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUzRURvJTIwdGhlJTIwVGhpbmclM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMnMlMjIlMjBjb2x1bW4lMjBhbGlnbkl0ZW1zPSUyMmNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHNlY29uZGFyeSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2JyJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRlYWwuMTAwJTIwKyUyMHRlYWwuNDAwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIyc2Vjb25kYXJ5JTIyJTNFRG8lMjB0aGUlMjBUaGluZyUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBnYXA9JTIycyUyMiUyMGNvbHVtbiUyMGFsaWduSXRlbXM9JTIyY2VudGVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwcXVhdGVybmFyeSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2JyJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHRlYWwuNDAwJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIycXVhdGVybmFyeSUyMiUzRURvJTIwdGhlJTIwVGhpbmclM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlM0MvTGF5b3V0R3JpZCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TGF5b3V0R3JpZCBnYXA9XCJ4bFwiIGNvbHVtbnM9ezN9IG1keFR5cGU9XCJMYXlvdXRHcmlkXCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInNcIiBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5cbiAgICAgICAgICAgICAgICBwcmltYXJ5XG4gICAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICAgICAgdGVhbC4zMDBcbiAgICAgICAgICAgIDwvQ29kZUxhYmVsPlxuICAgICAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+RG8gdGhlIFRoaW5nPC9CdXR0b24+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPExheW91dEZsZXggZ2FwPVwic1wiIGNvbHVtbiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPlxuICAgICAgICAgICAgICAgIHNlY29uZGFyeVxuICAgICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgICAgIHRlYWwuMTAwICsgdGVhbC40MDBcbiAgICAgICAgICAgIDwvQ29kZUxhYmVsPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwic2Vjb25kYXJ5XCIgbWR4VHlwZT1cIkJ1dHRvblwiPkRvIHRoZSBUaGluZzwvQnV0dG9uPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInNcIiBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5cbiAgICAgICAgICAgICAgICBxdWF0ZXJuYXJ5XG4gICAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICAgICAgdGVhbC40MDBcbiAgICAgICAgICAgIDwvQ29kZUxhYmVsPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicXVhdGVybmFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5EbyB0aGUgVGhpbmc8L0J1dHRvbj5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvTGF5b3V0R3JpZD5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJwYWdlLWxldmVsLWJhY2tncm91bmQtY29sb3ItLWl2b3J5XCJcbiAgICB9fT57YFBhZ2UtbGV2ZWwgYmFja2dyb3VuZCBjb2xvciDigJQgaXZvcnlgfTwvaDM+XG4gICAgPHA+e2BEZWZhdWx0IHBhZ2UgYmFja2dyb3VuZCBjb2xvciBpcyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bpdm9yeWB9PC9pbmxpbmVDb2RlPntgLiBUaGlzIHdhcm0gbGlnaHQgZ3JheSBjYW4gYmUgYWNjZXNzaWJseSBjb21iaW5lZCB3aXRoIHNoYWRlcyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A0MDBgfTwvaW5saW5lQ29kZT57YCBhbmQgZGFya2VyIGZyb20gb3VyIHBhbGV0dGUuYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0Zha2VWaWV3cG9ydCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRWl2b3J5JTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9GYWtlVmlld3BvcnQlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPEZha2VWaWV3cG9ydCBtZHhUeXBlPVwiRmFrZVZpZXdwb3J0XCI+XG4gICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPml2b3J5PC9Db2RlTGFiZWw+XG4gICAgPC9GYWtlVmlld3BvcnQ+XG4gICAgPC9DYW52YXM+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwiY2FyZC1iYWNrZ3JvdW5kLWNvbG9yLS13aGl0ZVwiXG4gICAgfX0+e2BDYXJkIGJhY2tncm91bmQgY29sb3Ig4oCUIHdoaXRlYH08L2gzPlxuICAgIDxwPntgV2hlbiB3ZSBuZWVkIHRvIGludHJvZHVjZSBhZGRpdGlvbmFsIGxldmVsIG9mIGVsZXZhdGlvbiBpbiBvdXIgVUkgd2UgdXNlIHdoaXRlIGNvbG9yLmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NGYWtlVmlld3BvcnQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NDb2RlTGFiZWwlM0Vpdm9yeSUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NQc2V1ZG9DYXJkJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFd2hpdGUlM0MvQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL1BzZXVkb0NhcmQlM0UlMEElMjAlMjAlMjAlMjAlM0MvRmFrZVZpZXdwb3J0JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxGYWtlVmlld3BvcnQgbWR4VHlwZT1cIkZha2VWaWV3cG9ydFwiPlxuICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5pdm9yeTwvQ29kZUxhYmVsPlxuICAgICAgICA8UHNldWRvQ2FyZCBtZHhUeXBlPVwiUHNldWRvQ2FyZFwiPlxuICAgICAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+d2hpdGU8L0NvZGVMYWJlbD5cbiAgICAgICAgPC9Qc2V1ZG9DYXJkPlxuICAgIDwvRmFrZVZpZXdwb3J0PlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRleHQtY29sb3ItLWdyYXk1MDBcIlxuICAgIH19PntgVGV4dCBjb2xvciDigJQgZ3JheS41MDBgfTwvaDM+XG4gICAgPHA+e2BEZWZhdWx0IG5vbi1pbnRlcmFjdGl2ZSB0ZXh0IGNvbG9yIGluIG91ciBVSSBpcyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BncmF5LjUwMGB9PC9pbmxpbmVDb2RlPntgLiBJdCBpcyBsaWdodGVyIHRoYW4gcHVyZSBibGFjaywgYnV0IGhhcyBoaWdoIGVub3VnaCBjb250cmFzdCB0byBiZSBwZXJmZWN0bHkgcmVhZGFibGUgdGV4dC5gfTwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4U291cmNlPVwiJTBBJTNDTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRWdyYXkuNTAwJTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0Zha2VUZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTG9yZW1JcHN1bSUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvRmFrZVRleHQlM0UlMEElMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TGF5b3V0RmxleCBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5ncmF5LjUwMDwvQ29kZUxhYmVsPlxuICAgICAgICA8RmFrZVRleHQgbWR4VHlwZT1cIkZha2VUZXh0XCI+XG4gICAgICAgICAgICA8TG9yZW1JcHN1bSBtZHhUeXBlPVwiTG9yZW1JcHN1bVwiIC8+XG4gICAgICAgIDwvRmFrZVRleHQ+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRlcnRpYXJ5LWFjdGlvbi1jb2xvci0tZ3JheTYwMFwiXG4gICAgfX0+e2BUZXJ0aWFyeSBhY3Rpb24gY29sb3Ig4oCUIGdyYXkuNjAwYH08L2gzPlxuICAgIDxwPntgRm9yIG91ciBtdXRlZCB0ZXJ0aWFyeSBidXR0b25zIHRvIHN0YW5kIG91dCBhZ2FpbnN0IHRoZSBub24taW50ZXJhY3RpdmUgdGV4dCB3ZSB1c2UgZGFya2VyIGdyYXkuNjAwYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwY29sdW1uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFZ3JheS41MDAlM0MvQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDRmFrZVRleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMb3JlbUlwc3VtJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9GYWtlVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGNvbHVtbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRWdyYXkuNjAwJTIwKyUyMGl2b3J5JTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIydGVydGlhcnklMjIlM0VEbyUyMHRoZSUyMFRoaW5nJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEZsZXggbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPExheW91dEZsZXggY29sdW1uIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5ncmF5LjUwMDwvQ29kZUxhYmVsPlxuICAgICAgICAgICAgPEZha2VUZXh0IG1keFR5cGU9XCJGYWtlVGV4dFwiPlxuICAgICAgICAgICAgICAgIDxMb3JlbUlwc3VtIG1keFR5cGU9XCJMb3JlbUlwc3VtXCIgLz5cbiAgICAgICAgICAgIDwvRmFrZVRleHQ+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPExheW91dEZsZXggY29sdW1uIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5ncmF5LjYwMCArIGl2b3J5PC9Db2RlTGFiZWw+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5EbyB0aGUgVGhpbmc8L0J1dHRvbj5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICA8U3RvcnlOb3RlIG1keFR5cGU9XCJTdG9yeU5vdGVcIj5cbiAgICBTaW5jZSA8Y29kZT50ZXJ0aWFyeTwvY29kZT4gYnV0dG9ucyB1c2UgdGhlIHNhbWUgPGNvZGU+aXZvcnk8L2NvZGU+IGJhY2tncm91bmQgYXMgdGhlIHRvcC1sZXZlbFxuICAgIGNvbnRhaW5lciB0aGV5IHNob3VsZG4ndCBiZSB1c2VkIGl0IGFzIGl0cyBkaXJlY3QgY2hpbGRyZW4uIFB1dCB0aGVtIGludG8gYSBjYXJkIG9yIHVzZVxuICAgIGRpZmZlcmVudCBidXR0b24gdmFyaWFudC5cbiAgICA8L1N0b3J5Tm90ZT5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJwcm92aWRlZC10b29saW5nXCJcbiAgICB9fT57YFByb3ZpZGVkIHRvb2xpbmdgfTwvaDI+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgQWNjZXNzIHRvIG5ldyBwYWxldHRlIGlzIHByb3ZpZGVkIHZpYSBGaWdtYSBMaWJyYXJ5IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BEZXNpZ24gU3lzdGVtIEFscGhhYH08L2lubGluZUNvZGU+e2AgZm9yIGRlc2lnbmVyc2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YENvbG9yIHZhbHVlcyBmb3IgZGV2ZWxvcGVycyBhcmUgcHJvdmlkZWQgdGhyb3VnaCBgfTxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiP3BhdGg9L3N0b3J5L2d1aWRlcy10b2tlbnMtdXNpbmctaW4tY29tcG9uZW50cy0tcGFnZVwiXG4gICAgICAgIH19PntgdG9rZW5zYH08L2E+e2AuIENvbG9ycyBhcmUgaW4gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHJvb3QucGFsZXR0ZWB9PC9pbmxpbmVDb2RlPntgIG5hbWVzcGFjZSwgdG8gbWFrZSBzdXJlIHlvdSdyZSB1c2luZyB0aGUgbmV3IGNvbG9ycyBhbmQgbm90IHRoZSBsZWdhY3kgZmFsbGJhY2tzIGNoZWNrIGlmIHlvdSdyZSB1c2luZyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgY2x1Y2stdWlgfTwvaW5saW5lQ29kZT57YCBgfTxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiP3BhdGg9L3N0b3J5L2FwaS1kcy13ZWItcm9vdC1wcm92aWRlcnMtcm9vdHByb3ZpZGVyLS1wYWdlI3RoZW1lLXN0cmluZ1wiXG4gICAgICAgIH19PntgdGhlbWVgfTwvYT57YC5gfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BJbmZvbWF0aW9uIGFib3V0IGNvbG9yIGNvbWJpbmF0aW9ucyBhbmQgdXBncmFkZSBwYXRocyBmb3IgbGVnYWN5IGNvbG9ycyBpcyBwcm92aWRlZCBpbiBvdXIgRmlnbWEgbGlicmFyeSB3aXRoIGNvbW1lbnRzIChob3ZlciBvdmVyIHRoZSBjb2xvcnMgaW4gdGhlIHN0eWxlIHNlbGVjdGlvbiBkaWFsb2cpYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvc3R5bGUtZGlhbG9nLWZpZ21hLnBuZ1wiIGFsdD1cIlN0eWxlIHNlbGVjdGlvbiBkaWFsb2cgaW4gRmlnbWFcIiB3aWR0aD1cIjQ3N1wiIC8+XG4gICAge1xuICAgICAgLyogLSBUb2tlbnMgKi9cbiAgICB9XG4gICAgPHA+PGVtIHBhcmVudE5hbWU9XCJwXCI+e2BUbyBiZSBjb250aW51ZWTigKZgfTwvZW0+PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnRm91bmRhdGlvbnMvQ29sb3InLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/20.foundations/10.color.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/00.installation/00.applications.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: "Guides/Installation/Applications",\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": "installation-applications"\n }, "Installation: Applications"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This guide applies to both client-side and server-side rendered React applications."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "packages"\n }, "Packages"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Our packages are available in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://www.npmjs.com/search?q=%40preply",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "npm"), " registry under the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply"), " namespace."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "yarn add @preply/ds-web-lib @preply/ds-web-root\\n")), 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 }, "@preply/ds-web-root"), " provides a single entry point to instantiate all the necessary resources in your application."), 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 }, "@preply/ds-web-lib"), " provides the collection of components documented for the web platform.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "add-rootprovider-and-global-stylesheets"\n }, "Add ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "RootProvider"), " and global stylesheets"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), " wraps all the other providers and makes sure the CSS classes are added to your DOM. You will need to wrap your code with it."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "target"), " prop determines where to inject the CSS classes and you can provide the DOM element ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "document.body"), " in order to have the CSS classes in scope for components rendered anywhere in the page, including ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("em", {\n parentName: "p"\n }, "portals"), " outside of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<div id=\\"root\\">"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Optional:"), 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 }, "If your app is not yet loading the Roboto font, you will also need to import ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "roboto.less"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "If your app does not have a global CSS reset, you should import ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "reset.less"), " as well.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import { RootProvider } from \'@preply/ds-web-root\';\\n\\n// optional\\nimport \'@preply/ds-web-root/dist/styles/fonts/roboto.less\';\\nimport \'@preply/ds-web-root/dist/styles/global/reset.less\';\\n\\nReactDOM.render(\\n <React.StrictMode>\\n <RootProvider target={document.body}>\\n <App />\\n </RootProvider>\\n </React.StrictMode>,\\n document.getElementById(\'root\'),\\n);\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Notes:")), 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 }, "If your build does not support CSS preprocessing, you can instead import ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "reset.less.js"), " and/or ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "roboto.less.js"), " but you need to make sure these are not ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("em", {\n parentName: "li"\n }, "tree-shaked"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "If your app is rendered server side, continue with the instructions in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/guides-installation-ssr--page"\n }, "Installation: SSR"), " guide.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\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: \'Guides/Installation/Applications\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMDAuYXBwbGljYXRpb25zLnN0b3JpZXMubWR4P2Q2NmEiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLGtDQUFaO0FBQStDLGNBQVUsRUFBRTtBQUN6REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURtRCxLQUEzRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUixrQ0FWSyxFQWFMLG1LQWJLLEVBY0w7QUFDRSxVQUFNO0FBRFIsZ0JBZEssRUFpQkwsbUhBQXlDO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDckMsWUFBUSwwQ0FENkI7QUFFckMsY0FBVSxRQUYyQjtBQUdyQyxXQUFPO0FBSDhCLFdBQXpDLDBCQUl3QztBQUFZLGNBQVUsRUFBQztBQUF2QixlQUp4QyxnQkFqQkssRUFzQkwsK0VBQUs7QUFBTSxjQUFVLEVBQUM7QUFBakIseURBQUwsQ0F0QkssRUF3QkwsOEVBQ0U7QUFBSSxjQUFVLEVBQUM7QUFBZixLQUFvQjtBQUFZLGNBQVUsRUFBQztBQUF2QiwyQkFBcEIsbUdBREYsRUFFRTtBQUFJLGNBQVUsRUFBQztBQUFmLEtBQW9CO0FBQVksY0FBVSxFQUFDO0FBQXZCLDBCQUFwQiw0RUFGRixDQXhCSyxFQTRCTDtBQUNFLFVBQU07QUFEUixhQUVXO0FBQVksY0FBVSxFQUFDO0FBQXZCLG9CQUZYLDRCQTVCSyxFQStCTCxxRkFBVztBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBWCxrSUEvQkssRUFnQ0wscUZBQVc7QUFBWSxjQUFVLEVBQUM7QUFBdkIsY0FBWCwyRkFBc0o7QUFBWSxjQUFVLEVBQUM7QUFBdkIscUJBQXRKLHlHQUFzVDtBQUFJLGNBQVUsRUFBQztBQUFmLGVBQXRULGtCQUF5VztBQUFZLGNBQVUsRUFBQztBQUF2Qix5QkFBelcsTUFoQ0ssRUFpQ0wseUZBakNLLEVBa0NMLDhFQUNFO0FBQUksY0FBVSxFQUFDO0FBQWYsc0ZBQXFHO0FBQVksY0FBVSxFQUFDO0FBQXZCLG1CQUFyRyxNQURGLEVBRUU7QUFBSSxjQUFVLEVBQUM7QUFBZix5RUFBd0Y7QUFBWSxjQUFVLEVBQUM7QUFBdkIsa0JBQXhGLGNBRkYsQ0FsQ0ssRUFzQ0wsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLG1aQUFMLENBdENLLEVBdURMLDZFQUFHO0FBQVEsY0FBVSxFQUFDO0FBQW5CLGNBQUgsQ0F2REssRUF3REwsOEVBQ0U7QUFBSSxjQUFVLEVBQUM7QUFBZixrRkFBaUc7QUFBWSxjQUFVLEVBQUM7QUFBdkIscUJBQWpHLGNBQXVLO0FBQVksY0FBVSxFQUFDO0FBQXZCLHNCQUF2SywrQ0FBK1E7QUFBSSxjQUFVLEVBQUM7QUFBZixtQkFBL1EsTUFERixFQUVFO0FBQUksY0FBVSxFQUFDO0FBQWYsb0ZBQW1HO0FBQUcsY0FBVSxFQUFDLElBQWQ7QUFDL0YsWUFBUTtBQUR1Rix5QkFBbkcsWUFGRixDQXhESyxFQThETCwrRUFBSztBQUFNLGNBQVUsRUFBQztBQUFqQixRQUFMLENBOURLLENBQVA7QUFnRUQ7O0FBcEVRTCxVO0FBc0VUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsa0NBQVQ7QUFBNkNILFlBQVUsRUFBRTtBQUM3RU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRHVFLEdBQXpEO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzAwLmluc3RhbGxhdGlvbi8wMC5hcHBsaWNhdGlvbnMuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9JbnN0YWxsYXRpb24vQXBwbGljYXRpb25zXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJpbnN0YWxsYXRpb24tYXBwbGljYXRpb25zXCJcbiAgICB9fT57YEluc3RhbGxhdGlvbjogQXBwbGljYXRpb25zYH08L2gxPlxuICAgIDxwPntgVGhpcyBndWlkZSBhcHBsaWVzIHRvIGJvdGggY2xpZW50LXNpZGUgYW5kIHNlcnZlci1zaWRlIHJlbmRlcmVkIFJlYWN0IGFwcGxpY2F0aW9ucy5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJwYWNrYWdlc1wiXG4gICAgfX0+e2BQYWNrYWdlc2B9PC9oMj5cbiAgICA8cD57YE91ciBwYWNrYWdlcyBhcmUgYXZhaWxhYmxlIGluIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly93d3cubnBtanMuY29tL3NlYXJjaD9xPSU0MHByZXBseVwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BucG1gfTwvYT57YCByZWdpc3RyeSB1bmRlciB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseWB9PC9pbmxpbmVDb2RlPntgIG5hbWVzcGFjZS5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue319PntgeWFybiBhZGQgQHByZXBseS9kcy13ZWItbGliIEBwcmVwbHkvZHMtd2ViLXJvb3RcbmB9PC9jb2RlPjwvcHJlPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YEBwcmVwbHkvZHMtd2ViLXJvb3RgfTwvaW5saW5lQ29kZT57YCBwcm92aWRlcyBhIHNpbmdsZSBlbnRyeSBwb2ludCB0byBpbnN0YW50aWF0ZSBhbGwgdGhlIG5lY2Vzc2FyeSByZXNvdXJjZXMgaW4geW91ciBhcHBsaWNhdGlvbi5gfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BAcHJlcGx5L2RzLXdlYi1saWJgfTwvaW5saW5lQ29kZT57YCBwcm92aWRlcyB0aGUgY29sbGVjdGlvbiBvZiBjb21wb25lbnRzIGRvY3VtZW50ZWQgZm9yIHRoZSB3ZWIgcGxhdGZvcm0uYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiYWRkLXJvb3Rwcm92aWRlci1hbmQtZ2xvYmFsLXN0eWxlc2hlZXRzXCJcbiAgICB9fT57YEFkZCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoMlwiPntgUm9vdFByb3ZpZGVyYH08L2lubGluZUNvZGU+e2AgYW5kIGdsb2JhbCBzdHlsZXNoZWV0c2B9PC9oMj5cbiAgICA8cD57YFRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8Um9vdFByb3ZpZGVyLz5gfTwvaW5saW5lQ29kZT57YCB3cmFwcyBhbGwgdGhlIG90aGVyIHByb3ZpZGVycyBhbmQgbWFrZXMgc3VyZSB0aGUgQ1NTIGNsYXNzZXMgYXJlIGFkZGVkIHRvIHlvdXIgRE9NLiBZb3Ugd2lsbCBuZWVkIHRvIHdyYXAgeW91ciBjb2RlIHdpdGggaXQuYH08L3A+XG4gICAgPHA+e2BUaGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgdGFyZ2V0YH08L2lubGluZUNvZGU+e2AgcHJvcCBkZXRlcm1pbmVzIHdoZXJlIHRvIGluamVjdCB0aGUgQ1NTIGNsYXNzZXMgYW5kIHlvdSBjYW4gcHJvdmlkZSB0aGUgRE9NIGVsZW1lbnQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZG9jdW1lbnQuYm9keWB9PC9pbmxpbmVDb2RlPntgIGluIG9yZGVyIHRvIGhhdmUgdGhlIENTUyBjbGFzc2VzIGluIHNjb3BlIGZvciBjb21wb25lbnRzIHJlbmRlcmVkIGFueXdoZXJlIGluIHRoZSBwYWdlLCBpbmNsdWRpbmcgYH08ZW0gcGFyZW50TmFtZT1cInBcIj57YHBvcnRhbHNgfTwvZW0+e2Agb3V0c2lkZSBvZiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8ZGl2IGlkPVwicm9vdFwiPmB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDxwPntgT3B0aW9uYWw6YH08L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgSWYgeW91ciBhcHAgaXMgbm90IHlldCBsb2FkaW5nIHRoZSBSb2JvdG8gZm9udCwgeW91IHdpbGwgYWxzbyBuZWVkIHRvIGltcG9ydCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgcm9ib3RvLmxlc3NgfTwvaW5saW5lQ29kZT57YC5gfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BJZiB5b3VyIGFwcCBkb2VzIG5vdCBoYXZlIGEgZ2xvYmFsIENTUyByZXNldCwgeW91IHNob3VsZCBpbXBvcnQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHJlc2V0Lmxlc3NgfTwvaW5saW5lQ29kZT57YCBhcyB3ZWxsLmB9PC9saT5cbiAgICA8L3VsPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5cbi8vIG9wdGlvbmFsXG5pbXBvcnQgJ0BwcmVwbHkvZHMtd2ViLXJvb3QvZGlzdC9zdHlsZXMvZm9udHMvcm9ib3RvLmxlc3MnO1xuaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1yb290L2Rpc3Qvc3R5bGVzL2dsb2JhbC9yZXNldC5sZXNzJztcblxuUmVhY3RET00ucmVuZGVyKFxuICAgIDxSZWFjdC5TdHJpY3RNb2RlPlxuICAgICAgICA8Um9vdFByb3ZpZGVyIHRhcmdldD17ZG9jdW1lbnQuYm9keX0+XG4gICAgICAgICAgICA8QXBwIC8+XG4gICAgICAgIDwvUm9vdFByb3ZpZGVyPlxuICAgIDwvUmVhY3QuU3RyaWN0TW9kZT4sXG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Jvb3QnKSxcbik7XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BOb3RlczpgfTwvc3Ryb25nPjwvcD5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BJZiB5b3VyIGJ1aWxkIGRvZXMgbm90IHN1cHBvcnQgQ1NTIHByZXByb2Nlc3NpbmcsIHlvdSBjYW4gaW5zdGVhZCBpbXBvcnQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHJlc2V0Lmxlc3MuanNgfTwvaW5saW5lQ29kZT57YCBhbmQvb3IgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHJvYm90by5sZXNzLmpzYH08L2lubGluZUNvZGU+e2AgYnV0IHlvdSBuZWVkIHRvIG1ha2Ugc3VyZSB0aGVzZSBhcmUgbm90IGB9PGVtIHBhcmVudE5hbWU9XCJsaVwiPntgdHJlZS1zaGFrZWRgfTwvZW0+e2AuYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgSWYgeW91ciBhcHAgaXMgcmVuZGVyZWQgc2VydmVyIHNpZGUsIGNvbnRpbnVlIHdpdGggdGhlIGluc3RydWN0aW9ucyBpbiB0aGUgYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtaW5zdGFsbGF0aW9uLXNzci0tcGFnZVwiXG4gICAgICAgIH19PntgSW5zdGFsbGF0aW9uOiBTU1JgfTwvYT57YCBndWlkZS5gfTwvbGk+XG4gICAgPC91bD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue319PntgYH08L2NvZGU+PC9wcmU+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvSW5zdGFsbGF0aW9uL0FwcGxpY2F0aW9ucycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/00.installation/00.applications.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/00.installation/10.ssr.stories.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: "Guides/Installation/SSR",\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": "installation-ssr-applications"\n }, "Installation: SSR Applications"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This guide assumes you have read and followed the steps in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "Installation: Applications"), " guide."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "packages"\n }, "Packages"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You will need to install one extra package. ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-core"), ", which provides you with everything you need to collect stylesheets and CSS classes during SSR time."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "yarn add @preply/ds-web-root\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "instruct-rootprovider-to-not-render-any-css-classes"\n }, "Instruct ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "RootProvider"), " to NOT render any CSS classes"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In the case of SSR, ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "document.body"), " is not available during SSR, so you will need to provide ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "target=\\"none\\""), " instead."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import { RootProvider } from \'@preply/ds-web-root\';\\n\\nexport const wrapWihtProviders = () => (values: ContextValues) => {\\n return (elements: React.ReactNode) => (\\n ...\\n <NextRouter.Provider value={values.nextRouter}>\\n ...\\n <RootProvider target=\\"none\\">{elements}</RootProvider>\\n ...\\n </NextRouter.Provider>\\n ...\\n );\\n};\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "collect-class-names-and-stylesheets-during-ssr"\n }, "Collect class names and stylesheets during SSR"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In order to include the necessary CSS class names in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<body>"), " tag, as well as, you will need to collect them during render and inject them into the document."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The following code is taken from a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "Next.js"), " application."), 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 }, "merge ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "{ classNames: string }"), " with the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "Document"), " props"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "create an instance of this class to collect CSS class names and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "<style>"), " blocks"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "wrap SSR rendering with this provider"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "expose CSS class names and the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "<style>"), " element"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "and render the CSS classes in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "<body>"), " tag")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "// _document.tsx\\nimport { ServerStyleSheet, StyleExtractProvider } from \'@preply/ds-web-core\';\\n\\n// 1\\nclass MyDocument extends Document<Request & { classNames: string }> {\\n static async getInitialProps(ctx: DocumentContext}) {\\n\\n // 2\\n const stylesheet = new ServerStyleSheet();\\n\\n // 3\\n const originalRenderPage = ctx.renderPage\\n ctx.renderPage = () =>\\n originalRenderPage({\\n enhanceApp: (App) => props => (\\n <StyleExtractProvider stylesheet={stylesheet}>\\n <App {...props} />\\n </StyleExtractProvider>\\n ),\\n });\\n\\n // 4\\n const initialProps = await Document.getInitialProps(ctx);\\n return {\\n ...initialProps,\\n classNames : stylesheet.getClassName(),\\n styles: stylesheet.getStyleElement()\\n };\\n }\\n\\n render() {\\n const { classNames } = this.props;\\n // 5\\n return (\\n <Html>\\n <body className={`some-other-classes ${classNames}`}>\\n ...\\n </body>\\n </Html>\\n );\\n }\\n}\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "See also ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://nextjs.org/docs/advanced-features/custom-document",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Next.js official docs"), "."));\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: \'Guides/Installation/SSR\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMTAuc3NyLnN0b3JpZXMuc3Rvcmllcy5tZHg/Y2I2YyJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BS0wsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMseUJBQVo7QUFBc0MsY0FBVSxFQUFFO0FBQ2hERSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDBDLEtBQWxEO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFMSyxFQVVMO0FBQ0UsVUFBTTtBQURSLHNDQVZLLEVBYUwsZ0pBQXNFO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDbEUsWUFBUTtBQUQwRCxrQ0FBdEUsWUFiSyxFQWdCTDtBQUNFLFVBQU07QUFEUixnQkFoQkssRUFtQkwsNkhBQW1EO0FBQVksY0FBVSxFQUFDO0FBQXZCLDJCQUFuRCwwR0FuQkssRUFvQkwsK0VBQUs7QUFBTSxjQUFVLEVBQUM7QUFBakIsc0NBQUwsQ0FwQkssRUFzQkw7QUFDRSxVQUFNO0FBRFIsa0JBRWdCO0FBQVksY0FBVSxFQUFDO0FBQXZCLG9CQUZoQixtQ0F0QkssRUF5QkwscUdBQTJCO0FBQVksY0FBVSxFQUFDO0FBQXZCLHFCQUEzQixnRUFBa0o7QUFBWSxjQUFVLEVBQUM7QUFBdkIsdUJBQWxKLGNBekJLLEVBMEJMLCtFQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWix1WkFBTCxDQTFCSyxFQTBDTDtBQUNFLFVBQU07QUFEUixzREExQ0ssRUE2Q0wsMElBQWdFO0FBQVksY0FBVSxFQUFDO0FBQXZCLGNBQWhFLHFHQTdDSyxFQThDTCxvSEFBMEM7QUFBWSxjQUFVLEVBQUM7QUFBdkIsZUFBMUMsa0JBOUNLLEVBK0NMLDhFQUNFO0FBQUksY0FBVSxFQUFDO0FBQWYsZUFBOEI7QUFBWSxjQUFVLEVBQUM7QUFBdkIsOEJBQTlCLGdCQUErRztBQUFZLGNBQVUsRUFBQztBQUF2QixnQkFBL0csV0FERixFQUVFO0FBQUksY0FBVSxFQUFDO0FBQWYseUVBQXdGO0FBQVksY0FBVSxFQUFDO0FBQXZCLGVBQXhGLFlBRkYsRUFHRTtBQUFJLGNBQVUsRUFBQztBQUFmLDZDQUhGLEVBSUU7QUFBSSxjQUFVLEVBQUM7QUFBZix3Q0FBdUQ7QUFBWSxjQUFVLEVBQUM7QUFBdkIsZUFBdkQsYUFKRixFQUtFO0FBQUksY0FBVSxFQUFDO0FBQWYsMkNBQTBEO0FBQVksY0FBVSxFQUFDO0FBQXZCLGNBQTFELFNBTEYsQ0EvQ0ssRUFzREwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLGtzQ0FBTCxDQXRESyxFQW1HTCwwRkFBZ0I7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUNaLFlBQVEsMkRBREk7QUFFWixjQUFVLFFBRkU7QUFHWixXQUFPO0FBSEssNkJBQWhCLE1BbkdLLENBQVA7QUF5R0Q7O0FBN0dRTCxVO0FBK0dUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUseUJBQVQ7QUFBb0NILFlBQVUsRUFBRTtBQUNwRU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDhELEdBQWhEO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzAwLmluc3RhbGxhdGlvbi8xMC5zc3Iuc3Rvcmllcy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0luc3RhbGxhdGlvbi9TU1JcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImluc3RhbGxhdGlvbi1zc3ItYXBwbGljYXRpb25zXCJcbiAgICB9fT57YEluc3RhbGxhdGlvbjogU1NSIEFwcGxpY2F0aW9uc2B9PC9oMT5cbiAgICA8cD57YFRoaXMgZ3VpZGUgYXNzdW1lcyB5b3UgaGF2ZSByZWFkIGFuZCBmb2xsb3dlZCB0aGUgc3RlcHMgaW4gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1hcHBsaWNhdGlvbnMtLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IEFwcGxpY2F0aW9uc2B9PC9hPntgIGd1aWRlLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInBhY2thZ2VzXCJcbiAgICB9fT57YFBhY2thZ2VzYH08L2gyPlxuICAgIDxwPntgWW91IHdpbGwgbmVlZCB0byBpbnN0YWxsIG9uZSBleHRyYSBwYWNrYWdlLiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BAcHJlcGx5L2RzLXdlYi1jb3JlYH08L2lubGluZUNvZGU+e2AsIHdoaWNoIHByb3ZpZGVzIHlvdSB3aXRoIGV2ZXJ5dGhpbmcgeW91IG5lZWQgdG8gY29sbGVjdCBzdHlsZXNoZWV0cyBhbmQgQ1NTIGNsYXNzZXMgZHVyaW5nIFNTUiB0aW1lLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57fX0+e2B5YXJuIGFkZCBAcHJlcGx5L2RzLXdlYi1yb290XG5gfTwvY29kZT48L3ByZT5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJpbnN0cnVjdC1yb290cHJvdmlkZXItdG8tbm90LXJlbmRlci1hbnktY3NzLWNsYXNzZXNcIlxuICAgIH19PntgSW5zdHJ1Y3QgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDJcIj57YFJvb3RQcm92aWRlcmB9PC9pbmxpbmVDb2RlPntgIHRvIE5PVCByZW5kZXIgYW55IENTUyBjbGFzc2VzYH08L2gyPlxuICAgIDxwPntgSW4gdGhlIGNhc2Ugb2YgU1NSLCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bkb2N1bWVudC5ib2R5YH08L2lubGluZUNvZGU+e2AgaXMgbm90IGF2YWlsYWJsZSBkdXJpbmcgU1NSLCBzbyB5b3Ugd2lsbCBuZWVkIHRvIHByb3ZpZGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgdGFyZ2V0PVwibm9uZVwiYH08L2lubGluZUNvZGU+e2AgaW5zdGVhZC5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXRzeFwiXG4gICAgICB9fT57YGltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuXG5leHBvcnQgY29uc3Qgd3JhcFdpaHRQcm92aWRlcnMgPSAoKSA9PiAodmFsdWVzOiBDb250ZXh0VmFsdWVzKSA9PiB7XG4gICAgcmV0dXJuIChlbGVtZW50czogUmVhY3QuUmVhY3ROb2RlKSA9PiAoXG4gICAgICAgIC4uLlxuICAgICAgICA8TmV4dFJvdXRlci5Qcm92aWRlciB2YWx1ZT17dmFsdWVzLm5leHRSb3V0ZXJ9PlxuICAgICAgICAgICAgLi4uXG4gICAgICAgICAgICA8Um9vdFByb3ZpZGVyIHRhcmdldD1cIm5vbmVcIj57ZWxlbWVudHN9PC9Sb290UHJvdmlkZXI+XG4gICAgICAgICAgICAuLi5cbiAgICAgICAgPC9OZXh0Um91dGVyLlByb3ZpZGVyPlxuICAgICAgICAuLi5cbiAgICApO1xufTtcbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImNvbGxlY3QtY2xhc3MtbmFtZXMtYW5kLXN0eWxlc2hlZXRzLWR1cmluZy1zc3JcIlxuICAgIH19PntgQ29sbGVjdCBjbGFzcyBuYW1lcyBhbmQgc3R5bGVzaGVldHMgZHVyaW5nIFNTUmB9PC9oMj5cbiAgICA8cD57YEluIG9yZGVyIHRvIGluY2x1ZGUgdGhlIG5lY2Vzc2FyeSBDU1MgY2xhc3MgbmFtZXMgaW4gdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxib2R5PmB9PC9pbmxpbmVDb2RlPntgIHRhZywgYXMgd2VsbCBhcywgeW91IHdpbGwgbmVlZCB0byBjb2xsZWN0IHRoZW0gZHVyaW5nIHJlbmRlciBhbmQgaW5qZWN0IHRoZW0gaW50byB0aGUgZG9jdW1lbnQuYH08L3A+XG4gICAgPHA+e2BUaGUgZm9sbG93aW5nIGNvZGUgaXMgdGFrZW4gZnJvbSBhIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YE5leHQuanNgfTwvaW5saW5lQ29kZT57YCBhcHBsaWNhdGlvbi5gfTwvcD5cbiAgICA8b2w+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BtZXJnZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgeyBjbGFzc05hbWVzOiBzdHJpbmcgfWB9PC9pbmxpbmVDb2RlPntgIHdpdGggdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BEb2N1bWVudGB9PC9pbmxpbmVDb2RlPntgIHByb3BzYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgY3JlYXRlIGFuIGluc3RhbmNlIG9mIHRoaXMgY2xhc3MgdG8gY29sbGVjdCBDU1MgY2xhc3MgbmFtZXMgYW5kIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2A8c3R5bGU+YH08L2lubGluZUNvZGU+e2AgYmxvY2tzYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgd3JhcCBTU1IgcmVuZGVyaW5nIHdpdGggdGhpcyBwcm92aWRlcmB9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj57YGV4cG9zZSBDU1MgY2xhc3MgbmFtZXMgYW5kIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgPHN0eWxlPmB9PC9pbmxpbmVDb2RlPntgIGVsZW1lbnRgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BhbmQgcmVuZGVyIHRoZSBDU1MgY2xhc3NlcyBpbiB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDxib2R5PmB9PC9pbmxpbmVDb2RlPntgIHRhZ2B9PC9saT5cbiAgICA8L29sPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgLy8gX2RvY3VtZW50LnRzeFxuaW1wb3J0IHsgU2VydmVyU3R5bGVTaGVldCwgU3R5bGVFeHRyYWN0UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcblxuLy8gMVxuY2xhc3MgTXlEb2N1bWVudCBleHRlbmRzIERvY3VtZW50PFJlcXVlc3QgJiB7IGNsYXNzTmFtZXM6IHN0cmluZyB9PiB7XG4gICAgc3RhdGljIGFzeW5jIGdldEluaXRpYWxQcm9wcyhjdHg6IERvY3VtZW50Q29udGV4dH0pIHtcblxuICAgICAgICAvLyAyXG4gICAgICAgIGNvbnN0IHN0eWxlc2hlZXQgPSBuZXcgU2VydmVyU3R5bGVTaGVldCgpO1xuXG4gICAgICAgIC8vIDNcbiAgICAgICAgY29uc3Qgb3JpZ2luYWxSZW5kZXJQYWdlID0gY3R4LnJlbmRlclBhZ2VcbiAgICAgICAgY3R4LnJlbmRlclBhZ2UgPSAoKSA9PlxuICAgICAgICAgICAgb3JpZ2luYWxSZW5kZXJQYWdlKHtcbiAgICAgICAgICAgICAgICBlbmhhbmNlQXBwOiAoQXBwKSA9PiBwcm9wcyA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZUV4dHJhY3RQcm92aWRlciBzdHlsZXNoZWV0PXtzdHlsZXNoZWV0fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxBcHAgey4uLnByb3BzfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlRXh0cmFjdFByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAvLyA0XG4gICAgICAgIGNvbnN0IGluaXRpYWxQcm9wcyA9IGF3YWl0IERvY3VtZW50LmdldEluaXRpYWxQcm9wcyhjdHgpO1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uaW5pdGlhbFByb3BzLFxuICAgICAgICAgICAgY2xhc3NOYW1lcyA6IHN0eWxlc2hlZXQuZ2V0Q2xhc3NOYW1lKCksXG4gICAgICAgICAgICBzdHlsZXM6IHN0eWxlc2hlZXQuZ2V0U3R5bGVFbGVtZW50KClcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIGNvbnN0IHsgY2xhc3NOYW1lcyB9ID0gdGhpcy5wcm9wcztcbiAgICAgICAgLy8gNVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEh0bWw+XG4gICAgICAgICAgICAgICAgPGJvZHkgY2xhc3NOYW1lPXtcXGBzb21lLW90aGVyLWNsYXNzZXMgXFwke2NsYXNzTmFtZXN9XFxgfT5cbiAgICAgICAgICAgICAgICAgICAgLi4uXG4gICAgICAgICAgICAgICAgPC9ib2R5PlxuICAgICAgICAgICAgPC9IdG1sPlxuICAgICAgICApO1xuICAgIH1cbn1cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgU2VlIGFsc28gYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vbmV4dGpzLm9yZy9kb2NzL2FkdmFuY2VkLWZlYXR1cmVzL2N1c3RvbS1kb2N1bWVudFwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BOZXh0LmpzIG9mZmljaWFsIGRvY3NgfTwvYT57YC5gfTwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9JbnN0YWxsYXRpb24vU1NSJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/00.installation/10.ssr.stories.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/00.installation/20.libraries.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: "Guides/Installation/Libraries",\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": "installation-libraries"\n }, "Installation: Libraries"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This guide applies to libraries consumed in Preply applications, and assumes these applications are already integrated according to the steps outlined in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "Installation: Applications"), " guide."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "install-packages"\n }, "Install Packages"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Since the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-lib"), " is already available in these applications, you need to install them as ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "peer dependencies"), " in your library."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "yarn add --peer @preply/ds-web-lib\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Depending on what features of the Design System you want to use, you will need to install different libraries:"), 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 }, "@preply/ds-web-lib"), " - for 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"])("inlineCode", {\n parentName: "li"\n }, "@preply/ds-core"), " - for tokens"), 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 }, "@preply/ds-web-core"), " - for hooks"), 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 }, "@preply/ds-web-root"), " - for using RootProvider in \\"dev mode\\" isolated from host applications")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryNote */ "o"], {\n type: "warning",\n mdxType: "StoryNote"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Make sure to install these packages as peer dependencies as addding them as direct dependencies will lead to duplicate instances of Design System singletons in the application builds which will cause incidents."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Also make sure that your library build system is properly configured to effectively exclude peer dependencies from your bundle.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "jest"\n }, "Jest"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If you are using Jest for unit tests, you will need to add an ignore pattern to your library\'s ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "jest.config.js"), " to force transpilation of our modules before the tests are executed."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "transformIgnorePatterns: [\'/node_modules/(?!(@preply)/)\'],`\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "storybook"\n }, "Storybook"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If your library has a local instance of Storybook you will also have to follow the steps in ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-storybook--page"\n }, "Installation: Storybook"), "."));\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: \'Guides/Installation/Libraries\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMjAubGlicmFyaWVzLnN0b3JpZXMubWR4P2JiMzEiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLCtCQUFaO0FBQTRDLGNBQVUsRUFBRTtBQUN0REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURnRCxLQUF4RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUiwrQkFWSyxFQWFMLCtPQUFxSztBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ2pLLFlBQVE7QUFEeUosa0NBQXJLLFlBYkssRUFnQkw7QUFDRSxVQUFNO0FBRFIsd0JBaEJLLEVBbUJMLDJGQUFpQjtBQUFZLGNBQVUsRUFBQztBQUF2QiwwQkFBakIsK0VBQTRKO0FBQVEsY0FBVSxFQUFDO0FBQW5CLHlCQUE1SixzQkFuQkssRUFvQkwsK0VBQUs7QUFBTSxjQUFVLEVBQUM7QUFBakIsNENBQUwsQ0FwQkssRUFzQkwsOExBdEJLLEVBdUJMLDhFQUNFO0FBQUksY0FBVSxFQUFDO0FBQWYsS0FBb0I7QUFBWSxjQUFVLEVBQUM7QUFBdkIsMEJBQXBCLHNCQURGLEVBRUU7QUFBSSxjQUFVLEVBQUM7QUFBZixLQUFvQjtBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBcEIsa0JBRkYsRUFHRTtBQUFJLGNBQVUsRUFBQztBQUFmLEtBQW9CO0FBQVksY0FBVSxFQUFDO0FBQXZCLDJCQUFwQixpQkFIRixFQUlFO0FBQUksY0FBVSxFQUFDO0FBQWYsS0FBb0I7QUFBWSxjQUFVLEVBQUM7QUFBdkIsMkJBQXBCLDhFQUpGLENBdkJLLEVBNkJMLGtFQUFDLHlFQUFEO0FBQVcsUUFBSSxFQUFDLFNBQWhCO0FBQTBCLFdBQU8sRUFBQztBQUFsQyxLQUNFLGtTQURGLEVBRUUsK01BRkYsQ0E3QkssRUFpQ0w7QUFDRSxVQUFNO0FBRFIsWUFqQ0ssRUFvQ0wsZ0xBQXNHO0FBQVksY0FBVSxFQUFDO0FBQXZCLHNCQUF0RywwRUFwQ0ssRUFxQ0wsK0VBQUs7QUFBTSxjQUFVLEVBQUM7QUFBakIscUVBQUwsQ0FyQ0ssRUF1Q0w7QUFDRSxVQUFNO0FBRFIsaUJBdkNLLEVBMENMLDZLQUFtRztBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQy9GLFlBQVE7QUFEdUYsK0JBQW5HLE1BMUNLLENBQVA7QUE4Q0Q7O0FBbERRTCxVO0FBb0RUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsK0JBQVQ7QUFBMENILFlBQVUsRUFBRTtBQUMxRU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRG9FLEdBQXREO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzAwLmluc3RhbGxhdGlvbi8yMC5saWJyYXJpZXMuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBTdG9yeU5vdGUgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9JbnN0YWxsYXRpb24vTGlicmFyaWVzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJpbnN0YWxsYXRpb24tbGlicmFyaWVzXCJcbiAgICB9fT57YEluc3RhbGxhdGlvbjogTGlicmFyaWVzYH08L2gxPlxuICAgIDxwPntgVGhpcyBndWlkZSBhcHBsaWVzIHRvIGxpYnJhcmllcyBjb25zdW1lZCBpbiBQcmVwbHkgYXBwbGljYXRpb25zLCBhbmQgYXNzdW1lcyB0aGVzZSBhcHBsaWNhdGlvbnMgYXJlIGFscmVhZHkgaW50ZWdyYXRlZCBhY2NvcmRpbmcgdG8gdGhlIHN0ZXBzIG91dGxpbmVkIGluIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tYXBwbGljYXRpb25zLS1wYWdlXCJcbiAgICAgIH19PntgSW5zdGFsbGF0aW9uOiBBcHBsaWNhdGlvbnNgfTwvYT57YCBndWlkZS5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJpbnN0YWxsLXBhY2thZ2VzXCJcbiAgICB9fT57YEluc3RhbGwgUGFja2FnZXNgfTwvaDI+XG4gICAgPHA+e2BTaW5jZSB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS9kcy13ZWItbGliYH08L2lubGluZUNvZGU+e2AgaXMgYWxyZWFkeSBhdmFpbGFibGUgaW4gdGhlc2UgYXBwbGljYXRpb25zLCB5b3UgbmVlZCB0byBpbnN0YWxsIHRoZW0gYXMgYH08c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BwZWVyIGRlcGVuZGVuY2llc2B9PC9zdHJvbmc+e2AgaW4geW91ciBsaWJyYXJ5LmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57fX0+e2B5YXJuIGFkZCAtLXBlZXIgQHByZXBseS9kcy13ZWItbGliXG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YERlcGVuZGluZyBvbiB3aGF0IGZlYXR1cmVzIG9mIHRoZSBEZXNpZ24gU3lzdGVtIHlvdSB3YW50IHRvIHVzZSwgeW91IHdpbGwgbmVlZCB0byBpbnN0YWxsIGRpZmZlcmVudCBsaWJyYXJpZXM6YH08L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgQHByZXBseS9kcy13ZWItbGliYH08L2lubGluZUNvZGU+e2AgLSBmb3IgY29tcG9uZW50c2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YEBwcmVwbHkvZHMtY29yZWB9PC9pbmxpbmVDb2RlPntgIC0gZm9yIHRva2Vuc2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YEBwcmVwbHkvZHMtd2ViLWNvcmVgfTwvaW5saW5lQ29kZT57YCAtIGZvciBob29rc2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YEBwcmVwbHkvZHMtd2ViLXJvb3RgfTwvaW5saW5lQ29kZT57YCAtIGZvciB1c2luZyBSb290UHJvdmlkZXIgaW4gXCJkZXYgbW9kZVwiIGlzb2xhdGVkIGZyb20gaG9zdCBhcHBsaWNhdGlvbnNgfTwvbGk+XG4gICAgPC91bD5cbiAgICA8U3RvcnlOb3RlIHR5cGU9XCJ3YXJuaW5nXCIgbWR4VHlwZT1cIlN0b3J5Tm90ZVwiPlxuICAgICAgPHA+e2BNYWtlIHN1cmUgdG8gaW5zdGFsbCB0aGVzZSBwYWNrYWdlcyBhcyBwZWVyIGRlcGVuZGVuY2llcyBhcyBhZGRkaW5nIHRoZW0gYXMgZGlyZWN0IGRlcGVuZGVuY2llcyB3aWxsIGxlYWQgdG8gZHVwbGljYXRlIGluc3RhbmNlcyBvZiBEZXNpZ24gU3lzdGVtIHNpbmdsZXRvbnMgaW4gdGhlIGFwcGxpY2F0aW9uIGJ1aWxkcyB3aGljaCB3aWxsIGNhdXNlIGluY2lkZW50cy5gfTwvcD5cbiAgICAgIDxwPntgQWxzbyBtYWtlIHN1cmUgdGhhdCB5b3VyIGxpYnJhcnkgYnVpbGQgc3lzdGVtIGlzIHByb3Blcmx5IGNvbmZpZ3VyZWQgdG8gZWZmZWN0aXZlbHkgZXhjbHVkZSBwZWVyIGRlcGVuZGVuY2llcyBmcm9tIHlvdXIgYnVuZGxlLmB9PC9wPlxuICAgIDwvU3RvcnlOb3RlPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcImplc3RcIlxuICAgIH19PntgSmVzdGB9PC9oMz5cbiAgICA8cD57YElmIHlvdSBhcmUgdXNpbmcgSmVzdCBmb3IgdW5pdCB0ZXN0cywgeW91IHdpbGwgbmVlZCB0byBhZGQgYW4gaWdub3JlIHBhdHRlcm4gdG8geW91ciBsaWJyYXJ5J3MgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgamVzdC5jb25maWcuanNgfTwvaW5saW5lQ29kZT57YCB0byBmb3JjZSB0cmFuc3BpbGF0aW9uIG9mIG91ciBtb2R1bGVzIGJlZm9yZSB0aGUgdGVzdHMgYXJlIGV4ZWN1dGVkLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57fX0+e2B0cmFuc2Zvcm1JZ25vcmVQYXR0ZXJuczogWycvbm9kZV9tb2R1bGVzLyg/IShAcHJlcGx5KS8pJ10sXFxgXG5gfTwvY29kZT48L3ByZT5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJzdG9yeWJvb2tcIlxuICAgIH19PntgU3Rvcnlib29rYH08L2gzPlxuICAgIDxwPntgSWYgeW91ciBsaWJyYXJ5IGhhcyBhIGxvY2FsIGluc3RhbmNlIG9mIFN0b3J5Ym9vayB5b3Ugd2lsbCBhbHNvIGhhdmUgdG8gZm9sbG93IHRoZSBzdGVwcyBpbiBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tc3Rvcnlib29rLS1wYWdlXCJcbiAgICAgIH19PntgSW5zdGFsbGF0aW9uOiBTdG9yeWJvb2tgfTwvYT57YC5gfTwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9JbnN0YWxsYXRpb24vTGlicmFyaWVzJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/00.installation/20.libraries.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/00.installation/30.storybook.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: "Guides/Installation/Storybook",\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": "installation-storybook"\n }, "Installation: Storybook"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This guide applies to Storybook setups that document Preply components libraries, and assumes you have read and followed the steps outlined in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-libraries--page"\n }, "Installation: Libaries"), " guide."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "packages"\n }, "Packages"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You need to install ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-root"), " which provides a single entry point to instantiate all the necessary resources in Storybook docs. Additionally, we need to add ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-lib"), " to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "devDependencies"), " as well."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "yarn add --dev @preply/ds-web-root @preply/ds-web/lib\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "configure-storybook"\n }, "Configure Storybook"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "We need to add ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), " to Storybook\'s decorators."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "How to achieve this will depend on your Storybook is configured."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In case your Storybook uses a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "config.js"), " file to do so, add a decorater with ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "RootProvider"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-javascript"\n }, "import { RootProvider } from \'@preply/ds-web-root\';\\n\\nfunction withDSProvider(storyFn) {\\n return <RootProvider target={window.document.body}>{storyFn()}</RootProvider>;\\n}\\n\\naddDecorator(withDSProvider);\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In case you are using a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "preview.ts"), " file, you will need to export ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "decorators"), " from there. You can define your decorators in a separator ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "tsx"), " file, such as ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "decorators.tsx"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "// decorators.ts\\nimport { RootProvider } from \'@preply/ds-web-root\';\\n\\nexport const withProviders = Story => (\\n ...\\n <RootProvider target={document.body}>\\n ...\\n <Story />\\n </RootProviderBeta>\\n ...\\n);\\n\\n// preview.ts\\nimport { withProviders } from \'./decorators\';\\n\\nexport const decorators = [withProviders];\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "See also: ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://storybook.js.org/docs/react/writing-stories/decorators",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Storybook\'s official docs"), "."));\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: \'Guides/Installation/Storybook\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMzAuc3Rvcnlib29rLnN0b3JpZXMubWR4PzgyOTAiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLCtCQUFaO0FBQTRDLGNBQVUsRUFBRTtBQUN0REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURnRCxLQUF4RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUiwrQkFWSyxFQWFMLG9PQUEwSjtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ3RKLFlBQVE7QUFEOEksOEJBQTFKLFlBYkssRUFnQkw7QUFDRSxVQUFNO0FBRFIsZ0JBaEJLLEVBbUJMLHFHQUEyQjtBQUFZLGNBQVUsRUFBQztBQUF2QiwyQkFBM0Isc0lBQThOO0FBQVksY0FBVSxFQUFDO0FBQXZCLDBCQUE5TixVQUFvUztBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBcFMsY0FuQkssRUFvQkwsK0VBQUs7QUFBTSxjQUFVLEVBQUM7QUFBakIsK0RBQUwsQ0FwQkssRUFzQkw7QUFDRSxVQUFNO0FBRFIsMkJBdEJLLEVBeUJMLGdHQUFzQjtBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBdEIsZ0NBekJLLEVBMEJMLGdKQTFCSyxFQTJCTCwrR0FBcUM7QUFBWSxjQUFVLEVBQUM7QUFBdkIsaUJBQXJDLDJDQUFtSTtBQUFZLGNBQVUsRUFBQztBQUF2QixvQkFBbkksTUEzQkssRUE0QkwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLDJOQUFMLENBNUJLLEVBc0NMLHlHQUErQjtBQUFZLGNBQVUsRUFBQztBQUF2QixrQkFBL0IscUNBQXdIO0FBQVksY0FBVSxFQUFDO0FBQXZCLGtCQUF4SCxpRUFBNk87QUFBWSxjQUFVLEVBQUM7QUFBdkIsV0FBN08scUJBQStTO0FBQVksY0FBVSxFQUFDO0FBQXZCLHNCQUEvUyxNQXRDSyxFQXVDTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosa1dBQUwsQ0F2Q0ssRUEwREwsMkZBQWlCO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDYixZQUFRLGdFQURLO0FBRWIsY0FBVSxRQUZHO0FBR2IsV0FBTztBQUhNLGlDQUFqQixNQTFESyxDQUFQO0FBZ0VEOztBQXBFUUwsVTtBQXNFVDtBQUNBQSxVQUFVLENBQUNNLGNBQVgsR0FBNEIsSUFBNUI7QUFFTyxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQUUsUUFBTSxJQUFJQyxLQUFKLENBQVUsaUJBQVYsQ0FBTjtBQUFxQyxDQUE1RDtBQUVQRCxNQUFNLENBQUNFLFVBQVAsR0FBb0I7QUFBRUMsVUFBUSxFQUFFO0FBQVosQ0FBcEI7QUFFQSxJQUFNQyxhQUFhLEdBQUc7QUFBRUMsT0FBSyxFQUFFLCtCQUFUO0FBQTBDSCxZQUFVLEVBQUU7QUFDMUVOLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURvRSxHQUF0RDtBQUluQlEsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIscUJBQ01RLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIsSUFBaUMsRUFEdkM7QUFFRVksTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMzAuc3Rvcnlib29rLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvSW5zdGFsbGF0aW9uL1N0b3J5Ym9va1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW5zdGFsbGF0aW9uLXN0b3J5Ym9va1wiXG4gICAgfX0+e2BJbnN0YWxsYXRpb246IFN0b3J5Ym9va2B9PC9oMT5cbiAgICA8cD57YFRoaXMgZ3VpZGUgYXBwbGllcyB0byBTdG9yeWJvb2sgc2V0dXBzIHRoYXQgZG9jdW1lbnQgUHJlcGx5IGNvbXBvbmVudHMgbGlicmFyaWVzLCBhbmQgYXNzdW1lcyB5b3UgaGF2ZSByZWFkIGFuZCBmb2xsb3dlZCB0aGUgc3RlcHMgb3V0bGluZWQgaW4gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1saWJyYXJpZXMtLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IExpYmFyaWVzYH08L2E+e2AgZ3VpZGUuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicGFja2FnZXNcIlxuICAgIH19PntgUGFja2FnZXNgfTwvaDI+XG4gICAgPHA+e2BZb3UgbmVlZCB0byBpbnN0YWxsIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBwcmVwbHkvZHMtd2ViLXJvb3RgfTwvaW5saW5lQ29kZT57YCB3aGljaCBwcm92aWRlcyBhIHNpbmdsZSBlbnRyeSBwb2ludCB0byBpbnN0YW50aWF0ZSBhbGwgdGhlIG5lY2Vzc2FyeSByZXNvdXJjZXMgaW4gU3Rvcnlib29rIGRvY3MuIEFkZGl0aW9uYWxseSwgd2UgbmVlZCB0byBhZGQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS9kcy13ZWItbGliYH08L2lubGluZUNvZGU+e2AgdG8gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZGV2RGVwZW5kZW5jaWVzYH08L2lubGluZUNvZGU+e2AgYXMgd2VsbC5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue319PntgeWFybiBhZGQgLS1kZXYgQHByZXBseS9kcy13ZWItcm9vdCBAcHJlcGx5L2RzLXdlYi9saWJcbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImNvbmZpZ3VyZS1zdG9yeWJvb2tcIlxuICAgIH19PntgQ29uZmlndXJlIFN0b3J5Ym9va2B9PC9oMj5cbiAgICA8cD57YFdlIG5lZWQgdG8gYWRkIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxSb290UHJvdmlkZXIvPmB9PC9pbmxpbmVDb2RlPntgIHRvIFN0b3J5Ym9vaydzIGRlY29yYXRvcnMuYH08L3A+XG4gICAgPHA+e2BIb3cgdG8gYWNoaWV2ZSB0aGlzIHdpbGwgZGVwZW5kIG9uIHlvdXIgU3Rvcnlib29rIGlzIGNvbmZpZ3VyZWQuYH08L3A+XG4gICAgPHA+e2BJbiBjYXNlIHlvdXIgU3Rvcnlib29rIHVzZXMgYSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bjb25maWcuanNgfTwvaW5saW5lQ29kZT57YCBmaWxlIHRvIGRvIHNvLCBhZGQgYSBkZWNvcmF0ZXIgd2l0aCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BSb290UHJvdmlkZXJgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLWphdmFzY3JpcHRcIlxuICAgICAgfX0+e2BpbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcblxuZnVuY3Rpb24gd2l0aERTUHJvdmlkZXIoc3RvcnlGbikge1xuICAgIHJldHVybiA8Um9vdFByb3ZpZGVyIHRhcmdldD17d2luZG93LmRvY3VtZW50LmJvZHl9PntzdG9yeUZuKCl9PC9Sb290UHJvdmlkZXI+O1xufVxuXG5hZGREZWNvcmF0b3Iod2l0aERTUHJvdmlkZXIpO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BJbiBjYXNlIHlvdSBhcmUgdXNpbmcgYSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BwcmV2aWV3LnRzYH08L2lubGluZUNvZGU+e2AgZmlsZSwgeW91IHdpbGwgbmVlZCB0byBleHBvcnQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZGVjb3JhdG9yc2B9PC9pbmxpbmVDb2RlPntgIGZyb20gdGhlcmUuIFlvdSBjYW4gZGVmaW5lIHlvdXIgZGVjb3JhdG9ycyBpbiBhIHNlcGFyYXRvciBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0c3hgfTwvaW5saW5lQ29kZT57YCBmaWxlLCBzdWNoIGFzIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGRlY29yYXRvcnMudHN4YH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c3hcIlxuICAgICAgfX0+e2AvLyBkZWNvcmF0b3JzLnRzXG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcblxuZXhwb3J0IGNvbnN0IHdpdGhQcm92aWRlcnMgPSBTdG9yeSA9PiAoXG4gICAgLi4uXG4gICAgPFJvb3RQcm92aWRlciB0YXJnZXQ9e2RvY3VtZW50LmJvZHl9PlxuICAgICAgICAuLi5cbiAgICAgICAgPFN0b3J5IC8+XG4gICAgPC9Sb290UHJvdmlkZXJCZXRhPlxuICAgIC4uLlxuKTtcblxuLy8gcHJldmlldy50c1xuaW1wb3J0IHsgd2l0aFByb3ZpZGVycyB9IGZyb20gJy4vZGVjb3JhdG9ycyc7XG5cbmV4cG9ydCBjb25zdCBkZWNvcmF0b3JzID0gW3dpdGhQcm92aWRlcnNdO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BTZWUgYWxzbzogYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vc3Rvcnlib29rLmpzLm9yZy9kb2NzL3JlYWN0L3dyaXRpbmctc3Rvcmllcy9kZWNvcmF0b3JzXCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YFN0b3J5Ym9vaydzIG9mZmljaWFsIGRvY3NgfTwvYT57YC5gfTwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9JbnN0YWxsYXRpb24vU3Rvcnlib29rJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/00.installation/30.storybook.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/00.installation/90.advanced.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\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: "Guides/Installation/Advanced",\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": "installation-advanced"\n }, "Installation: Advanced"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This page is about rolling out your own alternative to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), " (advanced usage)."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If you are looking for how to install, refer to the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "installation guides"), " instead."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Plans exist to allow injecting a local theme during instantation."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Meanwhile, if you want to experiment with this, you can roll your own implementation in a few lines of code."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import type { ThemeName } from \'@preply/ds-core\';\\nimport { COLOR_SCHEME_DEFAULT } from \'@preply/ds-core\';\\nimport {\\n ColorSchemeProvider,\\n ThemeProvider,\\n ThemesProvider,\\n colorSchemes,\\n} from \'@preply/ds-web-core\';\\nimport React, { FC } from \'react\';\\n\\nimport type { RootTarget } from \'@preply/ds-web-root\';\\nimport { Root, themes } from \'@preply/ds-web-root\';\\n\\nconst MY_THEME: ThemeName = \'my-theme\';\\nthemes[MY_THEME] = new Theme(...);\\n\\nexport const RootProvider: FC = ({ children }) => (\\n <ThemesProvider themes={Object.values(themes)} colorSchemes={colorSchemes}>\\n <ThemeProvider theme={MY_THEME}>\\n <ColorSchemeProvider colorScheme={COLOR_SCHEME_DEFAULT}>\\n <Root target={document.body}>{children}</Root>\\n </ColorSchemeProvider>\\n </ThemeProvider>\\n </ThemesProvider>\\n);\\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: \'Guides/Installation/Advanced\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vOTAuYWR2YW5jZWQuc3Rvcmllcy5tZHg/MzFjNSJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLDhCQUFaO0FBQTJDLGNBQVUsRUFBRTtBQUNyREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUQrQyxLQUF2RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUiw4QkFWSyxFQWFMLHdJQUE4RDtBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBOUQsdUJBYkssRUFjTCxxSUFBMkQ7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUN2RCxZQUFRO0FBRCtDLDJCQUEzRCxjQWRLLEVBaUJMLGlKQWpCSyxFQWtCTCw0TEFsQkssRUFtQkwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLHMyQkFBTCxDQW5CSyxDQUFQO0FBZ0REOztBQXBEUUwsVTtBQXNEVDtBQUNBQSxVQUFVLENBQUNNLGNBQVgsR0FBNEIsSUFBNUI7QUFFTyxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQUUsUUFBTSxJQUFJQyxLQUFKLENBQVUsaUJBQVYsQ0FBTjtBQUFxQyxDQUE1RDtBQUVQRCxNQUFNLENBQUNFLFVBQVAsR0FBb0I7QUFBRUMsVUFBUSxFQUFFO0FBQVosQ0FBcEI7QUFFQSxJQUFNQyxhQUFhLEdBQUc7QUFBRUMsT0FBSyxFQUFFLDhCQUFUO0FBQXlDSCxZQUFVLEVBQUU7QUFDekVOLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURtRSxHQUFyRDtBQUluQlEsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIscUJBQ01RLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIsSUFBaUMsRUFEdkM7QUFFRVksTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vOTAuYWR2YW5jZWQuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBUSEVNRV9ERUZBVUxULCBUSEVNRV9PUFRJT05TIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0luc3RhbGxhdGlvbi9BZHZhbmNlZFwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW5zdGFsbGF0aW9uLWFkdmFuY2VkXCJcbiAgICB9fT57YEluc3RhbGxhdGlvbjogQWR2YW5jZWRgfTwvaDE+XG4gICAgPHA+e2BUaGlzIHBhZ2UgaXMgYWJvdXQgcm9sbGluZyBvdXQgeW91ciBvd24gYWx0ZXJuYXRpdmUgdG8gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPFJvb3RQcm92aWRlci8+YH08L2lubGluZUNvZGU+e2AgKGFkdmFuY2VkIHVzYWdlKS5gfTwvcD5cbiAgICA8cD57YElmIHlvdSBhcmUgbG9va2luZyBmb3IgaG93IHRvIGluc3RhbGwsIHJlZmVyIHRvIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tYXBwbGljYXRpb25zLS1wYWdlXCJcbiAgICAgIH19PntgaW5zdGFsbGF0aW9uIGd1aWRlc2B9PC9hPntgIGluc3RlYWQuYH08L3A+XG4gICAgPHA+e2BQbGFucyBleGlzdCB0byBhbGxvdyBpbmplY3RpbmcgYSBsb2NhbCB0aGVtZSBkdXJpbmcgaW5zdGFudGF0aW9uLmB9PC9wPlxuICAgIDxwPntgTWVhbndoaWxlLCBpZiB5b3Ugd2FudCB0byBleHBlcmltZW50IHdpdGggdGhpcywgeW91IGNhbiByb2xsIHlvdXIgb3duIGltcGxlbWVudGF0aW9uIGluIGEgZmV3IGxpbmVzIG9mIGNvZGUuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c3hcIlxuICAgICAgfX0+e2BpbXBvcnQgdHlwZSB7IFRoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBDT0xPUl9TQ0hFTUVfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIENvbG9yU2NoZW1lUHJvdmlkZXIsXG4gICAgVGhlbWVQcm92aWRlcixcbiAgICBUaGVtZXNQcm92aWRlcixcbiAgICBjb2xvclNjaGVtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7IFJvb3RUYXJnZXQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IFJvb3QsIHRoZW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuXG5jb25zdCBNWV9USEVNRTogVGhlbWVOYW1lID0gJ215LXRoZW1lJztcbnRoZW1lc1tNWV9USEVNRV0gPSBuZXcgVGhlbWUoLi4uKTtcblxuZXhwb3J0IGNvbnN0IFJvb3RQcm92aWRlcjogRkMgPSAoeyBjaGlsZHJlbiB9KSA9PiAoXG4gICAgPFRoZW1lc1Byb3ZpZGVyIHRoZW1lcz17T2JqZWN0LnZhbHVlcyh0aGVtZXMpfSBjb2xvclNjaGVtZXM9e2NvbG9yU2NoZW1lc30+XG4gICAgICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXtNWV9USEVNRX0+XG4gICAgICAgICAgICA8Q29sb3JTY2hlbWVQcm92aWRlciBjb2xvclNjaGVtZT17Q09MT1JfU0NIRU1FX0RFRkFVTFR9PlxuICAgICAgICAgICAgICAgIDxSb290IHRhcmdldD17ZG9jdW1lbnQuYm9keX0+e2NoaWxkcmVufTwvUm9vdD5cbiAgICAgICAgICAgIDwvQ29sb3JTY2hlbWVQcm92aWRlcj5cbiAgICAgICAgPC9UaGVtZVByb3ZpZGVyPlxuICAgIDwvVGhlbWVzUHJvdmlkZXI+XG4pO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvSW5zdGFsbGF0aW9uL0FkdmFuY2VkJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/00.installation/90.advanced.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/10.themes/00.intro.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\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: "Guides/Themes/Intro",\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": "themes-intro"\n }, "Themes: Intro"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You do not need to instantiate ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<ThemeProvider/>"), " unless you are nesting themes, as the global (topmost) instance is already provided by ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-root-providers-rootprovider--page"\n }, "RootProvider"), ". To select the default theme of your application you will want to use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-root-providers-rootprovider--page#theme-string"\n }, "theme"), " prop of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "For a straightforward guide to setup an application, refer to the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "Installation: Applications"), " guide."));\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: \'Guides/Themes/Intro\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8xMC50aGVtZXMvMDAuaW50cm8uc3Rvcmllcy5tZHg/ZGRjOCJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BS0wsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMscUJBQVo7QUFBa0MsY0FBVSxFQUFFO0FBQzVDRSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRHNDLEtBQTlDO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFMSyxFQVVMO0FBQ0UsVUFBTTtBQURSLHFCQVZLLEVBYUwsZ0hBQXNDO0FBQVksY0FBVSxFQUFDO0FBQXZCLHdCQUF0Qyw4RkFBOEw7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUMxTCxZQUFRO0FBRGtMLG9CQUE5TCxpRkFFd0c7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUNwRyxZQUFRO0FBRDRGLGFBRnhHLGVBSStCO0FBQVksY0FBVSxFQUFDO0FBQXZCLHVCQUovQixNQWJLLEVBa0JMLG1KQUF5RTtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ3JFLFlBQVE7QUFENkQsa0NBQXpFLFlBbEJLLENBQVA7QUFzQkQ7O0FBMUJRTCxVO0FBNEJUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUscUJBQVQ7QUFBZ0NILFlBQVUsRUFBRTtBQUNoRU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDBELEdBQTVDO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzEwLnRoZW1lcy8wMC5pbnRyby5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IERvY01ldGFkYXRhLCBTdG9yeUdyaWQsIFN0b3J5Tm90ZSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIsIHRoZW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9UaGVtZXMvSW50cm9cIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRoZW1lcy1pbnRyb1wiXG4gICAgfX0+e2BUaGVtZXM6IEludHJvYH08L2gxPlxuICAgIDxwPntgWW91IGRvIG5vdCBuZWVkIHRvIGluc3RhbnRpYXRlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxUaGVtZVByb3ZpZGVyLz5gfTwvaW5saW5lQ29kZT57YCB1bmxlc3MgeW91IGFyZSBuZXN0aW5nIHRoZW1lcywgYXMgdGhlIGdsb2JhbCAodG9wbW9zdCkgaW5zdGFuY2UgaXMgYWxyZWFkeSBwcm92aWRlZCBieSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItcm9vdC1wcm92aWRlcnMtcm9vdHByb3ZpZGVyLS1wYWdlXCJcbiAgICAgIH19PntgUm9vdFByb3ZpZGVyYH08L2E+e2AuIFRvIHNlbGVjdCB0aGUgZGVmYXVsdCB0aGVtZSBvZiB5b3VyIGFwcGxpY2F0aW9uIHlvdSB3aWxsIHdhbnQgdG8gdXNlIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItcm9vdC1wcm92aWRlcnMtcm9vdHByb3ZpZGVyLS1wYWdlI3RoZW1lLXN0cmluZ1wiXG4gICAgICB9fT57YHRoZW1lYH08L2E+e2AgcHJvcCBvZiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8Um9vdFByb3ZpZGVyLz5gfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cD57YEZvciBhIHN0cmFpZ2h0Zm9yd2FyZCBndWlkZSB0byBzZXR1cCBhbiBhcHBsaWNhdGlvbiwgcmVmZXIgdG8gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1hcHBsaWNhdGlvbnMtLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IEFwcGxpY2F0aW9uc2B9PC9hPntgIGd1aWRlLmB9PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL1RoZW1lcy9JbnRybycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/10.themes/00.intro.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/10.themes/10.nesting.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/DocContext.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_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../packages/web-core/dist/theme/providers/ThemeProvider.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.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_root__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/web-root/dist/root/providers/RootProvider.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\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: "Guides/Themes/Nesting",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContext */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "themes-nesting"\n }, "Themes: Nesting"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can nest instances og ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-providers-themeprovider--page"\n }, "ThemeProvider"), " to apply a different theme to a group of components or even to a single component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryNote */ "o"], {\n type: "warning",\n mdxType: "StoryNote"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Although this is technically possible, and might help speed up some migrations, there is a big tradeoff: changes in the top level theme won\'t propagate to children of the nested providers. This means that until the nesting is dropped, it", \' \', Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", null, "will not be possible to apply a global theme change to the page"), " (e.g.: dark mode, brand experiment, etc...)."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Make sure the nesting is justified by one of the use cases below, well documented, and plans are made to remove it after it serves its purpose.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Use cases:")), 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 }, "migrate only part of the UI element to a new design language"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "run an experiment with a special style, affecting only a part of the UI"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "experiment with new themes and control their rollout")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "How to:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Simply render ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<ThemeProvider>"), " and provide the new theme name via ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "theme"), " prop."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "It will make the theme\'s instance available to code executed within its subtree."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CRootProvider%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20gap=%22s%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3EBase%20UI%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CThemeProvider%20theme=%22preply-ui%22%20tag=%22div%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3EPreply%20UI%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/ThemeProvider%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%3C/RootProvider%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_root__WEBPACK_IMPORTED_MODULE_12__[/* RootProvider */ "a"], {\n mdxType: "RootProvider"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* 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_11__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Base UI"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_core__WEBPACK_IMPORTED_MODULE_9__[/* ThemeProvider */ "b"], {\n theme: "preply-ui",\n tag: "div",\n mdxType: "ThemeProvider"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Preply UI"))))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "It also renders a DOM element with the Theme\'s CSS classes, updating the CSS variables for the entire sub-tree."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-html"\n }, "<div class=\\"ds-base-ui__1Abtx ds-preply-ui__e3tba\\">...</div>\\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: \'Guides/Themes/Nesting\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContext */ "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8xMC50aGVtZXMvMTAubmVzdGluZy5zdG9yaWVzLm1keD9hMGJlIl0sIm5hbWVzIjpbImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0IiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQVFMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHVCQUFaO0FBQW9DLGNBQVUsRUFBRTtBQUM5Q0UsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLDBFQUFVQTtBQURqQjtBQUR3QyxLQUFoRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBUkssRUFhTDtBQUNFLFVBQU07QUFEUix1QkFiSyxFQWdCTCwyR0FBaUM7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUM3QixZQUFRO0FBRHFCLHFCQUFqQyx3RkFoQkssRUFtQkwsa0VBQUMseUVBQUQ7QUFBVyxRQUFJLEVBQUMsU0FBaEI7QUFBMEIsV0FBTyxFQUFDO0FBQWxDLEtBQ0EsOFRBR2dFLEdBSGhFLEVBSUksb0pBSkosa0RBREEsRUFRQSwrTkFSQSxDQW5CSyxFQWdDTCw2RUFBRztBQUFRLGNBQVUsRUFBQztBQUFuQixrQkFBSCxDQWhDSyxFQWlDTCw4RUFDRTtBQUFJLGNBQVUsRUFBQztBQUFmLG9FQURGLEVBRUU7QUFBSSxjQUFVLEVBQUM7QUFBZiwrRUFGRixFQUdFO0FBQUksY0FBVSxFQUFDO0FBQWYsNERBSEYsQ0FqQ0ssRUFzQ0wsNkVBQUc7QUFBUSxjQUFVLEVBQUM7QUFBbkIsZUFBSCxDQXRDSyxFQXVDTCwrRkFBcUI7QUFBWSxjQUFVLEVBQUM7QUFBdkIsdUJBQXJCLDBDQUF3SDtBQUFZLGNBQVUsRUFBQztBQUF2QixhQUF4SCxXQXZDSyxFQXdDTCxnS0F4Q0ssRUF5Q0wsa0VBQUMsb0VBQUQ7QUFBUSxhQUFTLEVBQUMsOGRBQWxCO0FBQWlmLFdBQU8sRUFBQztBQUF6ZixLQUNBLGtFQUFDLHlFQUFEO0FBQWMsV0FBTyxFQUFDO0FBQXRCLEtBQ0ksa0VBQUMsc0VBQUQ7QUFBWSxPQUFHLEVBQUMsR0FBaEI7QUFBb0IsV0FBTyxFQUFDO0FBQTVCLEtBQ0ksa0VBQUMsa0VBQUQ7QUFBUSxXQUFPLEVBQUM7QUFBaEIsZUFESixFQUVJLGtFQUFDLHlFQUFEO0FBQWUsU0FBSyxFQUFDLFdBQXJCO0FBQWlDLE9BQUcsRUFBQyxLQUFyQztBQUEyQyxXQUFPLEVBQUM7QUFBbkQsS0FDSSxrRUFBQyxrRUFBRDtBQUFRLFdBQU8sRUFBQztBQUFoQixpQkFESixDQUZKLENBREosQ0FEQSxDQXpDSyxFQW1ETCwrTEFuREssRUFvREwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLHdFQUFMLENBcERLLENBQVA7QUF5REQ7O0FBN0RRTCxVO0FBK0RUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsdUJBQVQ7QUFBa0NILFlBQVUsRUFBRTtBQUNsRU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsMEVBQVVBO0FBRGpCO0FBRDRELEdBQTlDO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzEwLnRoZW1lcy8xMC5uZXN0aW5nLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IERvY01ldGFkYXRhLCBTdG9yeUdyaWQsIFN0b3J5Tm90ZSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IEJ1dHRvbiwgTGF5b3V0RmxleCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAge1xuICAgICAgLyogdXNlcyBEb2NDb250ZXh0IChpbnN0ZWFkIG9mIERvY0NvbnRleHREU1dlYikgc28gdGhhdCBSb290UHJvdmlkZXIgaXMgYWx3YXlzIGluc3RhbnRpYXRlZCB3aXRoIGRlZmF1bHQgdGhlbWUgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvVGhlbWVzL05lc3RpbmdcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dFxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJ0aGVtZXMtbmVzdGluZ1wiXG4gICAgfX0+e2BUaGVtZXM6IE5lc3RpbmdgfTwvaDE+XG4gICAgPHA+e2BZb3UgY2FuIG5lc3QgaW5zdGFuY2VzIG9nIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvYXBpLWRzLXdlYi1jb3JlLXByb3ZpZGVycy10aGVtZXByb3ZpZGVyLS1wYWdlXCJcbiAgICAgIH19PntgVGhlbWVQcm92aWRlcmB9PC9hPntgIHRvIGFwcGx5IGEgZGlmZmVyZW50IHRoZW1lIHRvIGEgZ3JvdXAgb2YgY29tcG9uZW50cyBvciBldmVuIHRvIGEgc2luZ2xlIGNvbXBvbmVudC5gfTwvcD5cbiAgICA8U3RvcnlOb3RlIHR5cGU9XCJ3YXJuaW5nXCIgbWR4VHlwZT1cIlN0b3J5Tm90ZVwiPlxuICAgIDxwPlxuICAgICAgICBBbHRob3VnaCB0aGlzIGlzIHRlY2huaWNhbGx5IHBvc3NpYmxlLCBhbmQgbWlnaHQgaGVscCBzcGVlZCB1cCBzb21lIG1pZ3JhdGlvbnMsIHRoZXJlIGlzIGFcbiAgICAgICAgYmlnIHRyYWRlb2ZmOiBjaGFuZ2VzIGluIHRoZSB0b3AgbGV2ZWwgdGhlbWUgd29uJ3QgcHJvcGFnYXRlIHRvIGNoaWxkcmVuIG9mIHRoZSBuZXN0ZWRcbiAgICAgICAgcHJvdmlkZXJzLiBUaGlzIG1lYW5zIHRoYXQgdW50aWwgdGhlIG5lc3RpbmcgaXMgZHJvcHBlZCwgaXR7JyAnfVxuICAgICAgICA8c3Ryb25nPndpbGwgbm90IGJlIHBvc3NpYmxlIHRvIGFwcGx5IGEgZ2xvYmFsIHRoZW1lIGNoYW5nZSB0byB0aGUgcGFnZTwvc3Ryb25nPiAoZS5nLjogZGFya1xuICAgICAgICBtb2RlLCBicmFuZCBleHBlcmltZW50LCBldGMuLi4pLlxuICAgIDwvcD5cbiAgICA8cD5cbiAgICAgICAgTWFrZSBzdXJlIHRoZSBuZXN0aW5nIGlzIGp1c3RpZmllZCBieSBvbmUgb2YgdGhlIHVzZSBjYXNlcyBiZWxvdywgd2VsbCBkb2N1bWVudGVkLCBhbmQgcGxhbnNcbiAgICAgICAgYXJlIG1hZGUgdG8gcmVtb3ZlIGl0IGFmdGVyIGl0IHNlcnZlcyBpdHMgcHVycG9zZS5cbiAgICA8L3A+XG4gICAgPC9TdG9yeU5vdGU+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgVXNlIGNhc2VzOmB9PC9zdHJvbmc+PC9wPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YG1pZ3JhdGUgb25seSBwYXJ0IG9mIHRoZSBVSSBlbGVtZW50IHRvIGEgbmV3IGRlc2lnbiBsYW5ndWFnZWB9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YHJ1biBhbiBleHBlcmltZW50IHdpdGggYSBzcGVjaWFsIHN0eWxlLCBhZmZlY3Rpbmcgb25seSBhIHBhcnQgb2YgdGhlIFVJYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgZXhwZXJpbWVudCB3aXRoIG5ldyB0aGVtZXMgYW5kIGNvbnRyb2wgdGhlaXIgcm9sbG91dGB9PC9saT5cbiAgICA8L3VsPlxuICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YEhvdyB0bzpgfTwvc3Ryb25nPjwvcD5cbiAgICA8cD57YFNpbXBseSByZW5kZXIgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPFRoZW1lUHJvdmlkZXI+YH08L2lubGluZUNvZGU+e2AgYW5kIHByb3ZpZGUgdGhlIG5ldyB0aGVtZSBuYW1lIHZpYSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0aGVtZWB9PC9pbmxpbmVDb2RlPntgIHByb3AuYH08L3A+XG4gICAgPHA+e2BJdCB3aWxsIG1ha2UgdGhlIHRoZW1lJ3MgaW5zdGFuY2UgYXZhaWxhYmxlIHRvIGNvZGUgZXhlY3V0ZWQgd2l0aGluIGl0cyBzdWJ0cmVlLmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDUm9vdFByb3ZpZGVyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGdhcD0lMjJzJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTNFQmFzZSUyMFVJJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RoZW1lUHJvdmlkZXIlMjB0aGVtZT0lMjJwcmVwbHktdWklMjIlMjB0YWc9JTIyZGl2JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTNFUHJlcGx5JTIwVUklM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL1RoZW1lUHJvdmlkZXIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9Sb290UHJvdmlkZXIlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPFJvb3RQcm92aWRlciBtZHhUeXBlPVwiUm9vdFByb3ZpZGVyXCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+QmFzZSBVSTwvQnV0dG9uPlxuICAgICAgICAgICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9XCJwcmVwbHktdWlcIiB0YWc9XCJkaXZcIiBtZHhUeXBlPVwiVGhlbWVQcm92aWRlclwiPlxuICAgICAgICAgICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPlByZXBseSBVSTwvQnV0dG9uPlxuICAgICAgICAgICAgPC9UaGVtZVByb3ZpZGVyPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9Sb290UHJvdmlkZXI+XG4gICAgPC9DYW52YXM+XG4gICAgPHA+e2BJdCBhbHNvIHJlbmRlcnMgYSBET00gZWxlbWVudCB3aXRoIHRoZSBUaGVtZSdzIENTUyBjbGFzc2VzLCB1cGRhdGluZyB0aGUgQ1NTIHZhcmlhYmxlcyBmb3IgdGhlIGVudGlyZSBzdWItdHJlZS5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLWh0bWxcIlxuICAgICAgfX0+e2A8ZGl2IGNsYXNzPVwiZHMtYmFzZS11aV9fMUFidHggZHMtcHJlcGx5LXVpX19lM3RiYVwiPi4uLjwvZGl2PlxuYH08L2NvZGU+PC9wcmU+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvVGhlbWVzL05lc3RpbmcnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHRcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/10.themes/10.nesting.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/00.intro.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_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../packages/core/dist/generated/options.js");\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../packages/core/dist/generated/defaults.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-context/dist/components/ThemeOptionsList.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/Panel.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelBody.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _components_ColorSchemes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx");\n/* harmony import */ var _examples_MyComponent_withColorScheme__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx");\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\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: "Guides/Color Schemes/Intro",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "color-schemes-intro"\n }, "Color Schemes: Intro"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Color schemes affect how all themable components are rendered within its context. Each theme contains the same number of color schemes but may define different color decisions."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Available color schemes:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_11__[/* ThemeOptionsList */ "a"], {\n options: _preply_ds_core__WEBPACK_IMPORTED_MODULE_7__[/* COLOR_SCHEME_OPTIONS */ "d"],\n defaultValue: _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__[/* COLOR_SCHEME_DEFAULT */ "d"],\n mdxType: "ThemeOptionsList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "usage"\n }, "Usage"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You should not need to instantiate ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-providers-colorschemeprovider--page"\n }, "ColorSchemeProvider"), " directly, as by itself it doesn\'t provide the background color change."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Instead, you can switch to another color scheme by providing ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "scheme={...}"), " to certain components, such as ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<Panel/>"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In the example below, the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-panel-docs--page"\n }, "Panel"), " component is"), 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 }, "setting the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "ColorSchemeProvider"), " context for all the child components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "rendering the CSS classes required to set the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "color:"), " and the CSS variable declarations."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "rendering the color scheme background color.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CPanel%20colorScheme=%22banner%22%3E%0A%20%20%20%20%20%20%20%20%3CPanelBody%20layout=%22flex%22%20flex=%7B%7B%0A%20%20%20%20gap:%20\'2xs\',%0A%20%20%20%20alignItems:%20\'center\'%0A%20%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3EPrimary%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20variant=%22secondary%22%3ESecondary%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3C/PanelBody%3E%0A%20%20%20%20%3C/Panel%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__[/* Panel */ "a"], {\n colorScheme: "banner",\n mdxType: "Panel"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* PanelBody */ "a"], {\n layout: "flex",\n flex: {\n gap: \'2xs\',\n alignItems: \'center\'\n },\n mdxType: "PanelBody"\n }, "Lorem ipsum dolor sit amet", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_15__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Primary"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_15__[/* Button */ "a"], {\n variant: "secondary",\n mdxType: "Button"\n }, "Secondary")))));\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: \'Guides/Color Schemes/Intro\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__[/* 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzAwLmludHJvLnN0b3JpZXMubWR4PzIwOGEiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsIkNPTE9SX1NDSEVNRV9PUFRJT05TIiwiQ09MT1JfU0NIRU1FX0RFRkFVTFQiLCJnYXAiLCJhbGlnbkl0ZW1zIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU1MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLDRCQUFaO0FBQXlDLGNBQVUsRUFBRTtBQUNuREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUQ2QyxLQUFyRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTkssRUFXTCxrRUFBQyw4RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVhLLEVBWUw7QUFDRSxVQUFNO0FBRFIsNEJBWkssRUFlTCxnUUFmSyxFQWdCTCw2RUFBRztBQUFRLGNBQVUsRUFBQztBQUFuQixnQ0FBSCxDQWhCSyxFQWlCTCxrRUFBQyxpRkFBRDtBQUFrQixXQUFPLEVBQUVDLDRFQUEzQjtBQUFpRCxnQkFBWSxFQUFFQyw0RUFBL0Q7QUFBcUYsV0FBTyxFQUFDO0FBQTdGLElBakJLLEVBa0JMO0FBQ0UsVUFBTTtBQURSLGFBbEJLLEVBcUJMLG9IQUEwQztBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ3RDLFlBQVE7QUFEOEIsMkJBQTFDLDRFQXJCSyxFQXdCTCw4SUFBb0U7QUFBWSxjQUFVLEVBQUM7QUFBdkIsb0JBQXBFLHNDQUFnSztBQUFZLGNBQVUsRUFBQztBQUF2QixnQkFBaEssTUF4QkssRUF5QkwsMkdBQWlDO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDN0IsWUFBUTtBQURxQixhQUFqQyxrQkF6QkssRUE0QkwsOEVBQ0U7QUFBSSxjQUFVLEVBQUM7QUFBZixxQkFBb0M7QUFBWSxjQUFVLEVBQUM7QUFBdkIsMkJBQXBDLDBDQURGLEVBRUU7QUFBSSxjQUFVLEVBQUM7QUFBZix1REFBc0U7QUFBWSxjQUFVLEVBQUM7QUFBdkIsY0FBdEUsd0NBRkYsRUFHRTtBQUFJLGNBQVUsRUFBQztBQUFmLG9EQUhGLENBNUJLLEVBaUNMLGtFQUFDLG9FQUFEO0FBQVEsYUFBUyxFQUFDLG1nQkFBbEI7QUFBc2hCLFdBQU8sRUFBQztBQUE5aEIsS0FDQSxrRUFBQyxpRUFBRDtBQUFPLGVBQVcsRUFBQyxRQUFuQjtBQUE0QixXQUFPLEVBQUM7QUFBcEMsS0FDSSxrRUFBQyxxRUFBRDtBQUFXLFVBQU0sRUFBQyxNQUFsQjtBQUF5QixRQUFJLEVBQUU7QUFDN0JDLFNBQUcsRUFBRSxLQUR3QjtBQUU3QkMsZ0JBQVUsRUFBRTtBQUZpQixLQUEvQjtBQUdHLFdBQU8sRUFBQztBQUhYLG1DQUtJLGtFQUFDLGtFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLGVBTEosRUFNSSxrRUFBQyxrRUFBRDtBQUFRLFdBQU8sRUFBQyxXQUFoQjtBQUE0QixXQUFPLEVBQUM7QUFBcEMsaUJBTkosQ0FESixDQURBLENBakNLLENBQVA7QUE4Q0Q7O0FBbERRVCxVO0FBb0RUO0FBQ0FBLFVBQVUsQ0FBQ1UsY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsNEJBQVQ7QUFBdUNILFlBQVUsRUFBRTtBQUN2RVYsUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRGlFLEdBQW5EO0FBSW5CWSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCVixJQUF6QixxQkFDTVksYUFBYSxDQUFDRixVQUFkLENBQXlCVixJQUF6QixJQUFpQyxFQUR2QztBQUVFZ0IsTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzAwLmludHJvLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgQ09MT1JfU0NIRU1FX0RFRkFVTFQsIENPTE9SX1NDSEVNRV9PUFRJT05TIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IEltcG9ydFN0YXRlbWVudCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEJ1dHRvbiwgSGVhZGluZywgUGFuZWwsIFBhbmVsQm9keSwgUGFuZWxIZWFkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVzIH0gZnJvbSAnLi9jb21wb25lbnRzL0NvbG9yU2NoZW1lcyc7XG5pbXBvcnQgeyBNeUNvbXBvbmVudCB9IGZyb20gJy4vZXhhbXBsZXMvTXlDb21wb25lbnQud2l0aENvbG9yU2NoZW1lJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0NvbG9yIFNjaGVtZXMvSW50cm9cIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb2xvci1zY2hlbWVzLWludHJvXCJcbiAgICB9fT57YENvbG9yIFNjaGVtZXM6IEludHJvYH08L2gxPlxuICAgIDxwPntgQ29sb3Igc2NoZW1lcyBhZmZlY3QgaG93IGFsbCB0aGVtYWJsZSBjb21wb25lbnRzIGFyZSByZW5kZXJlZCB3aXRoaW4gaXRzIGNvbnRleHQuIEVhY2ggdGhlbWUgY29udGFpbnMgdGhlIHNhbWUgbnVtYmVyIG9mIGNvbG9yIHNjaGVtZXMgYnV0IG1heSBkZWZpbmUgZGlmZmVyZW50IGNvbG9yIGRlY2lzaW9ucy5gfTwvcD5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BBdmFpbGFibGUgY29sb3Igc2NoZW1lczpgfTwvc3Ryb25nPjwvcD5cbiAgICA8VGhlbWVPcHRpb25zTGlzdCBvcHRpb25zPXtDT0xPUl9TQ0hFTUVfT1BUSU9OU30gZGVmYXVsdFZhbHVlPXtDT0xPUl9TQ0hFTUVfREVGQVVMVH0gbWR4VHlwZT1cIlRoZW1lT3B0aW9uc0xpc3RcIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInVzYWdlXCJcbiAgICB9fT57YFVzYWdlYH08L2gyPlxuICAgIDxwPntgWW91IHNob3VsZCBub3QgbmVlZCB0byBpbnN0YW50aWF0ZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItY29yZS1wcm92aWRlcnMtY29sb3JzY2hlbWVwcm92aWRlci0tcGFnZVwiXG4gICAgICB9fT57YENvbG9yU2NoZW1lUHJvdmlkZXJgfTwvYT57YCBkaXJlY3RseSwgYXMgYnkgaXRzZWxmIGl0IGRvZXNuJ3QgcHJvdmlkZSB0aGUgYmFja2dyb3VuZCBjb2xvciBjaGFuZ2UuYH08L3A+XG4gICAgPHA+e2BJbnN0ZWFkLCB5b3UgY2FuIHN3aXRjaCB0byBhbm90aGVyIGNvbG9yIHNjaGVtZSBieSBwcm92aWRpbmcgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgc2NoZW1lPXsuLi59YH08L2lubGluZUNvZGU+e2AgdG8gY2VydGFpbiBjb21wb25lbnRzLCBzdWNoIGFzIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxQYW5lbC8+YH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPHA+e2BJbiB0aGUgZXhhbXBsZSBiZWxvdywgdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1wYW5lbC1kb2NzLS1wYWdlXCJcbiAgICAgIH19PntgUGFuZWxgfTwvYT57YCBjb21wb25lbnQgaXNgfTwvcD5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BzZXR0aW5nIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgQ29sb3JTY2hlbWVQcm92aWRlcmB9PC9pbmxpbmVDb2RlPntgIGNvbnRleHQgZm9yIGFsbCB0aGUgY2hpbGQgY29tcG9uZW50c2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YHJlbmRlcmluZyB0aGUgQ1NTIGNsYXNzZXMgcmVxdWlyZWQgdG8gc2V0IHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgY29sb3I6YH08L2lubGluZUNvZGU+e2AgYW5kIHRoZSBDU1MgdmFyaWFibGUgZGVjbGFyYXRpb25zLmB9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YHJlbmRlcmluZyB0aGUgY29sb3Igc2NoZW1lIGJhY2tncm91bmQgY29sb3IuYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPENhbnZhcyBtZHhTb3VyY2U9XCIlMEElM0NQYW5lbCUyMGNvbG9yU2NoZW1lPSUyMmJhbm5lciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1BhbmVsQm9keSUyMGxheW91dD0lMjJmbGV4JTIyJTIwZmxleD0lN0IlN0IlMEElMjAlMjAlMjAlMjBnYXA6JTIwJzJ4cycsJTBBJTIwJTIwJTIwJTIwYWxpZ25JdGVtczolMjAnY2VudGVyJyUwQSUyMCUyMCU3RCU3RCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMExvcmVtJTIwaXBzdW0lMjBkb2xvciUyMHNpdCUyMGFtZXQlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lM0VQcmltYXJ5JTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIyc2Vjb25kYXJ5JTIyJTNFU2Vjb25kYXJ5JTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9QYW5lbEJvZHklM0UlMEElMjAlMjAlMjAlMjAlM0MvUGFuZWwlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPFBhbmVsIGNvbG9yU2NoZW1lPVwiYmFubmVyXCIgbWR4VHlwZT1cIlBhbmVsXCI+XG4gICAgICAgIDxQYW5lbEJvZHkgbGF5b3V0PVwiZmxleFwiIGZsZXg9e3tcbiAgICAgICAgICBnYXA6ICcyeHMnLFxuICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInXG4gICAgICAgIH19IG1keFR5cGU9XCJQYW5lbEJvZHlcIj5cbiAgICAgICAgICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0XG4gICAgICAgICAgICA8QnV0dG9uIG1keFR5cGU9XCJCdXR0b25cIj5QcmltYXJ5PC9CdXR0b24+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBtZHhUeXBlPVwiQnV0dG9uXCI+U2Vjb25kYXJ5PC9CdXR0b24+XG4gICAgICAgIDwvUGFuZWxCb2R5PlxuICAgIDwvUGFuZWw+XG4gICAgPC9DYW52YXM+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvQ29sb3IgU2NoZW1lcy9JbnRybycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/00.intro.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/10.all-color-schemes.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_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../packages/core/dist/generated/options.js");\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../packages/core/dist/generated/defaults.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-context/dist/components/ThemeOptionsList.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _components_ColorSchemes__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx");\n/* harmony import */ var _examples_MyComponent_withColorScheme__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx");\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\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: "Guides/Color Schemes/All variants",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "color-schemes-all-variants"\n }, "Color Schemes: All variants"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "These are all the color scheme aware components, rendered against all available color schemes."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Available color schemes:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_11__[/* ThemeOptionsList */ "a"], {\n options: _preply_ds_core__WEBPACK_IMPORTED_MODULE_7__[/* COLOR_SCHEME_OPTIONS */ "d"],\n defaultValue: _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__[/* COLOR_SCHEME_DEFAULT */ "d"],\n mdxType: "ThemeOptionsList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_components_ColorSchemes__WEBPACK_IMPORTED_MODULE_13__[/* ColorSchemes */ "a"], {\n mdxType: "ColorSchemes"\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: \'Guides/Color Schemes/All variants\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__[/* 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzEwLmFsbC1jb2xvci1zY2hlbWVzLnN0b3JpZXMubWR4P2RjMmEiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsIkNPTE9SX1NDSEVNRV9PUFRJT05TIiwiQ09MT1JfU0NIRU1FX0RFRkFVTFQiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BTUwsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsbUNBQVo7QUFBZ0QsY0FBVSxFQUFFO0FBQzFERSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRG9ELEtBQTVEO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFOSyxFQVdMLGtFQUFDLDhFQUFEO0FBQWUsV0FBTyxFQUFDO0FBQXZCLElBWEssRUFZTDtBQUNFLFVBQU07QUFEUixtQ0FaSyxFQWVMLDhLQWZLLEVBZ0JMLDZFQUFHO0FBQVEsY0FBVSxFQUFDO0FBQW5CLGdDQUFILENBaEJLLEVBaUJMLGtFQUFDLGlGQUFEO0FBQWtCLFdBQU8sRUFBRUMsNEVBQTNCO0FBQWlELGdCQUFZLEVBQUVDLDRFQUEvRDtBQUFxRixXQUFPLEVBQUM7QUFBN0YsSUFqQkssRUFrQkwsa0VBQUMsOEVBQUQ7QUFBYyxXQUFPLEVBQUM7QUFBdEIsSUFsQkssQ0FBUDtBQW9CRDs7QUF4QlFQLFU7QUEwQlQ7QUFDQUEsVUFBVSxDQUFDUSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxtQ0FBVDtBQUE4Q0gsWUFBVSxFQUFFO0FBQzlFUixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEd0UsR0FBMUQ7QUFJbkJVLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJSLElBQXpCLHFCQUNNVSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJSLElBQXpCLElBQWlDLEVBRHZDO0FBRUVjLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMjAuY29sb3Itc2NoZW1lcy8xMC5hbGwtY29sb3Itc2NoZW1lcy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IENPTE9SX1NDSEVNRV9ERUZBVUxULCBDT0xPUl9TQ0hFTUVfT1BUSU9OUyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lT3B0aW9uc0xpc3QsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NNZXRhZGF0YSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEJ1dHRvbiwgSGVhZGluZywgUGFuZWwsIFBhbmVsQm9keSwgUGFuZWxIZWFkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVzIH0gZnJvbSAnLi9jb21wb25lbnRzL0NvbG9yU2NoZW1lcyc7XG5pbXBvcnQgeyBNeUNvbXBvbmVudCB9IGZyb20gJy4vZXhhbXBsZXMvTXlDb21wb25lbnQud2l0aENvbG9yU2NoZW1lJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0NvbG9yIFNjaGVtZXMvQWxsIHZhcmlhbnRzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiY29sb3Itc2NoZW1lcy1hbGwtdmFyaWFudHNcIlxuICAgIH19PntgQ29sb3IgU2NoZW1lczogQWxsIHZhcmlhbnRzYH08L2gxPlxuICAgIDxwPntgVGhlc2UgYXJlIGFsbCB0aGUgY29sb3Igc2NoZW1lIGF3YXJlIGNvbXBvbmVudHMsIHJlbmRlcmVkIGFnYWluc3QgYWxsIGF2YWlsYWJsZSBjb2xvciBzY2hlbWVzLmB9PC9wPlxuICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YEF2YWlsYWJsZSBjb2xvciBzY2hlbWVzOmB9PC9zdHJvbmc+PC9wPlxuICAgIDxUaGVtZU9wdGlvbnNMaXN0IG9wdGlvbnM9e0NPTE9SX1NDSEVNRV9PUFRJT05TfSBkZWZhdWx0VmFsdWU9e0NPTE9SX1NDSEVNRV9ERUZBVUxUfSBtZHhUeXBlPVwiVGhlbWVPcHRpb25zTGlzdFwiIC8+XG4gICAgPENvbG9yU2NoZW1lcyBtZHhUeXBlPVwiQ29sb3JTY2hlbWVzXCIgLz5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9Db2xvciBTY2hlbWVzL0FsbCB2YXJpYW50cycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/10.all-color-schemes.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/30.nesting.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_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/Panel.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelHeader.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/web-lib/dist/components/Heading/Heading.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelBody.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _examples_MyComponent_withColorScheme__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx");\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\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: "Guides/Color Schemes/Nesting",\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"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "color-schemes-nesting"\n }, "Color Schemes: Nesting"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can nest color schemes as many times as you want"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CPanel%20colorScheme=%22invert%22%3E%0A%20%20%20%20%20%20%20%20%3CPanelHeader%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeading%20level=%22h3%22%3ELorem%20ipsum%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%3C/PanelHeader%3E%0A%20%20%20%20%20%20%20%20%3CPanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CPanel%20colorScheme=%22banner%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanelBody%20layout=%22flex%22%20flex=%7B%7B%0A%20%20%20%20%20%20%20%20gap:%20\'2xs\',%0A%20%20%20%20%20%20%20%20alignItems:%20\'center\'%0A%20%20%20%20%20%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3ESave%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20variant=%22plain%22%3ECancel%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/PanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/Panel%3E%0A%20%20%20%20%20%20%20%20%3C/PanelBody%3E%0A%20%20%20%20%3C/Panel%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Panel */ "a"], {\n colorScheme: "invert",\n mdxType: "Panel"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* PanelHeader */ "a"], {\n mdxType: "PanelHeader"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__[/* Heading */ "a"], {\n level: "h3",\n mdxType: "Heading"\n }, "Lorem ipsum")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__[/* PanelBody */ "a"], {\n mdxType: "PanelBody"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Panel */ "a"], {\n colorScheme: "banner",\n mdxType: "Panel"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__[/* PanelBody */ "a"], {\n layout: "flex",\n flex: {\n gap: \'2xs\',\n alignItems: \'center\'\n },\n mdxType: "PanelBody"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Save"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* Button */ "a"], {\n variant: "plain",\n mdxType: "Button"\n }, "Cancel")))))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "using-withcolorscheme-hoc"\n }, "Using ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "withColorScheme()"), " HOC"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Using this HOC you can create your own color scheme aware components."), 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 }, "add the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "colorSchemeClassName"), " you get from the HOC"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "set the background to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "scheme.bgColor"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "example"\n }, "Example"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://github.com/preply/design-system/blob/main/support/docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "MyComponent.withColorScheme"), " example showcases how to use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "withColorScheme()"), " HOC in a simple component. You can see it rendered in the code sample below."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import type { WithColorSchemeProps } from \'@preply/ds-web-core\';\\nimport { withColorScheme } from \'@preply/ds-web-core\';\\n\\nexport const MyComponentBase: FC<WithColorSchemeProps> = ({ colorSchemeClassName, children }) => {\\n const className = colorSchemeClassName || \'\';\\n const style = { display: \'flex\', gap: \'16px\', alignItems: \'center\', padding: \'16px\' };\\n return (\\n <div className={className} style={style}>\\n {children}\\n </div>\\n );\\n};\\n\\nexport const MyComponent = withColorScheme(MyComponentBase);\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can then provide ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "colorScheme={name}"), " directly to your component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CMyComponent%20colorScheme=%22invert%22%3E%0A%20%20%20%20%20%20%20%20%3CButton%3ESave%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3CButton%20variant=%22plain%22%3ECancel%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3CMyComponent%20colorScheme=%22base%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3ESave%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20variant=%22plain%22%3ECancel%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3C/MyComponent%3E%0A%20%20%20%20%3C/MyComponent%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_examples_MyComponent_withColorScheme__WEBPACK_IMPORTED_MODULE_15__[/* MyComponent */ "a"], {\n colorScheme: "invert",\n mdxType: "MyComponent"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Save"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* Button */ "a"], {\n variant: "plain",\n mdxType: "Button"\n }, "Cancel"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_examples_MyComponent_withColorScheme__WEBPACK_IMPORTED_MODULE_15__[/* MyComponent */ "a"], {\n colorScheme: "base",\n mdxType: "MyComponent"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Save"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* Button */ "a"], {\n variant: "plain",\n mdxType: "Button"\n }, "Cancel")))));\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: \'Guides/Color Schemes/Nesting\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzMwLm5lc3Rpbmcuc3Rvcmllcy5tZHg/MzQ4YiJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiZ2FwIiwiYWxpZ25JdGVtcyIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU1MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLDhCQUFaO0FBQTJDLGNBQVUsRUFBRTtBQUNyREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUQrQyxLQUF2RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTkssRUFXTCxrRUFBQyw2RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVhLLEVBWUw7QUFDRSxVQUFNO0FBRFIsOEJBWkssRUFlTCxvSUFm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RG1FLEdBQXJEO0FBSW5CVSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCUixJQUF6QixxQkFDTVUsYUFBYSxDQUFDRixVQUFkLENBQXlCUixJQUF6QixJQUFpQyxFQUR2QztBQUVFYyxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzIwLmNvbG9yLXNjaGVtZXMvMzAubmVzdGluZy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IENPTE9SX1NDSEVNRV9ERUZBVUxULCBDT0xPUl9TQ0hFTUVfT1BUSU9OUyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lT3B0aW9uc0xpc3QsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NNZXRhZGF0YSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEJ1dHRvbiwgSGVhZGluZywgUGFuZWwsIFBhbmVsQm9keSwgUGFuZWxIZWFkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgTXlDb21wb25lbnQgfSBmcm9tICcuL2V4YW1wbGVzL015Q29tcG9uZW50LndpdGhDb2xvclNjaGVtZSc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9Db2xvciBTY2hlbWVzL05lc3RpbmdcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb2xvci1zY2hlbWVzLW5lc3RpbmdcIlxuICAgIH19PntgQ29sb3IgU2NoZW1lczogTmVzdGluZ2B9PC9oMT5cbiAgICA8cD57YFlvdSBjYW4gbmVzdCBjb2xvciBzY2hlbWVzIGFzIG1hbnkgdGltZXMgYXMgeW91IHdhbnRgfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ1BhbmVsJTIwY29sb3JTY2hlbWU9JTIyaW52ZXJ0JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDUGFuZWxIZWFkZXIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIZWFkaW5nJTIwbGV2ZWw9JTIyaDMlMjIlM0VMb3JlbSUyMGlwc3VtJTNDL0hlYWRpbmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvUGFuZWxIZWFkZXIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NQYW5lbEJvZHklM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NQYW5lbCUyMGNvbG9yU2NoZW1lPSUyMmJhbm5lciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1BhbmVsQm9keSUyMGxheW91dD0lMjJmbGV4JTIyJTIwZmxleD0lN0IlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBnYXA6JTIwJzJ4cycsJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwYWxpZ25JdGVtczolMjAnY2VudGVyJyUwQSUyMCUyMCUyMCUyMCUyMCUyMCU3RCU3RCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUzRVNhdmUlM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTIwdmFyaWFudD0lMjJwbGFpbiUyMiUzRUNhbmNlbCUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvUGFuZWxCb2R5JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL1BhbmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL1BhbmVsQm9keSUzRSUwQSUyMCUyMCUyMCUyMCUzQy9QYW5lbCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8UGFuZWwgY29sb3JTY2hlbWU9XCJpbnZlcnRcIiBtZHhUeXBlPVwiUGFuZWxcIj5cbiAgICAgICAgPFBhbmVsSGVhZGVyIG1keFR5cGU9XCJQYW5lbEhlYWRlclwiPlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoM1wiIG1keFR5cGU9XCJIZWFkaW5nXCI+TG9yZW0gaXBzdW08L0hlYWRpbmc+XG4gICAgICAgIDwvUGFuZWxIZWFkZXI+XG4gICAgICAgIDxQYW5lbEJvZHkgbWR4VHlwZT1cIlBhbmVsQm9keVwiPlxuICAgICAgICAgICAgPFBhbmVsIGNvbG9yU2NoZW1lPVwiYmFubmVyXCIgbWR4VHlwZT1cIlBhbmVsXCI+XG4gICAgICAgICAgICAgICAgPFBhbmVsQm9keSBsYXlvdXQ9XCJmbGV4XCIgZmxleD17e1xuICAgICAgICAgICAgICBnYXA6ICcyeHMnLFxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJ1xuICAgICAgICAgICAgfX0gbWR4VHlwZT1cIlBhbmVsQm9keVwiPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIG1keFR5cGU9XCJCdXR0b25cIj5TYXZlPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInBsYWluXCIgbWR4VHlwZT1cIkJ1dHRvblwiPkNhbmNlbDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvUGFuZWxCb2R5PlxuICAgICAgICAgICAgPC9QYW5lbD5cbiAgICAgICAgPC9QYW5lbEJvZHk+XG4gICAgPC9QYW5lbD5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJ1c2luZy13aXRoY29sb3JzY2hlbWUtaG9jXCJcbiAgICB9fT57YFVzaW5nIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgyXCI+e2B3aXRoQ29sb3JTY2hlbWUoKWB9PC9pbmxpbmVDb2RlPntgIEhPQ2B9PC9oMj5cbiAgICA8cD57YFVzaW5nIHRoaXMgSE9DIHlvdSBjYW4gY3JlYXRlIHlvdXIgb3duIGNvbG9yIHNjaGVtZSBhd2FyZSBjb21wb25lbnRzLmB9PC9wPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YGFkZCB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGNvbG9yU2NoZW1lQ2xhc3NOYW1lYH08L2lubGluZUNvZGU+e2AgeW91IGdldCBmcm9tIHRoZSBIT0NgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BzZXQgdGhlIGJhY2tncm91bmQgdG8gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHNjaGVtZS5iZ0NvbG9yYH08L2lubGluZUNvZGU+PC9saT5cbiAgICA8L3VsPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImV4YW1wbGVcIlxuICAgIH19PntgRXhhbXBsZWB9PC9oMj5cbiAgICA8cD57YFRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9naXRodWIuY29tL3ByZXBseS9kZXNpZ24tc3lzdGVtL2Jsb2IvbWFpbi9zdXBwb3J0L2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMjAuY29sb3Itc2NoZW1lcy9leGFtcGxlcy9NeUNvbXBvbmVudC53aXRoQ29sb3JTY2hlbWUudHN4XCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YE15Q29tcG9uZW50LndpdGhDb2xvclNjaGVtZWB9PC9hPntgIGV4YW1wbGUgc2hvd2Nhc2VzIGhvdyB0byB1c2UgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHdpdGhDb2xvclNjaGVtZSgpYH08L2lubGluZUNvZGU+e2AgSE9DIGluIGEgc2ltcGxlIGNvbXBvbmVudC4gWW91IGNhbiBzZWUgaXQgcmVuZGVyZWQgaW4gdGhlIGNvZGUgc2FtcGxlIGJlbG93LmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHR5cGUgeyBXaXRoQ29sb3JTY2hlbWVQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgd2l0aENvbG9yU2NoZW1lIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5cbmV4cG9ydCBjb25zdCBNeUNvbXBvbmVudEJhc2U6IEZDPFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7IGNvbG9yU2NoZW1lQ2xhc3NOYW1lLCBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lID0gY29sb3JTY2hlbWVDbGFzc05hbWUgfHwgJyc7XG4gICAgY29uc3Qgc3R5bGUgPSB7IGRpc3BsYXk6ICdmbGV4JywgZ2FwOiAnMTZweCcsIGFsaWduSXRlbXM6ICdjZW50ZXInLCBwYWRkaW5nOiAnMTZweCcgfTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IE15Q29tcG9uZW50ID0gd2l0aENvbG9yU2NoZW1lKE15Q29tcG9uZW50QmFzZSk7XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFlvdSBjYW4gdGhlbiBwcm92aWRlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGNvbG9yU2NoZW1lPXtuYW1lfWB9PC9pbmxpbmVDb2RlPntgIGRpcmVjdGx5IHRvIHlvdXIgY29tcG9uZW50LmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDTXlDb21wb25lbnQlMjBjb2xvclNjaGVtZT0lMjJpbnZlcnQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lM0VTYXZlJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIycGxhaW4lMjIlM0VDYW5jZWwlM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTXlDb21wb25lbnQlMjBjb2xvclNjaGVtZT0lMjJiYXNlJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTNFU2F2ZSUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnBsYWluJTIyJTNFQ2FuY2VsJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9NeUNvbXBvbmVudCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9NeUNvbXBvbmVudCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TXlDb21wb25lbnQgY29sb3JTY2hlbWU9XCJpbnZlcnRcIiBtZHhUeXBlPVwiTXlDb21wb25lbnRcIj5cbiAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+U2F2ZTwvQnV0dG9uPlxuICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJwbGFpblwiIG1keFR5cGU9XCJCdXR0b25cIj5DYW5jZWw8L0J1dHRvbj5cbiAgICAgICAgPE15Q29tcG9uZW50IGNvbG9yU2NoZW1lPVwiYmFzZVwiIG1keFR5cGU9XCJNeUNvbXBvbmVudFwiPlxuICAgICAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+U2F2ZTwvQnV0dG9uPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicGxhaW5cIiBtZHhUeXBlPVwiQnV0dG9uXCI+Q2FuY2VsPC9CdXR0b24+XG4gICAgICAgIDwvTXlDb21wb25lbnQ+XG4gICAgPC9NeUNvbXBvbmVudD5cbiAgICA8L0NhbnZhcz5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9Db2xvciBTY2hlbWVzL05lc3RpbmcnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/30.nesting.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/40.using-in-components.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_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _components_ColorSchemes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx");\n/* harmony import */ var _examples_MyComponent_withColorScheme__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx");\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\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: "Guides/Color Schemes/Using in your components",\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"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "color-schemes-using-in-your-components"\n }, "Color Schemes: Using in your components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Using the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "withColorScheme()"), " you can create your own color scheme aware components."), 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 }, "add the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "colorSchemeClassName"), " you get from the HOC"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "set the background to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "scheme.bgColor"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import type { WithColorSchemeProps } from \'@preply/ds-web-core\';\\nimport { withColorScheme } from \'@preply/ds-web-core\';\\n\\nexport const MyComponentBase: FC<WithColorSchemeProps> = ({ colorSchemeClassName, children }) => {\\n const className = colorSchemeClassName || \'\';\\n const style = { display: \'flex\', gap: \'16px\', alignItems: \'center\', padding: \'16px\' };\\n return (\\n <div className={className} style={style}>\\n {children}\\n </div>\\n );\\n};\\n\\nexport const MyComponent = withColorScheme(MyComponentBase);\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can then provide ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "colorScheme={name}"), " directly to your component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CMyComponent%20colorScheme=%22invert%22%3E%0A%20%20%20%20%20%20%20%20%3CButton%3ESave%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3CButton%20variant=%22plain%22%3ECancel%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3CMyComponent%20colorScheme=%22base%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3ESave%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20variant=%22plain%22%3ECancel%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3C/MyComponent%3E%0A%20%20%20%20%3C/MyComponent%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_examples_MyComponent_withColorScheme__WEBPACK_IMPORTED_MODULE_12__[/* MyComponent */ "a"], {\n colorScheme: "invert",\n mdxType: "MyComponent"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Save"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Button */ "a"], {\n variant: "plain",\n mdxType: "Button"\n }, "Cancel"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_examples_MyComponent_withColorScheme__WEBPACK_IMPORTED_MODULE_12__[/* MyComponent */ "a"], {\n colorScheme: "base",\n mdxType: "MyComponent"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Save"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Button */ "a"], {\n variant: "plain",\n mdxType: "Button"\n }, "Cancel")))));\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: \'Guides/Color Schemes/Using in your components\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzQwLnVzaW5nLWluLWNvbXBvbmVudHMuc3Rvcmllcy5tZHg/OTk5ZCJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQSxJQUFNQSxXQUFXLEdBQUcsRUFBcEI7QUFHQSxJQUFNQyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFNTCxrRUFBQyxrRUFBRDtBQUFNLFNBQUssRUFBQywrQ0FBWjtBQUE0RCxjQUFVLEVBQUU7QUFDdEVFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEZ0UsS0FBeEU7QUFJRyxXQUFPLEVBQUM7QUFKWCxJQU5LLEVBV0wsa0VBQUMsNkVBQUQ7QUFBZSxXQUFPLEVBQUM7QUFBdkIsSUFYSyxFQVlMO0FBQ0UsVUFBTTtBQURSLCtDQVpLLEVBZUwsMkZBQWlCO0FBQVksY0FBVSxFQUFDO0FBQXZCLHlCQUFqQiw0REFmSyxFQWdCTCw4RUFDRTtBQUFJLGNBQVUsRUFBQztBQUFmLGlCQUFnQztBQUFZLGNBQVUsRUFBQztBQUF2Qiw0QkFBaEMsMEJBREYsRUFFRTtBQUFJLGNBQVUsRUFBQztBQUFmLCtCQUE4QztBQUFZLGNBQVUsRUFBQztBQUF2QixzQkFBOUMsQ0FGRixDQWhCSyxFQW9CTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosNGlCQUFMLENBcEJLLEVBcUNMLHNHQUE0QjtBQUFZLGNBQVUsRUFBQztBQUF2QiwwQkFBNUIsaUNBckNLLEVBc0NMLGtFQUFDLG9FQUFEO0FBQVEsYUFBUyxFQUFDLCtlQUFsQjtBQUFrZ0IsV0FBTyxFQUFDO0FBQTFnQixLQUNBLGtFQUFDLDBGQUFEO0FBQWEsZUFBVyxFQUFDLFFBQXpCO0FBQWtDLFdBQU8sRUFBQztBQUExQyxLQUNJLGtFQUFDLGtFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLFlBREosRUFFSSxrRUFBQyxrRUFBRDtBQUFRLFdBQU8sRUFBQyxPQUFoQjtBQUF3QixXQUFPLEVBQUM7QUFBaEMsY0FGSixFQUdJLGtFQUFDLDBGQUFEO0FBQWEsZUFBVyxFQUFDLE1BQXpCO0FBQWdDLFdBQU8sRUFBQztBQUF4QyxLQUNJLGtFQUFDLGtFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLFlBREosRUFFSSxrRUFBQyxrRUFBRDtBQUFRLFdBQU8sRUFBQyxPQUFoQjtBQUF3QixXQUFPLEVBQUM7QUFBaEMsY0FGSixDQUhKLENBREEsQ0F0Q0ssQ0FBUDtBQWlERDs7QUFyRFFMLFU7QUF1RFQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSwrQ0FBVDtBQUEwREgsWUFBVSxFQUFFO0FBQzFGTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEb0YsR0FBdEU7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMjAuY29sb3Itc2NoZW1lcy80MC51c2luZy1pbi1jb21wb25lbnRzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgQ09MT1JfU0NIRU1FX0RFRkFVTFQsIENPTE9SX1NDSEVNRV9PUFRJT05TIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IERvY01ldGFkYXRhIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgQnV0dG9uLCBIZWFkaW5nLCBQYW5lbCwgUGFuZWxCb2R5LCBQYW5lbEhlYWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZXMgfSBmcm9tICcuL2NvbXBvbmVudHMvQ29sb3JTY2hlbWVzJztcbmltcG9ydCB7IE15Q29tcG9uZW50IH0gZnJvbSAnLi9leGFtcGxlcy9NeUNvbXBvbmVudC53aXRoQ29sb3JTY2hlbWUnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvQ29sb3IgU2NoZW1lcy9Vc2luZyBpbiB5b3VyIGNvbXBvbmVudHNcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb2xvci1zY2hlbWVzLXVzaW5nLWluLXlvdXItY29tcG9uZW50c1wiXG4gICAgfX0+e2BDb2xvciBTY2hlbWVzOiBVc2luZyBpbiB5b3VyIGNvbXBvbmVudHNgfTwvaDE+XG4gICAgPHA+e2BVc2luZyB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgd2l0aENvbG9yU2NoZW1lKClgfTwvaW5saW5lQ29kZT57YCB5b3UgY2FuIGNyZWF0ZSB5b3VyIG93biBjb2xvciBzY2hlbWUgYXdhcmUgY29tcG9uZW50cy5gfTwvcD5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BhZGQgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2Bjb2xvclNjaGVtZUNsYXNzTmFtZWB9PC9pbmxpbmVDb2RlPntgIHlvdSBnZXQgZnJvbSB0aGUgSE9DYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgc2V0IHRoZSBiYWNrZ3JvdW5kIHRvIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BzY2hlbWUuYmdDb2xvcmB9PC9pbmxpbmVDb2RlPjwvbGk+XG4gICAgPC91bD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXRzeFwiXG4gICAgICB9fT57YGltcG9ydCB0eXBlIHsgV2l0aENvbG9yU2NoZW1lUHJvcHMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IHdpdGhDb2xvclNjaGVtZSB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuXG5leHBvcnQgY29uc3QgTXlDb21wb25lbnRCYXNlOiBGQzxXaXRoQ29sb3JTY2hlbWVQcm9wcz4gPSAoeyBjb2xvclNjaGVtZUNsYXNzTmFtZSwgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGNvbnN0IGNsYXNzTmFtZSA9IGNvbG9yU2NoZW1lQ2xhc3NOYW1lIHx8ICcnO1xuICAgIGNvbnN0IHN0eWxlID0geyBkaXNwbGF5OiAnZmxleCcsIGdhcDogJzE2cHgnLCBhbGlnbkl0ZW1zOiAnY2VudGVyJywgcGFkZGluZzogJzE2cHgnIH07XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBNeUNvbXBvbmVudCA9IHdpdGhDb2xvclNjaGVtZShNeUNvbXBvbmVudEJhc2UpO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BZb3UgY2FuIHRoZW4gcHJvdmlkZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bjb2xvclNjaGVtZT17bmFtZX1gfTwvaW5saW5lQ29kZT57YCBkaXJlY3RseSB0byB5b3VyIGNvbXBvbmVudC5gfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ015Q29tcG9uZW50JTIwY29sb3JTY2hlbWU9JTIyaW52ZXJ0JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTNFU2F2ZSUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnBsYWluJTIyJTNFQ2FuY2VsJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ015Q29tcG9uZW50JTIwY29sb3JTY2hlbWU9JTIyYmFzZSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUzRVNhdmUlM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTIwdmFyaWFudD0lMjJwbGFpbiUyMiUzRUNhbmNlbCUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTXlDb21wb25lbnQlM0UlMEElMjAlMjAlMjAlMjAlM0MvTXlDb21wb25lbnQlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPE15Q29tcG9uZW50IGNvbG9yU2NoZW1lPVwiaW52ZXJ0XCIgbWR4VHlwZT1cIk15Q29tcG9uZW50XCI+XG4gICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPlNhdmU8L0J1dHRvbj5cbiAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicGxhaW5cIiBtZHhUeXBlPVwiQnV0dG9uXCI+Q2FuY2VsPC9CdXR0b24+XG4gICAgICAgIDxNeUNvbXBvbmVudCBjb2xvclNjaGVtZT1cImJhc2VcIiBtZHhUeXBlPVwiTXlDb21wb25lbnRcIj5cbiAgICAgICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPlNhdmU8L0J1dHRvbj5cbiAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInBsYWluXCIgbWR4VHlwZT1cIkJ1dHRvblwiPkNhbmNlbDwvQnV0dG9uPlxuICAgICAgICA8L015Q29tcG9uZW50PlxuICAgIDwvTXlDb21wb25lbnQ+XG4gICAgPC9DYW52YXM+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvQ29sb3IgU2NoZW1lcy9Vc2luZyBpbiB5b3VyIGNvbXBvbmVudHMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/40.using-in-components.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ColorSchemes; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.array.map.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.object.entries.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.array.join.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_join_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_4__ = __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_4___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../node_modules/core-js/modules/es.function.name.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../node_modules/core-js/modules/es.array.from.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../packages/core/dist/color-scheme/config.js");\n/* harmony import */ var _preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../packages/media-icons/dist/hat.svg");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/Panel.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelBody.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelSection.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__("../../packages/web-lib/dist/components/Link/Link.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__("../../packages/web-lib/dist/components/Text/Text.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__("../../packages/web-lib/dist/components/Icon/Icon.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__("../../packages/web-lib/dist/components/TextHighlighted/TextHighlighted.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_25__);\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar ColorSchemes = function ColorSchemes() {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_16__[/* LayoutFlex */ "a"], {\n column: true,\n gap: "m"\n }, Object.entries(_preply_ds_core__WEBPACK_IMPORTED_MODULE_14__[/* colorSchemeConfig */ "a"]).map(function (_ref) {\n var _config$extend;\n\n var _ref2 = _slicedToArray(_ref, 2),\n name = _ref2[0],\n config = _ref2[1];\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_17__[/* Panel */ "a"], {\n key: name,\n colorScheme: name\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_18__[/* PanelBody */ "a"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("h3", null, name), config.extend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, "Extends:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, " "), (_config$extend = config.extend) === null || _config$extend === void 0 ? void 0 : _config$extend.join(\',\'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__[/* PanelSection */ "a"], {\n layout: "flex",\n flex: {\n gap: \'xs\'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], null, "Primary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "secondary"\n }, "Secondary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "tertiary"\n }, "Tertiary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "quaternary"\n }, "Quaternary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "dangerous"\n }, "Dangerous"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n disabled: true\n }, "Disabled")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__[/* PanelSection */ "a"], {\n layout: "flex",\n flex: {\n gap: \'xs\'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_21__[/* Link */ "a"], {\n url: "http://preply.com"\n }, "link"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "normal"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "normal"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, "normal")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "muted"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "muted"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, "muted")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "brand"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "brand"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, "brand")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "positive"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "positive"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, "positive"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__[/* PanelSection */ "a"], {\n layout: "flex",\n flex: {\n gap: \'xs\'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* TextHighlighted */ "a"], {\n highlight: "blue"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, "blue")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* TextHighlighted */ "a"], {\n highlight: "green"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_25___default.a.createElement("span", null, "green"))));\n }));\n};\nColorSchemes.displayName = "ColorSchemes";\n\ntry {\n // @ts-ignore\n ColorSchemes.displayName = "ColorSchemes";\n // @ts-ignore\n ColorSchemes.__docgenInfo = { "description": "", "displayName": "ColorSchemes", "props": {} };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx#ColorSchemes"] = { docgenInfo: ColorSchemes.__docgenInfo, name: "ColorSchemes", path: "../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx#ColorSchemes" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzL2NvbXBvbmVudHMvQ29sb3JTY2hlbWVzLnRzeD9kNzFlIl0sIm5hbWVzIjpbIkNvbG9yU2NoZW1lcyIsIk9iamVjdCIsImVudHJpZXMiLCJjb2xvclNjaGVtZUNvbmZpZyIsIm1hcCIsIm5hbWUiLCJjb25maWciLCJleHRlbmQiLCJqb2luIiwiZ2FwIiwic3ZnIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFDQTtBQVdBO0FBRU8sSUFBTUEsWUFBZ0IsR0FBRyxTQUFuQkEsWUFBbUI7QUFBQSxzQkFDNUIsNERBQUMsc0VBQUQ7QUFBWSxVQUFNLE1BQWxCO0FBQW1CLE9BQUcsRUFBQztBQUF2QixLQUNLQyxNQUFNLENBQUNDLE9BQVAsQ0FBZUMsMEVBQWYsRUFBa0NDLEdBQWxDLENBQXNDO0FBQUE7O0FBQUE7QUFBQSxRQUFFQyxJQUFGO0FBQUEsUUFBUUMsTUFBUjs7QUFBQSx3QkFDbkMsNERBQUMsaUVBQUQ7QUFBTyxTQUFHLEVBQUVELElBQVo7QUFBa0IsaUJBQVcsRUFBRUE7QUFBL0Isb0JBQ0ksNERBQUMscUVBQUQscUJBQ0ksd0VBQUtBLElBQUwsQ0FESixFQUVLQyxNQUFNLENBQUNDLE1BQVAsaUJBQ0csb0ZBQ0kscUZBREosZUFFSSw4RUFGSixvQkFHS0QsTUFBTSxDQUFDQyxNQUhaLG1EQUdLLGVBQWVDLElBQWYsQ0FBb0IsR0FBcEIsQ0FITCxDQUhSLENBREosZUFXSSw0REFBQyx3RUFBRDtBQUFjLFlBQU0sRUFBQyxNQUFyQjtBQUE0QixVQUFJLEVBQUU7QUFBRUMsV0FBRyxFQUFFO0FBQVA7QUFBbEMsb0JBQ0ksNERBQUMsa0VBQUQsa0JBREosZUFFSSw0REFBQyxrRUFBRDtBQUFRLGFBQU8sRUFBQztBQUFoQixtQkFGSixlQUdJLDREQUFDLGtFQUFEO0FBQVEsYUFBTyxFQUFDO0FBQWhCLGtCQUhKLGVBSUksNERBQUMsa0VBQUQ7QUFBUSxhQUFPLEVBQUM7QUFBaEIsb0JBSkosZUFLSSw0REFBQyxrRUFBRDtBQUFRLGFBQU8sRUFBQztBQUFoQixtQkFMSixlQU1JLDREQUFDLGtFQUFEO0FBQVEsY0FBUTtBQUFoQixrQkFOSixDQVhKLGVBbUJJLDREQUFDLHdFQUFEO0FBQWMsWUFBTSxFQUFDLE1BQXJCO0FBQTRCLFVBQUksRUFBRTtBQUFFQSxXQUFHLEVBQUU7QUFBUDtBQUFsQyxvQkFFSSw0REFBQyxnRUFBRDtBQUFNLFNBQUcsRUFBQztBQUFWLGNBRkosZUFHSSw0REFBQyxnRUFBRDtBQUFNLFlBQU0sRUFBQztBQUFiLG9CQUNJLDREQUFDLGdFQUFEO0FBQU0sU0FBRyxFQUFFQyxvRkFBWDtBQUFnQixVQUFJLEVBQUMsSUFBckI7QUFBMEIsWUFBTSxFQUFDO0FBQWpDLE1BREosZUFFSSw4RUFGSixlQUdJLG1GQUhKLENBSEosZUFRSSw0REFBQyxnRUFBRDtBQUFNLFlBQU0sRUFBQztBQUFiLG9CQUNJLDREQUFDLGdFQUFEO0FBQU0sU0FBRyxFQUFFQSxvRkFBWDtBQUFnQixVQUFJLEVBQUMsSUFBckI7QUFBMEIsWUFBTSxFQUFDO0FBQWpDLE1BREosZUFFSSw4RUFGSixlQUdJLGtGQUhKLENBUkosZUFhSSw0REFBQyxnRUFBRDtBQUFNLFlBQU0sRUFBQztBQUFiLG9CQUNJLDREQUFDLGdFQUFEO0FBQU0sU0FBRyxFQUFFQSxvRkFBWDtBQUFnQixVQUFJLEVBQUMsSUFBckI7QUFBMEIsWUFBTSxFQUFDO0FBQWpDLE1BREosZUFFSSw4RUFGSixlQUdJLGtGQUhKLENBYkosZUFrQkksNERBQUMsZ0VBQUQ7QUFBTSxZQUFNLEVBQUM7QUFBYixvQkFDSSw0REFBQyxnRUFBRDtBQUFNLFNBQUcsRUFBRUEsb0ZBQVg7QUFBZ0IsVUFBSSxFQUFDLElBQXJCO0FBQTBCLFlBQU0sRUFBQztBQUFqQyxNQURKLGVBRUksOEVBRkosZUFHSSxxRkFISixDQWxCSixDQW5CSixlQTJDSSw0REFBQyx3RUFBRDtBQUFjLFlBQU0sRUFBQyxNQUFyQjtBQUE0QixVQUFJLEVBQUU7QUFBRUQsV0FBRyxFQUFFO0FBQVA7QUFBbEMsb0JBQ0ksNERBQUMsMkVBQUQ7QUFBaUIsZUFBUyxFQUFDO0FBQTNCLG9CQUNJLGlGQURKLENBREosZUFJSSw0REFBQywyRUFBRDtBQUFpQixlQUFTLEVBQUM7QUFBM0Isb0JBQ0ksa0ZBREosQ0FKSixDQTNDSixDQURtQztBQUFBLEdBQXRDLENBREwsQ0FENEI7QUFBQSxDQUF6QjtBQUFNVCxZIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMjAuY29sb3Itc2NoZW1lcy9jb21wb25lbnRzL0NvbG9yU2NoZW1lcy50c3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjb2xvclNjaGVtZUNvbmZpZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgc3ZnIGZyb20gJ0BwcmVwbHkvZHMtbWVkaWEtaWNvbnMvZGlzdC9oYXQuc3ZnJztcbmltcG9ydCB7XG4gICAgQnV0dG9uLFxuICAgIEljb24sXG4gICAgTGF5b3V0RmxleCxcbiAgICBMaW5rLFxuICAgIFBhbmVsLFxuICAgIFBhbmVsQm9keSxcbiAgICBQYW5lbFNlY3Rpb24sXG4gICAgVGV4dCxcbiAgICBUZXh0SGlnaGxpZ2h0ZWQsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBDb2xvclNjaGVtZXM6IEZDID0gKCkgPT4gKFxuICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBnYXA9XCJtXCI+XG4gICAgICAgIHtPYmplY3QuZW50cmllcyhjb2xvclNjaGVtZUNvbmZpZykubWFwKChbbmFtZSwgY29uZmlnXSkgPT4gKFxuICAgICAgICAgICAgPFBhbmVsIGtleT17bmFtZX0gY29sb3JTY2hlbWU9e25hbWUgYXMgQ29sb3JTY2hlbWVOYW1lfT5cbiAgICAgICAgICAgICAgICA8UGFuZWxCb2R5PlxuICAgICAgICAgICAgICAgICAgICA8aDM+e25hbWV9PC9oMz5cbiAgICAgICAgICAgICAgICAgICAge2NvbmZpZy5leHRlbmQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+RXh0ZW5kczo8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+IDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Y29uZmlnLmV4dGVuZD8uam9pbignLCcpfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvUGFuZWxCb2R5PlxuICAgICAgICAgICAgICAgIDxQYW5lbFNlY3Rpb24gbGF5b3V0PVwiZmxleFwiIGZsZXg9e3sgZ2FwOiAneHMnIH19PlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uPlByaW1hcnk8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwic2Vjb25kYXJ5XCI+U2Vjb25kYXJ5PC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCI+VGVydGlhcnk8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicXVhdGVybmFyeVwiPlF1YXRlcm5hcnk8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwiZGFuZ2Vyb3VzXCI+RGFuZ2Vyb3VzPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L1BhbmVsU2VjdGlvbj5cbiAgICAgICAgICAgICAgICA8UGFuZWxTZWN0aW9uIGxheW91dD1cImZsZXhcIiBmbGV4PXt7IGdhcDogJ3hzJyB9fT5cbiAgICAgICAgICAgICAgICAgICAgey8qIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBqc3gtYTExeS9hbmNob3ItaXMtdmFsaWQgKi99XG4gICAgICAgICAgICAgICAgICAgIDxMaW5rIHVybD1cImh0dHA6Ly9wcmVwbHkuY29tXCI+bGluazwvTGluaz5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwibm9ybWFsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBzdmc9e3N2Z30gc2l6ZT1cInhzXCIgYWNjZW50PVwibm9ybWFsXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPiA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5ub3JtYWw8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwibXV0ZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIHN2Zz17c3ZnfSBzaXplPVwieHNcIiBhY2NlbnQ9XCJtdXRlZFwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj4gPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+bXV0ZWQ8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwiYnJhbmRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIHN2Zz17c3ZnfSBzaXplPVwieHNcIiBhY2NlbnQ9XCJicmFuZFwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj4gPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+YnJhbmQ8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwicG9zaXRpdmVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIHN2Zz17c3ZnfSBzaXplPVwieHNcIiBhY2NlbnQ9XCJwb3NpdGl2ZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj4gPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+cG9zaXRpdmU8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L1BhbmVsU2VjdGlvbj5cbiAgICAgICAgICAgICAgICA8UGFuZWxTZWN0aW9uIGxheW91dD1cImZsZXhcIiBmbGV4PXt7IGdhcDogJ3hzJyB9fT5cbiAgICAgICAgICAgICAgICAgICAgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJibHVlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5ibHVlPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L1RleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJncmVlblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+Z3JlZW48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dEhpZ2hsaWdodGVkPlxuICAgICAgICAgICAgICAgIDwvUGFuZWxTZWN0aW9uPlxuICAgICAgICAgICAgPC9QYW5lbD5cbiAgICAgICAgKSl9XG4gICAgPC9MYXlvdXRGbGV4PlxuKTtcbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* unused harmony export MyComponentBase */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MyComponent; });\n/* harmony import */ var _preply_ds_web_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/web-core/dist/color-scheme/hocs/withColorScheme.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar MyComponentBase = function MyComponentBase(_ref) {\n var colorSchemeClassName = _ref.colorSchemeClassName,\n children = _ref.children;\n var className = colorSchemeClassName || \'\';\n var style = {\n display: \'flex\',\n gap: \'16px\',\n alignItems: \'center\',\n padding: \'16px\'\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {\n className: className,\n style: style\n }, children);\n};\nMyComponentBase.displayName = "MyComponentBase";\nvar MyComponent = Object(_preply_ds_web_core__WEBPACK_IMPORTED_MODULE_0__[/* withColorScheme */ "a"])(MyComponentBase);\n\ntry {\n // @ts-ignore\n MyComponentBase.displayName = "MyComponentBase";\n // @ts-ignore\n MyComponentBase.__docgenInfo = { "description": "", "displayName": "MyComponentBase", "props": { "colorSchemeClassName": { "defaultValue": null, "description": "", "name": "colorSchemeClassName", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx#MyComponentBase"] = { docgenInfo: MyComponentBase.__docgenInfo, name: "MyComponentBase", path: "../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx#MyComponentBase" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n MyComponent.displayName = "MyComponent";\n // @ts-ignore\n MyComponent.__docgenInfo = { "description": "", "displayName": "MyComponent", "props": { "colorSchemeClassName": { "defaultValue": null, "description": "", "name": "colorSchemeClassName", "required": false, "type": { "name": "string" } }, "colorScheme": { "defaultValue": null, "description": "", "name": "colorScheme", "required": true, "type": { "name": "enum", "value": [{ "value": "\\"base\\"" }, { "value": "\\"banner\\"" }, { "value": "\\"invert\\"" }] } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx#MyComponent"] = { docgenInfo: MyComponent.__docgenInfo, name: "MyComponent", path: "../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx#MyComponent" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzL2V4YW1wbGVzL015Q29tcG9uZW50LndpdGhDb2xvclNjaGVtZS50c3g/NzQ2ZSJdLCJuYW1lcyI6WyJNeUNvbXBvbmVudEJhc2UiLCJjb2xvclNjaGVtZUNsYXNzTmFtZSIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwic3R5bGUiLCJkaXNwbGF5IiwiZ2FwIiwiYWxpZ25JdGVtcyIsInBhZGRpbmciLCJNeUNvbXBvbmVudCIsIndpdGhDb2xvclNjaGVtZSJdLCJtYXBwaW5ncyI6IkFBQ0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFFTyxJQUFNQSxlQUF5QyxHQUFHLFNBQTVDQSxlQUE0QyxPQUF3QztBQUFBLE1BQXJDQyxvQkFBcUMsUUFBckNBLG9CQUFxQztBQUFBLE1BQWZDLFFBQWUsUUFBZkEsUUFBZTtBQUM3RixNQUFNQyxTQUFTLEdBQUdGLG9CQUFvQixJQUFJLEVBQTFDO0FBQ0EsTUFBTUcsS0FBSyxHQUFHO0FBQUVDLFdBQU8sRUFBRSxNQUFYO0FBQW1CQyxPQUFHLEVBQUUsTUFBeEI7QUFBZ0NDLGNBQVUsRUFBRSxRQUE1QztBQUFzREMsV0FBTyxFQUFFO0FBQS9ELEdBQWQ7QUFDQSxzQkFDSTtBQUFLLGFBQVMsRUFBRUwsU0FBaEI7QUFBMkIsU0FBSyxFQUFFQztBQUFsQyxLQUNLRixRQURMLENBREo7QUFLSCxDQVJNO0FBQU1GLGU7QUFVTixJQUFNUyxXQUFXLEdBQUdDLG1GQUFlLENBQUNWLGVBQUQsQ0FBbkMiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzL2V4YW1wbGVzL015Q29tcG9uZW50LndpdGhDb2xvclNjaGVtZS50c3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFdpdGhDb2xvclNjaGVtZVByb3BzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyB3aXRoQ29sb3JTY2hlbWUgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IE15Q29tcG9uZW50QmFzZTogRkM8V2l0aENvbG9yU2NoZW1lUHJvcHM+ID0gKHsgY29sb3JTY2hlbWVDbGFzc05hbWUsIGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCBjbGFzc05hbWUgPSBjb2xvclNjaGVtZUNsYXNzTmFtZSB8fCAnJztcbiAgICBjb25zdCBzdHlsZSA9IHsgZGlzcGxheTogJ2ZsZXgnLCBnYXA6ICcxNnB4JywgYWxpZ25JdGVtczogJ2NlbnRlcicsIHBhZGRpbmc6ICcxNnB4JyB9O1xuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHN0eWxlPXtzdHlsZX0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgTXlDb21wb25lbnQgPSB3aXRoQ29sb3JTY2hlbWUoTXlDb21wb25lbnRCYXNlKTtcbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponent.withColorScheme.tsx\n')},"../docs-pages/docs/pages/30.guides/40.tokens/00.token-explorer.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "title", function() { return /* binding */ _00_token_explorer_stories_title; });\n__webpack_require__.d(__webpack_exports__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\nvar react_default = /*#__PURE__*/__webpack_require__.n(react);\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@mdx-js/react/dist/esm.js\nvar esm = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@storybook/addon-docs/dist/esm/index.js + 45 modules\nvar dist_esm = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n\n// EXTERNAL MODULE: .-context/dist/components/ThemeSwitcher.js + 1 modules\nvar ThemeSwitcher = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.map.js\nvar es_array_map = __webpack_require__("../../node_modules/core-js/modules/es.array.map.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js\nvar LayoutFlex = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.is-array.js\nvar es_array_is_array = __webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.description.js\nvar es_symbol_description = __webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.to-string.js\nvar es_object_to_string = __webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.iterator.js\nvar es_symbol_iterator = __webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.iterator.js\nvar es_string_iterator = __webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.iterator.js\nvar es_array_iterator = __webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/web.dom-collections.iterator.js\nvar web_dom_collections_iterator = __webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.slice.js\nvar es_array_slice = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.function.name.js\nvar es_function_name = __webpack_require__("../../node_modules/core-js/modules/es.function.name.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.from.js\nvar es_array_from = __webpack_require__("../../node_modules/core-js/modules/es.array.from.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/theme/hooks/useThemes.js\nvar useThemes = __webpack_require__("../../packages/web-core/dist/theme/hooks/useThemes.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/theme/hooks/useTheme.js\nvar useTheme = __webpack_require__("../../packages/web-core/dist/theme/hooks/useTheme.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/color-scheme/providers/ColorSchemeProvider.js\nvar ColorSchemeProvider = __webpack_require__("../../packages/web-core/dist/color-scheme/providers/ColorSchemeProvider.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/token/private/getToken.js\nvar getToken = __webpack_require__("../../packages/web-core/dist/token/private/getToken.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.flat-map.js\nvar es_array_flat_map = __webpack_require__("../../node_modules/core-js/modules/es.array.flat-map.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.unscopables.flat-map.js\nvar es_array_unscopables_flat_map = __webpack_require__("../../node_modules/core-js/modules/es.array.unscopables.flat-map.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.entries.js\nvar es_object_entries = __webpack_require__("../../node_modules/core-js/modules/es.object.entries.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/token/utils/isToken.js\nvar isToken = __webpack_require__("../../packages/core/dist/token/utils/isToken.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/generated/tokens.js\nvar generated_tokens = __webpack_require__("../../packages/core/dist/generated/tokens.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core-types/dist/token/constants.js\nvar constants = __webpack_require__("../../packages/core-types/dist/token/constants.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/constants/token-values-flattened.ts\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar token_values_flattened_extendedToken = function extendedToken(name, token) {\n return {\n token: token,\n name: name,\n id: token[constants["d" /* TOKEN_ID_FIELD */]],\n type: token[constants["g" /* TOKEN_TYPE_FIELD */]],\n colorSchemeAware: !!token[constants["c" /* TOKEN_COLOR_SCHEME_AWARE_FIELD */]]\n };\n};\n\nvar token_values_flattened_flat = function flat(namespace, node) {\n return Object.entries(node).flatMap(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n child = _ref2[1];\n\n var chidKey = namespace + "." + key;\n\n if (Object(isToken["a" /* isToken */])(child)) {\n return [token_values_flattened_extendedToken(chidKey, child)];\n }\n\n return flat(chidKey, child);\n });\n};\n\nvar flatten = function flatten(node) {\n return Object.entries(node).flatMap(function (_ref3) {\n var _ref4 = _slicedToArray(_ref3, 2),\n namespace = _ref4[0],\n child = _ref4[1];\n\n return token_values_flattened_flat(namespace, child);\n });\n};\n\nvar FLAT_TOKENS = flatten(generated_tokens["d" /* tokens */]);\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.filter.js\nvar es_array_filter = __webpack_require__("../../node_modules/core-js/modules/es.array.filter.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.starts-with.js\nvar es_string_starts_with = __webpack_require__("../../node_modules/core-js/modules/es.string.starts-with.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/functions/token.filter.ts\n\n\n\n\nvar filterTokens = function filterTokens(tokens, terms, withColorScheme) {\n return tokens.filter(function (token) {\n if (terms === \'-\' || terms === \'--\') {\n return true;\n }\n\n if (terms !== null && terms !== void 0 && terms.startsWith(\'--\')) {\n return token.id.toLowerCase().startsWith(terms.substring(2).toLowerCase());\n }\n\n if (terms) {\n var nameMatch = token.name.toLowerCase().indexOf(terms.toLowerCase()) > -1;\n var valueMatch = token.value.toLowerCase().indexOf(terms.toLowerCase()) > -1;\n return (nameMatch || valueMatch) && (withColorScheme ? token.colorSchemeAware : !token.colorSchemeAware);\n }\n\n return withColorScheme ? token.colorSchemeAware : !token.colorSchemeAware;\n });\n};\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx\n\n\n\n\n\n\n\n\n\n\n\n\nvar _window, _window$localStorage;\n\n\n\n\nfunction TokenSearchProvider_slicedToArray(arr, i) { return TokenSearchProvider_arrayWithHoles(arr) || TokenSearchProvider_iterableToArrayLimit(arr, i) || TokenSearchProvider_unsupportedIterableToArray(arr, i) || TokenSearchProvider_nonIterableRest(); }\n\nfunction TokenSearchProvider_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction TokenSearchProvider_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return TokenSearchProvider_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return TokenSearchProvider_arrayLikeToArray(o, minLen); }\n\nfunction TokenSearchProvider_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction TokenSearchProvider_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction TokenSearchProvider_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n // eslint-disable-next-line no-restricted-imports\n\n\n\n\n\nvar TokenSearchContext = /*#__PURE__*/Object(react["createContext"])({\n terms: \'\',\n colorScheme: undefined,\n results: [],\n setColorScheme: function setColorScheme() {\n return undefined;\n },\n setSearchTerms: function setSearchTerms() {\n return undefined;\n }\n});\nvar initialColorScheme = ((_window = window) === null || _window === void 0 ? void 0 : (_window$localStorage = _window.localStorage) === null || _window$localStorage === void 0 ? void 0 : _window$localStorage.getItem(\'storybook.ds-color-scheme\')) || undefined;\nvar TokenSearchProvider_TokenSearchProvider = function TokenSearchProvider(_ref) {\n var children = _ref.children;\n\n var _useThemes = Object(useThemes["a" /* useThemes */])(),\n findColorScheme = _useThemes.findColorScheme;\n\n var _useTheme = Object(useTheme["a" /* useTheme */])(),\n theme = _useTheme.theme;\n\n var _useState = Object(react["useState"])(initialColorScheme),\n _useState2 = TokenSearchProvider_slicedToArray(_useState, 2),\n colorScheme = _useState2[0],\n setScheme = _useState2[1];\n\n var _useState3 = Object(react["useState"])(\'\'),\n _useState4 = TokenSearchProvider_slicedToArray(_useState3, 2),\n terms = _useState4[0],\n setTerms = _useState4[1];\n\n var _useState5 = Object(react["useState"])([]),\n _useState6 = TokenSearchProvider_slicedToArray(_useState5, 2),\n results = _useState6[0],\n setResults = _useState6[1];\n\n var setColorScheme = Object(react["useCallback"])(function (s) {\n return setScheme(s);\n }, [setScheme]);\n var setSearchTerms = Object(react["useCallback"])(function (t) {\n return setTerms(t);\n }, [setTerms]);\n\n if (!theme) {\n throw new Error(\'useToken() must be used within a ThemeProvider\');\n }\n\n Object(react["useEffect"])(function () {\n var currentColorScheme = findColorScheme(colorScheme || \'base\');\n var tokens = FLAT_TOKENS.map(function (t) {\n return Object.assign({}, t, {\n value: "" + Object(getToken["a" /* getToken */])(theme, currentColorScheme, t.token)\n });\n }); // eslint-disable-next-line react-hooks/exhaustive-deps\n\n setResults(filterTokens(tokens, terms, !!colorScheme));\n }, [colorScheme, findColorScheme, terms, theme]);\n return /*#__PURE__*/react_default.a.createElement(TokenSearchContext.Provider, {\n value: {\n terms: terms,\n results: results,\n colorScheme: colorScheme,\n setSearchTerms: setSearchTerms,\n setColorScheme: setColorScheme\n }\n }, /*#__PURE__*/react_default.a.createElement(ColorSchemeProvider["b" /* ColorSchemeProvider */], {\n colorScheme: colorScheme || \'base\'\n }, children));\n};\nTokenSearchProvider_TokenSearchProvider.displayName = "TokenSearchProvider";\n\ntry {\n // @ts-ignore\n TokenSearchProvider_TokenSearchProvider.displayName = "TokenSearchProvider";\n // @ts-ignore\n TokenSearchProvider_TokenSearchProvider.__docgenInfo = { "description": "", "displayName": "TokenSearchProvider", "props": {} };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx#TokenSearchProvider"] = { docgenInfo: TokenSearchProvider_TokenSearchProvider.__docgenInfo, name: "TokenSearchProvider", path: "../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx#TokenSearchProvider" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/useTokenSearchContext.ts\n\n\nvar useTokenSearchContext_useTokenSearchContext = function useTokenSearchContext() {\n return Object(react["useContext"])(TokenSearchContext);\n};\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/token/hooks/useToken.js\nvar useToken = __webpack_require__("../../packages/web-core/dist/token/hooks/useToken.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/LayoutGrid/LayoutGrid.js\nvar LayoutGrid = __webpack_require__("../../packages/web-lib/dist/components/LayoutGrid/LayoutGrid.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/TextHighlighted/TextHighlighted.js + 1 modules\nvar TextHighlighted = __webpack_require__("../../packages/web-lib/dist/components/TextHighlighted/TextHighlighted.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/Heading/Heading.js + 1 modules\nvar Heading = __webpack_require__("../../packages/web-lib/dist/components/Heading/Heading.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.find.js\nvar es_array_find = __webpack_require__("../../node_modules/core-js/modules/es.array.find.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.split.js\nvar es_string_split = __webpack_require__("../../node_modules/core-js/modules/es.string.split.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.regexp.exec.js\nvar es_regexp_exec = __webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/styled-components/dist/styled-components.browser.esm.js\nvar styled_components_browser_esm = __webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBgColor.tsx\n\n\nvar _templateObject;\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar Div = styled_components_browser_esm["b" /* default */].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n width: 64px;\\n height: 64px;\\n color: white;\\n background-color: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBgColor_RendererBgColor = function RendererBgColor(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(Div, {\n value: value\n });\n};\nRendererBgColor_RendererBgColor.displayName = "RendererBgColor";\n\ntry {\n // @ts-ignore\n RendererBgColor_RendererBgColor.displayName = "RendererBgColor";\n // @ts-ignore\n RendererBgColor_RendererBgColor.__docgenInfo = { "description": "", "displayName": "RendererBgColor", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBgColor.tsx#RendererBgColor"] = { docgenInfo: RendererBgColor_RendererBgColor.__docgenInfo, name: "RendererBgColor", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBgColor.tsx#RendererBgColor" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderColor.tsx\n\n\nvar RendererBorderColor_templateObject;\n\nfunction RendererBorderColor_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBorderColor_Div = styled_components_browser_esm["b" /* default */].div(RendererBorderColor_templateObject || (RendererBorderColor_templateObject = RendererBorderColor_taggedTemplateLiteralLoose(["\\n background: white;\\n width: 48px;\\n height: 48px\\n padding: 8px 0 0 8px;\\n background: ", ";\\n\\n\\n span {\\n display: block;\\n width: 40px;\\n height: 40px;\\n border-width: 2px;\\n border-style: solid;\\n border-top-left-radius: 16px;\\n border-color: ", ";\\n border-right: none;\\n border-bottom: none;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value === \'white\' ? \'black\' : \'white\';\n}, function (_ref2) {\n var value = _ref2.value;\n return value;\n});\nvar RendererBorderColor_RendererBorderColor = function RendererBorderColor(_ref3) {\n var value = _ref3.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBorderColor_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererBorderColor_RendererBorderColor.displayName = "RendererBorderColor";\n\ntry {\n // @ts-ignore\n RendererBorderColor_RendererBorderColor.displayName = "RendererBorderColor";\n // @ts-ignore\n RendererBorderColor_RendererBorderColor.__docgenInfo = { "description": "", "displayName": "RendererBorderColor", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderColor.tsx#RendererBorderColor"] = { docgenInfo: RendererBorderColor_RendererBorderColor.__docgenInfo, name: "RendererBorderColor", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderColor.tsx#RendererBorderColor" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderRadius.tsx\n\n\nvar RendererBorderRadius_templateObject;\n\nfunction RendererBorderRadius_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBorderRadius_Div = styled_components_browser_esm["b" /* default */].div(RendererBorderRadius_templateObject || (RendererBorderRadius_templateObject = RendererBorderRadius_taggedTemplateLiteralLoose(["\\n width: 32px;\\n height: 32px;\\n border-style: solid;\\n border-color: #999;\\n border-width: 12px;\\n border-right: none;\\n border-bottom: none;\\n border-top-left-radius: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBorderRadius_RendererBorderRadius = function RendererBorderRadius(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBorderRadius_Div, {\n value: value\n });\n};\nRendererBorderRadius_RendererBorderRadius.displayName = "RendererBorderRadius";\n\ntry {\n // @ts-ignore\n RendererBorderRadius_RendererBorderRadius.displayName = "RendererBorderRadius";\n // @ts-ignore\n RendererBorderRadius_RendererBorderRadius.__docgenInfo = { "description": "", "displayName": "RendererBorderRadius", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderRadius.tsx#RendererBorderRadius"] = { docgenInfo: RendererBorderRadius_RendererBorderRadius.__docgenInfo, name: "RendererBorderRadius", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderRadius.tsx#RendererBorderRadius" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBrightness.tsx\n\n\nvar RendererBrightness_templateObject;\n\nfunction RendererBrightness_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBrightness_Div = styled_components_browser_esm["b" /* default */].div(RendererBrightness_templateObject || (RendererBrightness_templateObject = RendererBrightness_taggedTemplateLiteralLoose(["\\n background: #999;\\n font-size: 16px;\\n line-height: 32px;\\n text-align: center;\\n width: 200px;\\n color: white;\\n\\n &:hover {\\n filter: brightness(", ");\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBrightness_RendererBrightness = function RendererBrightness(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBrightness_Div, {\n value: value\n }, "hover me");\n};\nRendererBrightness_RendererBrightness.displayName = "RendererBrightness";\n\ntry {\n // @ts-ignore\n RendererBrightness_RendererBrightness.displayName = "RendererBrightness";\n // @ts-ignore\n RendererBrightness_RendererBrightness.__docgenInfo = { "description": "", "displayName": "RendererBrightness", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBrightness.tsx#RendererBrightness"] = { docgenInfo: RendererBrightness_RendererBrightness.__docgenInfo, name: "RendererBrightness", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBrightness.tsx#RendererBrightness" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFgColor.tsx\n\n\nvar RendererFgColor_templateObject;\n\nfunction RendererFgColor_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererFgColor_Div = styled_components_browser_esm["b" /* default */].div(RendererFgColor_templateObject || (RendererFgColor_templateObject = RendererFgColor_taggedTemplateLiteralLoose(["\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: 64px;\\n height: 64px;\\n font-size: 20px;\\n font-weight: 700;\\n color: ", ";\\n background: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n}, function (_ref2) {\n var value = _ref2.value;\n return value === \'white\' ? \'black\' : \'white\';\n});\nvar RendererFgColor_RendererFgColor = function RendererFgColor(_ref3) {\n var value = _ref3.value;\n return /*#__PURE__*/react_default.a.createElement(RendererFgColor_Div, {\n value: value\n }, "A");\n};\nRendererFgColor_RendererFgColor.displayName = "RendererFgColor";\n\ntry {\n // @ts-ignore\n RendererFgColor_RendererFgColor.displayName = "RendererFgColor";\n // @ts-ignore\n RendererFgColor_RendererFgColor.__docgenInfo = { "description": "", "displayName": "RendererFgColor", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFgColor.tsx#RendererFgColor"] = { docgenInfo: RendererFgColor_RendererFgColor.__docgenInfo, name: "RendererFgColor", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFgColor.tsx#RendererFgColor" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontFamily.tsx\n\n\nvar RendererFontFamily_templateObject;\n\nfunction RendererFontFamily_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererFontFamily_Div = styled_components_browser_esm["b" /* default */].div(RendererFontFamily_templateObject || (RendererFontFamily_templateObject = RendererFontFamily_taggedTemplateLiteralLoose(["\\n font-family: ", ";\\n font-size: 20px;\\n font-weight: 600;\\n\\n p:first-child {\\n font-weight: 700;\\n }\\n\\n p:last-child {\\n font-weight: 400;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererFontFamily_RendererFontFamily = function RendererFontFamily(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererFontFamily_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("p", null, "Lorem ipsum dolor sit amet (700)"), /*#__PURE__*/react_default.a.createElement("p", null, "Lorem ipsum dolor sit amet (500)"), /*#__PURE__*/react_default.a.createElement("p", null, "Lorem ipsum dolor sit amet (400)"));\n};\nRendererFontFamily_RendererFontFamily.displayName = "RendererFontFamily";\n\ntry {\n // @ts-ignore\n RendererFontFamily_RendererFontFamily.displayName = "RendererFontFamily";\n // @ts-ignore\n RendererFontFamily_RendererFontFamily.__docgenInfo = { "description": "", "displayName": "RendererFontFamily", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontFamily.tsx#RendererFontFamily"] = { docgenInfo: RendererFontFamily_RendererFontFamily.__docgenInfo, name: "RendererFontFamily", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontFamily.tsx#RendererFontFamily" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontSize.tsx\n\n\nvar RendererFontSize_templateObject;\n\nfunction RendererFontSize_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererFontSize_Div = styled_components_browser_esm["b" /* default */].div(RendererFontSize_templateObject || (RendererFontSize_templateObject = RendererFontSize_taggedTemplateLiteralLoose(["\\n font-family: Roboto;\\n font-size: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererFontSize_RendererFontSize = function RendererFontSize(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererFontSize_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet");\n};\nRendererFontSize_RendererFontSize.displayName = "RendererFontSize";\n\ntry {\n // @ts-ignore\n RendererFontSize_RendererFontSize.displayName = "RendererFontSize";\n // @ts-ignore\n RendererFontSize_RendererFontSize.__docgenInfo = { "description": "", "displayName": "RendererFontSize", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontSize.tsx#RendererFontSize"] = { docgenInfo: RendererFontSize_RendererFontSize.__docgenInfo, name: "RendererFontSize", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontSize.tsx#RendererFontSize" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontWeight.tsx\n\n\nvar RendererFontWeight_templateObject;\n\nfunction RendererFontWeight_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererFontWeight_Div = styled_components_browser_esm["b" /* default */].div(RendererFontWeight_templateObject || (RendererFontWeight_templateObject = RendererFontWeight_taggedTemplateLiteralLoose(["\\n font-family: Roboto;\\n font-size: 20px;\\n font-weight: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererFontWeight_RendererFontWeight = function RendererFontWeight(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererFontWeight_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet");\n};\nRendererFontWeight_RendererFontWeight.displayName = "RendererFontWeight";\n\ntry {\n // @ts-ignore\n RendererFontWeight_RendererFontWeight.displayName = "RendererFontWeight";\n // @ts-ignore\n RendererFontWeight_RendererFontWeight.__docgenInfo = { "description": "", "displayName": "RendererFontWeight", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontWeight.tsx#RendererFontWeight"] = { docgenInfo: RendererFontWeight_RendererFontWeight.__docgenInfo, name: "RendererFontWeight", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontWeight.tsx#RendererFontWeight" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererHeight.tsx\n\n\nvar RendererHeight_templateObject;\n\nfunction RendererHeight_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererHeight_Div = styled_components_browser_esm["b" /* default */].div(RendererHeight_templateObject || (RendererHeight_templateObject = RendererHeight_taggedTemplateLiteralLoose(["\\n height: ", ";\\n width: 40px;\\n background-color: black;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererHeight_RendererHeight = function RendererHeight(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererHeight_Div, {\n value: value\n });\n};\nRendererHeight_RendererHeight.displayName = "RendererHeight";\n\ntry {\n // @ts-ignore\n RendererHeight_RendererHeight.displayName = "RendererHeight";\n // @ts-ignore\n RendererHeight_RendererHeight.__docgenInfo = { "description": "", "displayName": "RendererHeight", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererHeight.tsx#RendererHeight"] = { docgenInfo: RendererHeight_RendererHeight.__docgenInfo, name: "RendererHeight", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererHeight.tsx#RendererHeight" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeight.tsx\n\n\nvar RendererLineHeight_templateObject;\n\nfunction RendererLineHeight_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererLineHeight_Div = styled_components_browser_esm["b" /* default */].div(RendererLineHeight_templateObject || (RendererLineHeight_templateObject = RendererLineHeight_taggedTemplateLiteralLoose(["\\n font-family: Roboto;\\n line-height: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererLineHeight_RendererLineHeight = function RendererLineHeight(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererLineHeight_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa nulla, suscipit id purus quis, facilisis tempus tortor. Praesent felis quam, tincidunt vitae libero ut, bibendum condimentum nunc. Sed molestie ligula ut ex varius, nec elementum odio dapibus. Etiam et vestibulum eros, in luctus lectus. Cras dapibus congue sapien, eu semper libero. Proin interdum velit tincidunt egestas condimentum. Duis lobortis in diam dignissim scelerisque.", \' \');\n};\nRendererLineHeight_RendererLineHeight.displayName = "RendererLineHeight";\n\ntry {\n // @ts-ignore\n RendererLineHeight_RendererLineHeight.displayName = "RendererLineHeight";\n // @ts-ignore\n RendererLineHeight_RendererLineHeight.__docgenInfo = { "description": "", "displayName": "RendererLineHeight", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeight.tsx#RendererLineHeight"] = { docgenInfo: RendererLineHeight_RendererLineHeight.__docgenInfo, name: "RendererLineHeight", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeight.tsx#RendererLineHeight" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineColor.tsx\n\n\nvar RendererOutlineColor_templateObject;\n\nfunction RendererOutlineColor_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererOutlineColor_Div = styled_components_browser_esm["b" /* default */].div(RendererOutlineColor_templateObject || (RendererOutlineColor_templateObject = RendererOutlineColor_taggedTemplateLiteralLoose(["\\n background: white;\\n width: 48px;\\n height: 48px\\n padding: 8px 0 0 8px;\\n background: ", ";\\n\\n\\n span {\\n display: block;\\n width: 40px;\\n height: 40px;\\n border-width: 2px;\\n border-style: solid;\\n border-top-left-radius: 16px;\\n border-color: ", ";\\n border-right: none;\\n border-bottom: none;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value === \'white\' ? \'black\' : \'white\';\n}, function (_ref2) {\n var value = _ref2.value;\n return value;\n});\nvar RendererOutlineColor_RendererOutlineColor = function RendererOutlineColor(_ref3) {\n var value = _ref3.value;\n return /*#__PURE__*/react_default.a.createElement(RendererOutlineColor_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererOutlineColor_RendererOutlineColor.displayName = "RendererOutlineColor";\n\ntry {\n // @ts-ignore\n RendererOutlineColor_RendererOutlineColor.displayName = "RendererOutlineColor";\n // @ts-ignore\n RendererOutlineColor_RendererOutlineColor.__docgenInfo = { "description": "", "displayName": "RendererOutlineColor", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineColor.tsx#RendererOutlineColor"] = { docgenInfo: RendererOutlineColor_RendererOutlineColor.__docgenInfo, name: "RendererOutlineColor", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineColor.tsx#RendererOutlineColor" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineOffset.tsx\n\n\nvar RendererOutlineOffset_templateObject;\n\nfunction RendererOutlineOffset_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererOutlineOffset_Div = styled_components_browser_esm["b" /* default */].div(RendererOutlineOffset_templateObject || (RendererOutlineOffset_templateObject = RendererOutlineOffset_taggedTemplateLiteralLoose(["\\n width: 64px;\\n padding-top: 2px;\\n background: #666;\\n\\n span {\\n height: 2px;\\n display: block;\\n width: 100%;\\n border-top-style: solid;\\n border-color: white;\\n border-width: ", ";\\n height: 28px;\\n background: #999;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererOutlineOffset_RendererOutlineOffset = function RendererOutlineOffset(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererOutlineOffset_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererOutlineOffset_RendererOutlineOffset.displayName = "RendererOutlineOffset";\n\ntry {\n // @ts-ignore\n RendererOutlineOffset_RendererOutlineOffset.displayName = "RendererOutlineOffset";\n // @ts-ignore\n RendererOutlineOffset_RendererOutlineOffset.__docgenInfo = { "description": "", "displayName": "RendererOutlineOffset", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineOffset.tsx#RendererOutlineOffset"] = { docgenInfo: RendererOutlineOffset_RendererOutlineOffset.__docgenInfo, name: "RendererOutlineOffset", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineOffset.tsx#RendererOutlineOffset" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineWidth.tsx\n\n\nvar RendererOutlineWidth_templateObject;\n\nfunction RendererOutlineWidth_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererOutlineWidth_Div = styled_components_browser_esm["b" /* default */].div(RendererOutlineWidth_templateObject || (RendererOutlineWidth_templateObject = RendererOutlineWidth_taggedTemplateLiteralLoose(["\\n width: 64px;\\n padding-top: ", ";\\n background: #666;\\n\\n span {\\n display: block;\\n width: 100%;\\n border-top-style: solid;\\n border-color: white;\\n border-width: 2px;\\n height: 28px;\\n background: #999;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererOutlineWidth_RendererOutlineWidth = function RendererOutlineWidth(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererOutlineWidth_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererOutlineWidth_RendererOutlineWidth.displayName = "RendererOutlineWidth";\n\ntry {\n // @ts-ignore\n RendererOutlineWidth_RendererOutlineWidth.displayName = "RendererOutlineWidth";\n // @ts-ignore\n RendererOutlineWidth_RendererOutlineWidth.__docgenInfo = { "description": "", "displayName": "RendererOutlineWidth", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineWidth.tsx#RendererOutlineWidth"] = { docgenInfo: RendererOutlineWidth_RendererOutlineWidth.__docgenInfo, name: "RendererOutlineWidth", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineWidth.tsx#RendererOutlineWidth" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererPaletteItem.tsx\n\n\nvar RendererPaletteItem_templateObject;\n\nfunction RendererPaletteItem_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererPaletteItem_Div = styled_components_browser_esm["b" /* default */].div(RendererPaletteItem_templateObject || (RendererPaletteItem_templateObject = RendererPaletteItem_taggedTemplateLiteralLoose(["\\n width: 64px;\\n height: 64px;\\n background-color: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererPaletteItem_RendererPaletteItem = function RendererPaletteItem(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererPaletteItem_Div, {\n value: value\n });\n};\nRendererPaletteItem_RendererPaletteItem.displayName = "RendererPaletteItem";\n\ntry {\n // @ts-ignore\n RendererPaletteItem_RendererPaletteItem.displayName = "RendererPaletteItem";\n // @ts-ignore\n RendererPaletteItem_RendererPaletteItem.__docgenInfo = { "description": "", "displayName": "RendererPaletteItem", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererPaletteItem.tsx#RendererPaletteItem"] = { docgenInfo: RendererPaletteItem_RendererPaletteItem.__docgenInfo, name: "RendererPaletteItem", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererPaletteItem.tsx#RendererPaletteItem" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSize.tsx\n\n\nvar RendererSize_templateObject;\n\nfunction RendererSize_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererSize_Div = styled_components_browser_esm["b" /* default */].div(RendererSize_templateObject || (RendererSize_templateObject = RendererSize_taggedTemplateLiteralLoose(["\\n width: ", ";\\n height: ", ";\\n background-color: black;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n}, function (_ref2) {\n var value = _ref2.value;\n return value;\n});\nvar RendererSize_RendererSize = function RendererSize(_ref3) {\n var value = _ref3.value;\n return /*#__PURE__*/react_default.a.createElement(RendererSize_Div, {\n value: value\n });\n};\nRendererSize_RendererSize.displayName = "RendererSize";\n\ntry {\n // @ts-ignore\n RendererSize_RendererSize.displayName = "RendererSize";\n // @ts-ignore\n RendererSize_RendererSize.__docgenInfo = { "description": "", "displayName": "RendererSize", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSize.tsx#RendererSize"] = { docgenInfo: RendererSize_RendererSize.__docgenInfo, name: "RendererSize", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSize.tsx#RendererSize" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSpace.tsx\n\n\nvar RendererSpace_templateObject;\n\nfunction RendererSpace_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererSpace_Div = styled_components_browser_esm["b" /* default */].div(RendererSpace_templateObject || (RendererSpace_templateObject = RendererSpace_taggedTemplateLiteralLoose(["\\n width: ", ";\\n height: 40px;\\n background-color: black;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererSpace_RendererSpace = function RendererSpace(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererSpace_Div, {\n value: value\n });\n};\nRendererSpace_RendererSpace.displayName = "RendererSpace";\n\ntry {\n // @ts-ignore\n RendererSpace_RendererSpace.displayName = "RendererSpace";\n // @ts-ignore\n RendererSpace_RendererSpace.__docgenInfo = { "description": "", "displayName": "RendererSpace", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSpace.tsx#RendererSpace"] = { docgenInfo: RendererSpace_RendererSpace.__docgenInfo, name: "RendererSpace", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSpace.tsx#RendererSpace" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/functions/token-type.renderer.tsx\nfunction token_type_renderer_slicedToArray(arr, i) { return token_type_renderer_arrayWithHoles(arr) || token_type_renderer_iterableToArrayLimit(arr, i) || token_type_renderer_unsupportedIterableToArray(arr, i) || token_type_renderer_nonIterableRest(); }\n\nfunction token_type_renderer_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction token_type_renderer_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return token_type_renderer_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return token_type_renderer_arrayLikeToArray(o, minLen); }\n\nfunction token_type_renderer_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction token_type_renderer_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction token_type_renderer_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * pick a type for root tokens\n */\nvar typeFromPrefix = {\n \'root.size\': \'size\',\n \'root.space\': \'space\',\n \'root.radius\': \'borderRadius\',\n \'root.text.size\': \'fontSize\',\n \'root.palette\': \'color\'\n};\nvar sufixMap = {\n color: \'fgColor\'\n};\nvar renderers = {\n bgColor: {\n renderer: RendererBgColor_RendererBgColor\n },\n borderColor: {\n renderer: RendererBorderColor_RendererBorderColor\n },\n borderRadius: {\n renderer: RendererBorderRadius_RendererBorderRadius\n },\n brightness: {\n renderer: RendererBrightness_RendererBrightness\n },\n color: {\n renderer: RendererPaletteItem_RendererPaletteItem\n },\n fgColor: {\n renderer: RendererFgColor_RendererFgColor\n },\n fontFamily: {\n renderer: RendererFontFamily_RendererFontFamily\n },\n fontSize: {\n renderer: RendererFontSize_RendererFontSize\n },\n fontWeight: {\n renderer: RendererFontWeight_RendererFontWeight\n },\n gap: {\n renderer: RendererSpace_RendererSpace\n },\n height: {\n renderer: RendererHeight_RendererHeight\n },\n horizontalPadding: {\n renderer: RendererSize_RendererSize\n },\n lineHeight: {\n renderer: RendererLineHeight_RendererLineHeight\n },\n outlineColor: {\n renderer: RendererOutlineColor_RendererOutlineColor\n },\n outlineOffset: {\n renderer: RendererOutlineOffset_RendererOutlineOffset\n },\n outlineWidth: {\n renderer: RendererOutlineWidth_RendererOutlineWidth\n },\n padding: {\n renderer: RendererSize_RendererSize\n },\n size: {\n renderer: RendererSize_RendererSize\n },\n space: {\n renderer: RendererSpace_RendererSpace\n },\n typeface: {\n renderer: RendererFontFamily_RendererFontFamily\n },\n verticalPadding: {\n renderer: RendererSize_RendererSize\n }\n};\n\nfunction getTypeFromPrefix(name) {\n var match = Object.entries(typeFromPrefix).find(function (_ref) {\n var _ref2 = token_type_renderer_slicedToArray(_ref, 1),\n prefix = _ref2[0];\n\n return name.startsWith(prefix);\n });\n return match && match[1];\n}\n\nfunction getTypeFromSufix(name) {\n var sufix = name.split(\'.\').pop() || \'\';\n return sufix in sufixMap ? sufixMap[sufix] : sufix;\n}\n\nfunction getRenderer(token) {\n var type = getTypeFromPrefix(token.name) || getTypeFromSufix(token.name) || \'\';\n return renderers[type];\n}\n\nvar tokenRenderer = function tokenRenderer(token) {\n var renderer = getRenderer(token);\n\n if (!renderer) {\n throw new Error("No renderer for token \\"" + token.name + "\\".");\n }\n\n return renderer;\n};\n\ntry {\n // @ts-ignore\n tokenRenderer.displayName = "tokenRenderer";\n // @ts-ignore\n tokenRenderer.__docgenInfo = { "description": "", "displayName": "tokenRenderer", "props": { "token": { "defaultValue": null, "description": "", "name": "token", "required": true, "type": { "name": "Token" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": true, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": true, "type": { "name": "string" } }, "type": { "defaultValue": null, "description": "", "name": "type", "required": true, "type": { "name": "\\"base\\"" } }, "colorSchemeAware": { "defaultValue": null, "description": "", "name": "colorSchemeAware", "required": true, "type": { "name": "boolean" } }, "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/functions/token-type.renderer.tsx#tokenRenderer"] = { docgenInfo: tokenRenderer.__docgenInfo, name: "tokenRenderer", path: "../docs-pages/docs/pages/30.guides/40.tokens/functions/token-type.renderer.tsx#tokenRenderer" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx\n\n\nvar TokenCard_styles_templateObject, _templateObject2, _templateObject3, _templateObject4;\n\nfunction TokenCard_styles_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar TokenCardListItem = styled_components_browser_esm["b" /* default */].li(TokenCard_styles_templateObject || (TokenCard_styles_templateObject = TokenCard_styles_taggedTemplateLiteralLoose(["\\n list-style: none;\\n margin-bottom: 32px;\\n\\n span[title] {\\n text-align: center;\\n display: block;\\n }\\n"])));\nvar Name = styled_components_browser_esm["b" /* default */].span(_templateObject2 || (_templateObject2 = TokenCard_styles_taggedTemplateLiteralLoose(["\\n font-size: 24px;\\n font-weight: normal;\\n"])));\nvar Id = styled_components_browser_esm["b" /* default */].p(_templateObject3 || (_templateObject3 = TokenCard_styles_taggedTemplateLiteralLoose(["\\n margin: 0;\\n font-size: 14px;\\n"])));\nvar Value = styled_components_browser_esm["b" /* default */].p(_templateObject4 || (_templateObject4 = TokenCard_styles_taggedTemplateLiteralLoose(["\\n margin: 0;\\n width: 160px;\\n text-align: right;\\n font-size: 16px;\\n line-height: 32px;\\n"])));\n\ntry {\n // @ts-ignore\n TokenCardListItem.displayName = "TokenCardListItem";\n // @ts-ignore\n TokenCardListItem.__docgenInfo = { "description": "", "displayName": "TokenCardListItem", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLLIElement | null) => void) | RefObject<HTMLLIElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLLIElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLLIElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLLIElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLLIElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLLIElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLLIElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLLIElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLLIElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLLIElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLLIElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLLIElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLLIElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLLIElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLLIElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLLIElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLLIElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLLIElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLLIElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLLIElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLLIElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLLIElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLLIElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLLIElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLLIElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLLIElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLLIElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLLIElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLLIElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLLIElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLLIElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLLIElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLLIElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLLIElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLLIElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLLIElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLLIElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLLIElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLLIElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLLIElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLLIElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLLIElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLLIElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLLIElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLLIElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLLIElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "value": { "defaultValue": null, "description": "", "name": "value", "required": false, "type": { "name": "string | number | string[]" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx#TokenCardListItem"] = { docgenInfo: TokenCardListItem.__docgenInfo, name: "TokenCardListItem", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx#TokenCardListItem" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n Name.displayName = "Name";\n // @ts-ignore\n Name.__docgenInfo = { "description": "", "displayName": "Name", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLSpanElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLSpanElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLSpanElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLSpanElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLSpanElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLSpanElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLSpanElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLSpanElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLSpanElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLSpanElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLSpanElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLSpanElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLSpanElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLSpanElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLSpanElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLSpanElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLSpanElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLSpanElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLSpanElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLSpanElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLSpanElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLSpanElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLSpanElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLSpanElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLSpanElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLSpanElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLSpanElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLSpanElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLSpanElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLSpanElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLSpanElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLSpanElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLSpanElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLSpanElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLSpanElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLSpanElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLSpanElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLSpanElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLSpanElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLSpanElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLSpanElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLSpanElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLSpanElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLSpanElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLSpanElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLSpanElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLSpanElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx#Name"] = { docgenInfo: Name.__docgenInfo, name: "Name", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx#Name" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n Id.displayName = "Id";\n // @ts-ignore\n Id.__docgenInfo = { "description": "", "displayName": "Id", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLParagraphElement | null) => void) | RefObject<HTMLParagraphElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLParagraphElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLParagraphElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLParagraphElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLParagraphElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLParagraphElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLParagraphElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx#Id"] = { docgenInfo: Id.__docgenInfo, name: "Id", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx#Id" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n Value.displayName = "Value";\n // @ts-ignore\n Value.__docgenInfo = { "description": "", "displayName": "Value", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLParagraphElement | null) => void) | RefObject<HTMLParagraphElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLParagraphElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLParagraphElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLParagraphElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLParagraphElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLParagraphElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLParagraphElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLParagraphElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLParagraphElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLParagraphElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLParagraphElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLParagraphElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLParagraphElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLParagraphElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx#Value"] = { docgenInfo: Value.__docgenInfo, name: "Value", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx#Value" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenCard.tsx\n\n\n\n\n\n\nvar TokenCard_TokenCard = function TokenCard(_ref) {\n var token = _ref.token;\n var value = Object(useToken["a" /* useToken */])(token.token);\n var renderer = tokenRenderer(token);\n var Component = renderer.renderer;\n return /*#__PURE__*/react_default.a.createElement(TokenCardListItem, null, /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "xs",\n column: true\n }, /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "xs",\n columns: [\'auto\', \'5fr\', \'1fr\'],\n alignItems: "center"\n }, /*#__PURE__*/react_default.a.createElement(Id, null, /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], {\n highlight: "blue"\n }, "(--", token.id, ")")), /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h2"\n }, /*#__PURE__*/react_default.a.createElement(Name, null, token.name)), token.colorSchemeAware ? /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], null, /*#__PURE__*/react_default.a.createElement("span", {\n title: "this token may have different values, depending on color scheme"\n }, "color scheme aware")) : \'\'), /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "l",\n columns: [\'auto\', \'1fr\'],\n alignItems: "center"\n }, /*#__PURE__*/react_default.a.createElement(Value, null, /*#__PURE__*/react_default.a.createElement("span", null, value)), /*#__PURE__*/react_default.a.createElement("div", null, /*#__PURE__*/react_default.a.createElement(Component, {\n name: token.name,\n value: value\n })))));\n};\nTokenCard_TokenCard.displayName = "TokenCard";\n\ntry {\n // @ts-ignore\n TokenCard_TokenCard.displayName = "TokenCard";\n // @ts-ignore\n TokenCard_TokenCard.__docgenInfo = { "description": "", "displayName": "TokenCard", "props": { "token": { "defaultValue": null, "description": "", "name": "token", "required": true, "type": { "name": "ExtendedToken" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.tsx#TokenCard"] = { docgenInfo: TokenCard_TokenCard.__docgenInfo, name: "TokenCard", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.tsx#TokenCard" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenList.styles.tsx\n\n\nvar TokenList_styles_templateObject, TokenList_styles_templateObject2;\n\nfunction TokenList_styles_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar List = styled_components_browser_esm["b" /* default */].ul(TokenList_styles_templateObject || (TokenList_styles_templateObject = TokenList_styles_taggedTemplateLiteralLoose(["\\n margin: 0;\\n padding: 0;\\n width: 80%;\\n"])));\nvar NoResults = styled_components_browser_esm["b" /* default */].div(TokenList_styles_templateObject2 || (TokenList_styles_templateObject2 = TokenList_styles_taggedTemplateLiteralLoose(["\\n font-size: 24px;\\n\\n h3 {\\n margin: 0;\\n }\\n"])));\n\ntry {\n // @ts-ignore\n List.displayName = "List";\n // @ts-ignore\n List.__docgenInfo = { "description": "", "displayName": "List", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLUListElement | null) => void) | RefObject<HTMLUListElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLUListElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLUListElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLUListElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLUListElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLUListElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLUListElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLUListElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLUListElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLUListElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLUListElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLUListElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLUListElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLUListElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLUListElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLUListElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLUListElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLUListElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLUListElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLUListElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLUListElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLUListElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLUListElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLUListElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLUListElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLUListElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLUListElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLUListElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLUListElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLUListElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLUListElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLUListElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLUListElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLUListElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLUListElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLUListElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLUListElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLUListElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLUListElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLUListElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLUListElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLUListElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLUListElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLUListElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLUListElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLUListElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenList.styles.tsx#List"] = { docgenInfo: List.__docgenInfo, name: "List", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenList.styles.tsx#List" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n NoResults.displayName = "NoResults";\n // @ts-ignore\n NoResults.__docgenInfo = { "description": "", "displayName": "NoResults", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLDivElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLDivElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLDivElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLDivElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLDivElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLDivElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenList.styles.tsx#NoResults"] = { docgenInfo: NoResults.__docgenInfo, name: "NoResults", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenList.styles.tsx#NoResults" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/constants/search-hints.tsx\nvar hints = {\n but: {\n name: \'button\',\n alternatives: [\'action\'],\n note: \'See also: props of <Button> component\'\n },\n layo: {\n name: \'layout\',\n alternatives: [\'gap\', \'padding\', \'space\'],\n note: \'See also: props of <Layout> components\'\n },\n align: {\n name: \'align\',\n alternatives: [],\n note: \'You probably want to look at the <Layout> components\'\n },\n just: {\n name: \'justify\',\n alternatives: [],\n note: \'You probably want to look at the <Layout> components\'\n },\n bol: {\n name: \'bold\',\n alternatives: [\'weight\'],\n note: \'See also <Text strong> component.\'\n },\n help: {\n name: \'help? :-D\',\n alternatives: [],\n note: \'To be continued...\'\n }\n};\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHint.styles.tsx\n\n\nvar TokenSearchHint_styles_templateObject, TokenSearchHint_styles_templateObject2, TokenSearchHint_styles_templateObject3;\n\nfunction TokenSearchHint_styles_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar TokenSearchHint_styles_Heading = styled_components_browser_esm["b" /* default */].h3(TokenSearchHint_styles_templateObject || (TokenSearchHint_styles_templateObject = TokenSearchHint_styles_taggedTemplateLiteralLoose(["\\n margin: 0;\\n font-size: 24px;\\n font-weight: 400;\\n"])));\nvar Alternatives = styled_components_browser_esm["b" /* default */].h3(TokenSearchHint_styles_templateObject2 || (TokenSearchHint_styles_templateObject2 = TokenSearchHint_styles_taggedTemplateLiteralLoose(["\\n font-size: 16px;\\n font-weight: 400;\\n"])));\nvar Note = styled_components_browser_esm["b" /* default */].h3(TokenSearchHint_styles_templateObject3 || (TokenSearchHint_styles_templateObject3 = TokenSearchHint_styles_taggedTemplateLiteralLoose(["\\n font-size: 16px;\\n font-weight: 400;\\n"])));\n\ntry {\n // @ts-ignore\n TokenSearchHint_styles_Heading.displayName = "Heading";\n // @ts-ignore\n TokenSearchHint_styles_Heading.__docgenInfo = { "description": "", "displayName": "Heading", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLHeadingElement | null) => void) | RefObject<HTMLHeadingElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLHeadingElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLHeadingElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLHeadingElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLHeadingElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLHeadingElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLHeadingElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHint.styles.tsx#Heading"] = { docgenInfo: TokenSearchHint_styles_Heading.__docgenInfo, name: "Heading", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHint.styles.tsx#Heading" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n Alternatives.displayName = "Alternatives";\n // @ts-ignore\n Alternatives.__docgenInfo = { "description": "", "displayName": "Alternatives", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLHeadingElement | null) => void) | RefObject<HTMLHeadingElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLHeadingElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLHeadingElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLHeadingElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLHeadingElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLHeadingElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLHeadingElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHint.styles.tsx#Alternatives"] = { docgenInfo: Alternatives.__docgenInfo, name: "Alternatives", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHint.styles.tsx#Alternatives" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n Note.displayName = "Note";\n // @ts-ignore\n Note.__docgenInfo = { "description": "", "displayName": "Note", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLHeadingElement | null) => void) | RefObject<HTMLHeadingElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLHeadingElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLHeadingElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLHeadingElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLHeadingElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLHeadingElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLHeadingElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLHeadingElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLHeadingElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLHeadingElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLHeadingElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLHeadingElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLHeadingElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLHeadingElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHint.styles.tsx#Note"] = { docgenInfo: Note.__docgenInfo, name: "Note", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHint.styles.tsx#Note" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHint.tsx\n\n\n\n\n\nvar TokenSearchHint_TokenSearchHint = function TokenSearchHint(_ref) {\n var hint = _ref.hint;\n var alternatives = hint.alternatives || [];\n return /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "s",\n column: true\n }, /*#__PURE__*/react_default.a.createElement(TokenSearchHint_styles_Heading, null, "Searching for ", /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], null, hint.name), "?", \' \'), /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "2xs",\n column: true\n }, alternatives.length && /*#__PURE__*/react_default.a.createElement(Alternatives, null, "Try searchinng for", \' \', alternatives.map(function (alt, index) {\n return /*#__PURE__*/react_default.a.createElement(react_default.a.Fragment, null, /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], {\n key: alt\n }, alt), index + 2 < alternatives.length ? \', \' : \'\', index + 2 === alternatives.length ? \' or \' : \'\', index === alternatives.length - 1 ? \' \' : \'\');\n }), "instead."), hint.note && /*#__PURE__*/react_default.a.createElement(Note, null, /*#__PURE__*/react_default.a.createElement("strong", null, "Note:"), " ", hint.note)));\n};\nTokenSearchHint_TokenSearchHint.displayName = "TokenSearchHint";\n\ntry {\n // @ts-ignore\n TokenSearchHint_TokenSearchHint.displayName = "TokenSearchHint";\n // @ts-ignore\n TokenSearchHint_TokenSearchHint.__docgenInfo = { "description": "", "displayName": "TokenSearchHint", "props": { "hint": { "defaultValue": null, "description": "", "name": "hint", "required": true, "type": { "name": "Hint" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHint.tsx#TokenSearchHint"] = { docgenInfo: TokenSearchHint_TokenSearchHint.__docgenInfo, name: "TokenSearchHint", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHint.tsx#TokenSearchHint" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHints.tsx\nfunction TokenSearchHints_slicedToArray(arr, i) { return TokenSearchHints_arrayWithHoles(arr) || TokenSearchHints_iterableToArrayLimit(arr, i) || TokenSearchHints_unsupportedIterableToArray(arr, i) || TokenSearchHints_nonIterableRest(); }\n\nfunction TokenSearchHints_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction TokenSearchHints_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return TokenSearchHints_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return TokenSearchHints_arrayLikeToArray(o, minLen); }\n\nfunction TokenSearchHints_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction TokenSearchHints_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction TokenSearchHints_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar TokenSearchHints_TokenSearchHints = function TokenSearchHints(_ref) {\n var terms = _ref.terms;\n\n if (!terms) {\n return null;\n }\n\n return /*#__PURE__*/react_default.a.createElement(react_default.a.Fragment, null, Object.entries(hints).map(function (_ref2) {\n var _ref3 = TokenSearchHints_slicedToArray(_ref2, 2),\n trigger = _ref3[0],\n hint = _ref3[1];\n\n return terms.toLowerCase().indexOf(trigger) > -1 && /*#__PURE__*/react_default.a.createElement(TokenSearchHint_TokenSearchHint, {\n key: trigger,\n hint: hint\n });\n }));\n};\n\ntry {\n // @ts-ignore\n TokenSearchHints_TokenSearchHints.displayName = "TokenSearchHints";\n // @ts-ignore\n TokenSearchHints_TokenSearchHints.__docgenInfo = { "description": "", "displayName": "TokenSearchHints", "props": { "terms": { "defaultValue": null, "description": "", "name": "terms", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHints.tsx#TokenSearchHints"] = { docgenInfo: TokenSearchHints_TokenSearchHints.__docgenInfo, name: "TokenSearchHints", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearchHints.tsx#TokenSearchHints" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenList.tsx\n\n\n\n\n\n\n\nvar TokenList_TokenList = function TokenList() {\n var _useTokenSearchContex = useTokenSearchContext_useTokenSearchContext(),\n results = _useTokenSearchContex.results,\n terms = _useTokenSearchContex.terms;\n\n return results.length ? /*#__PURE__*/react_default.a.createElement(List, null, results.map(function (token) {\n return /*#__PURE__*/react_default.a.createElement(TokenCard_TokenCard, {\n key: token.id,\n token: token\n });\n })) : /*#__PURE__*/react_default.a.createElement(NoResults, null, /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "s",\n column: true\n }, /*#__PURE__*/react_default.a.createElement("h3", null, "No tokens found"), /*#__PURE__*/react_default.a.createElement(TokenSearchHints_TokenSearchHints, {\n terms: terms\n })));\n};\n\ntry {\n // @ts-ignore\n TokenList_TokenList.displayName = "TokenList";\n // @ts-ignore\n TokenList_TokenList.__docgenInfo = { "description": "", "displayName": "TokenList", "props": {} };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenList.tsx#TokenList"] = { docgenInfo: TokenList_TokenList.__docgenInfo, name: "TokenList", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenList.tsx#TokenList" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.join.js\nvar es_array_join = __webpack_require__("../../node_modules/core-js/modules/es.array.join.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.replace.js\nvar es_string_replace = __webpack_require__("../../node_modules/core-js/modules/es.string.replace.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/web.url.js\nvar web_url = __webpack_require__("../../node_modules/core-js/modules/web.url.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/web.timers.js\nvar web_timers = __webpack_require__("../../node_modules/core-js/modules/web.timers.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/theme/hooks/useSetTheme.js\nvar useSetTheme = __webpack_require__("../../packages/web-core/dist/theme/hooks/useSetTheme.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/Link/Link.js + 1 modules\nvar Link = __webpack_require__("../../packages/web-lib/dist/components/Link/Link.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/color-scheme/config.js\nvar config = __webpack_require__("../../packages/core/dist/color-scheme/config.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/SchemeSwitcher.styles.ts\n\n\nvar SchemeSwitcher_styles_templateObject, SchemeSwitcher_styles_templateObject2;\n\nfunction SchemeSwitcher_styles_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar SchemeSwitcher_styles_Div = styled_components_browser_esm["b" /* default */].div(SchemeSwitcher_styles_templateObject || (SchemeSwitcher_styles_templateObject = SchemeSwitcher_styles_taggedTemplateLiteralLoose(["\\n display: flex;\\n align-items: center;\\n gap: 12px;\\n font-size: 14px;\\n\\n label {\\n font-weight: 500;\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n }\\n\\n p {\\n margin: 0;\\n }\\n\\n select {\\n height: 32px;\\n padding: 2.5px 5px;\\n border-width: 1px;\\n border-color: ", ";\\n }\\n"])), function (_ref) {\n var isNotDefault = _ref.isNotDefault;\n return isNotDefault ? "orange;" : \'#ccc\';\n});\nvar Select = styled_components_browser_esm["b" /* default */].select(SchemeSwitcher_styles_templateObject2 || (SchemeSwitcher_styles_templateObject2 = SchemeSwitcher_styles_taggedTemplateLiteralLoose(["\\n padding: 5px 10px;\\n"])));\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/SchemeSwitcher.tsx\n\n\n\n/* eslint-disable jsx-a11y/label-has-associated-control */\n\n\n\n\nvar SchemeSwitcher_SchemeSwitcher = function SchemeSwitcher(_ref) {\n var onChange = _ref.onChange;\n\n var _useTokenSearchContex = useTokenSearchContext_useTokenSearchContext(),\n colorScheme = _useTokenSearchContex.colorScheme,\n setColorScheme = _useTokenSearchContex.setColorScheme;\n\n var handleChange = Object(react["useCallback"])(function (ev) {\n var _window, _window$localStorage;\n\n var newColorScheme = ev.target.value;\n (_window = window) === null || _window === void 0 ? void 0 : (_window$localStorage = _window.localStorage) === null || _window$localStorage === void 0 ? void 0 : _window$localStorage.setItem(\'storybook.ds-color-scheme\', newColorScheme);\n setColorScheme(newColorScheme !== null && newColorScheme !== void 0 ? newColorScheme : undefined);\n\n if (onChange) {\n onChange(newColorScheme);\n }\n }, [onChange, setColorScheme]);\n return /*#__PURE__*/react_default.a.createElement(SchemeSwitcher_styles_Div, {\n isNotDefault: !!colorScheme\n }, /*#__PURE__*/react_default.a.createElement("label", null, "Color Scheme"), /*#__PURE__*/react_default.a.createElement(Select, {\n value: colorScheme,\n onChange: handleChange\n }, /*#__PURE__*/react_default.a.createElement("option", {\n key: "none",\n value: ""\n }, "-- no color scheme --"), Object.keys(config["a" /* colorSchemeConfig */]).map(function (key) {\n return /*#__PURE__*/react_default.a.createElement("option", {\n key: key,\n value: key\n }, key);\n })));\n};\nSchemeSwitcher_SchemeSwitcher.displayName = "SchemeSwitcher";\n\ntry {\n // @ts-ignore\n SchemeSwitcher_SchemeSwitcher.displayName = "SchemeSwitcher";\n // @ts-ignore\n SchemeSwitcher_SchemeSwitcher.__docgenInfo = { "description": "", "displayName": "SchemeSwitcher", "props": { "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "((value: string) => void)" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/SchemeSwitcher.tsx#SchemeSwitcher"] = { docgenInfo: SchemeSwitcher_SchemeSwitcher.__docgenInfo, name: "SchemeSwitcher", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/SchemeSwitcher.tsx#SchemeSwitcher" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/SearchTerms.styles.tsx\n\n\nvar SearchTerms_styles_templateObject;\n\nfunction SearchTerms_styles_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar SearchTerms_styles_Div = styled_components_browser_esm["b" /* default */].div(SearchTerms_styles_templateObject || (SearchTerms_styles_templateObject = SearchTerms_styles_taggedTemplateLiteralLoose(["\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-height: 48px;\\n min-height: 24px;\\n font-size: 16px;\\n\\n p {\\n margin: 0;\\n }\\n\\n a {\\n color: #0077b3;\\n }\\n"])));\n\ntry {\n // @ts-ignore\n SearchTerms_styles_Div.displayName = "Div";\n // @ts-ignore\n SearchTerms_styles_Div.__docgenInfo = { "description": "", "displayName": "Div", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLDivElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLDivElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLDivElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLDivElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLDivElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLDivElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/SearchTerms.styles.tsx#Div"] = { docgenInfo: SearchTerms_styles_Div.__docgenInfo, name: "Div", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/SearchTerms.styles.tsx#Div" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/SearchTerms.tsx\n\n\n\n\n\n\nvar SearchTerms_SearchById = function SearchById(_ref) {\n var id = _ref.id;\n return /*#__PURE__*/react_default.a.createElement(react_default.a.Fragment, null, "Searching for token ID ", /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], {\n highlight: "blue"\n }, id), ".");\n};\n\nvar SearchTerms_SearchByName = function SearchByName(_ref2) {\n var terms = _ref2.terms,\n colorScheme = _ref2.colorScheme,\n results = _ref2.results;\n return /*#__PURE__*/react_default.a.createElement(react_default.a.Fragment, null, "Found ", results.length, " results matching", \' \', /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], {\n highlight: "green"\n }, terms), \' \', colorScheme ? /*#__PURE__*/react_default.a.createElement(react_default.a.Fragment, null, "within ", /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], {\n highlight: "green"\n }, "color scheme aware"), \' \', "tokens.") : /*#__PURE__*/react_default.a.createElement(react_default.a.Fragment, null, "within tokens without color scheme."));\n};\n\nvar SearchTerms_NotFiltered = function NotFiltered(_ref3) {\n var colorScheme = _ref3.colorScheme,\n results = _ref3.results;\n return /*#__PURE__*/react_default.a.createElement(react_default.a.Fragment, null, colorScheme ? /*#__PURE__*/react_default.a.createElement(react_default.a.Fragment, null, "Showing all ", /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], {\n highlight: "blue"\n }, results.length), \' \', "tokens that are", \' \', /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], {\n highlight: "green"\n }, "color scheme aware"), ".") : /*#__PURE__*/react_default.a.createElement(react_default.a.Fragment, null, "Showing all ", /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], {\n highlight: "blue"\n }, results.length), \' \', "color scheme anostic tokens."));\n};\n\nvar SearchTerms_SearchTerms = function SearchTerms() {\n var _useTokenSearchContex = useTokenSearchContext_useTokenSearchContext(),\n terms = _useTokenSearchContex.terms,\n colorScheme = _useTokenSearchContex.colorScheme,\n results = _useTokenSearchContex.results;\n\n var id = (terms === null || terms === void 0 ? void 0 : terms.startsWith(\'--\')) && (terms === null || terms === void 0 ? void 0 : terms.substring(2));\n return /*#__PURE__*/react_default.a.createElement(SearchTerms_styles_Div, null, /*#__PURE__*/react_default.a.createElement("p", null, id && /*#__PURE__*/react_default.a.createElement(SearchTerms_SearchById, {\n id: id\n }), terms && !id && /*#__PURE__*/react_default.a.createElement(SearchTerms_SearchByName, {\n terms: terms,\n colorScheme: colorScheme,\n results: results\n }), !terms && !id && /*#__PURE__*/react_default.a.createElement(SearchTerms_NotFiltered, {\n colorScheme: colorScheme,\n results: results\n }), \' \', colorScheme && /*#__PURE__*/react_default.a.createElement("a", {\n href: "./?path=/story/guides-color-schemes-intro--page"\n }, "Learn more")));\n};\nSearchTerms_SearchTerms.displayName = "SearchTerms";\n\ntry {\n // @ts-ignore\n SearchTerms_SearchTerms.displayName = "SearchTerms";\n // @ts-ignore\n SearchTerms_SearchTerms.__docgenInfo = { "description": "", "displayName": "SearchTerms", "props": {} };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/SearchTerms.tsx#SearchTerms"] = { docgenInfo: SearchTerms_SearchTerms.__docgenInfo, name: "SearchTerms", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/SearchTerms.tsx#SearchTerms" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx\n\n\nvar TokenSearch_styles_templateObject, TokenSearch_styles_templateObject2, TokenSearch_styles_templateObject3;\n\nfunction TokenSearch_styles_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar TokenSearchStatic = styled_components_browser_esm["b" /* default */].div(TokenSearch_styles_templateObject || (TokenSearch_styles_templateObject = TokenSearch_styles_taggedTemplateLiteralLoose(["\\n position: relative;\\n margin-top: -20px;\\n padding-bottom: 180px;\\n h1 {\\n margin: 0;\\n }\\n"])));\nvar SearchForm = styled_components_browser_esm["b" /* default */].div(TokenSearch_styles_templateObject2 || (TokenSearch_styles_templateObject2 = TokenSearch_styles_taggedTemplateLiteralLoose(["\\n position: fixed;\\n width: 80%;\\n max-width: 1000px;\\n z-index: 9999;\\n display: flex;\\n flex-direction: column;\\n padding: 20px 0 24px;\\n gap: 16px;\\n background: white;\\n"])));\nvar SearchInput = styled_components_browser_esm["b" /* default */].input(TokenSearch_styles_templateObject3 || (TokenSearch_styles_templateObject3 = TokenSearch_styles_taggedTemplateLiteralLoose(["\\n flex: 1;\\n padding: 8px;\\n font-size: 16px;\\n height: 32px;\\n border-style: solid;\\n border-width: 1px;\\n border-color: ", ";\\n"])), function (_ref) {\n var terms = _ref.terms;\n return terms ? "orange;" : \'#ccc\';\n});\n\ntry {\n // @ts-ignore\n TokenSearchStatic.displayName = "TokenSearchStatic";\n // @ts-ignore\n TokenSearchStatic.__docgenInfo = { "description": "", "displayName": "TokenSearchStatic", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLDivElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLDivElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLDivElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLDivElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLDivElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLDivElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx#TokenSearchStatic"] = { docgenInfo: TokenSearchStatic.__docgenInfo, name: "TokenSearchStatic", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx#TokenSearchStatic" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n SearchForm.displayName = "SearchForm";\n // @ts-ignore\n SearchForm.__docgenInfo = { "description": "", "displayName": "SearchForm", "props": { "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLDivElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLDivElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLDivElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLDivElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLDivElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLDivElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLDivElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLDivElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLDivElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLDivElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLDivElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLDivElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx#SearchForm"] = { docgenInfo: SearchForm.__docgenInfo, name: "SearchForm", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx#SearchForm" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n SearchInput.displayName = "SearchInput";\n // @ts-ignore\n SearchInput.__docgenInfo = { "description": "", "displayName": "SearchInput", "props": { "size": { "defaultValue": null, "description": "", "name": "size", "required": false, "type": { "name": "number" } }, "src": { "defaultValue": null, "description": "", "name": "src", "required": false, "type": { "name": "string" } }, "alt": { "defaultValue": null, "description": "", "name": "alt", "required": false, "type": { "name": "string" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } }, "form": { "defaultValue": null, "description": "", "name": "form", "required": false, "type": { "name": "string" } }, "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "pattern": { "defaultValue": null, "description": "", "name": "pattern", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "type": { "defaultValue": null, "description": "", "name": "type", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"link\\"" }, { "value": "\\"none\\"" }, { "value": "\\"copy\\"" }, { "value": "\\"execute\\"" }, { "value": "\\"move\\"" }, { "value": "\\"popup\\"" }] } }, "aria-errormessage": { "defaultValue": null, "description": "Identifies the element that provides an error message for the object.\\n@see aria-invalid\\n@see aria-describedby.", "name": "aria-errormessage", "required": false, "type": { "name": "string" } }, "aria-expanded": { "defaultValue": null, "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "name": "aria-expanded", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-flowto": { "defaultValue": null, "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user\'s discretion,\\nallows assistive technology to override the general default of reading in document source order.", "name": "aria-flowto", "required": false, "type": { "name": "string" } }, "aria-grabbed": { "defaultValue": null, "description": "Indicates an element\'s \\"grabbed\\" state in a drag-and-drop operation.\\n@deprecated in ARIA 1.1", "name": "aria-grabbed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-haspopup": { "defaultValue": null, "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "name": "aria-haspopup", "required": false, "type": { "name": "boolean | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-invalid": { "defaultValue": null, "description": "Indicates the entered value does not conform to the format expected by the application.\\n@see aria-errormessage.", "name": "aria-invalid", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"grammar\\" | \\"spelling\\"" } }, "aria-keyshortcuts": { "defaultValue": null, "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "name": "aria-keyshortcuts", "required": false, "type": { "name": "string" } }, "aria-label": { "defaultValue": null, "description": "Defines a string value that labels the current element.\\n@see aria-labelledby.", "name": "aria-label", "required": false, "type": { "name": "string" } }, "aria-labelledby": { "defaultValue": null, "description": "Identifies the element (or elements) that labels the current element.\\n@see aria-describedby.", "name": "aria-labelledby", "required": false, "type": { "name": "string" } }, "aria-level": { "defaultValue": null, "description": "Defines the hierarchical level of an element within a structure.", "name": "aria-level", "required": false, "type": { "name": "number" } }, "aria-live": { "defaultValue": null, "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", "name": "aria-live", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"off\\"" }, { "value": "\\"assertive\\"" }, { "value": "\\"polite\\"" }] } }, "aria-modal": { "defaultValue": null, "description": "Indicates whether an element is modal when displayed.", "name": "aria-modal", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiline": { "defaultValue": null, "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "name": "aria-multiline", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-multiselectable": { "defaultValue": null, "description": "Indicates that the user may select more than one item from the current selectable descendants.", "name": "aria-multiselectable", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-orientation": { "defaultValue": null, "description": "Indicates whether the element\'s orientation is horizontal, vertical, or unknown/ambiguous.", "name": "aria-orientation", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"horizontal\\"" }, { "value": "\\"vertical\\"" }] } }, "aria-owns": { "defaultValue": null, "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\\n@see aria-controls.", "name": "aria-owns", "required": false, "type": { "name": "string" } }, "aria-placeholder": { "defaultValue": null, "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\\nA hint could be a sample value or a brief description of the expected format.", "name": "aria-placeholder", "required": false, "type": { "name": "string" } }, "aria-posinset": { "defaultValue": null, "description": "Defines an element\'s number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-setsize.", "name": "aria-posinset", "required": false, "type": { "name": "number" } }, "aria-pressed": { "defaultValue": null, "description": "Indicates the current \\"pressed\\" state of toggle buttons.\\n@see aria-checked\\n@see aria-selected.", "name": "aria-pressed", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-readonly": { "defaultValue": null, "description": "Indicates that the element is not editable, but is otherwise operable.\\n@see aria-disabled.", "name": "aria-readonly", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-relevant": { "defaultValue": null, "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\\n@see aria-atomic.", "name": "aria-relevant", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"text\\"" }, { "value": "\\"additions\\"" }, { "value": "\\"additions text\\"" }, { "value": "\\"all\\"" }, { "value": "\\"removals\\"" }] } }, "aria-required": { "defaultValue": null, "description": "Indicates that user input is required on the element before a form may be submitted.", "name": "aria-required", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-roledescription": { "defaultValue": null, "description": "Defines a human-readable, author-localized description for the role of an element.", "name": "aria-roledescription", "required": false, "type": { "name": "string" } }, "aria-rowcount": { "defaultValue": null, "description": "Defines the total number of rows in a table, grid, or treegrid.\\n@see aria-rowindex.", "name": "aria-rowcount", "required": false, "type": { "name": "number" } }, "aria-rowindex": { "defaultValue": null, "description": "Defines an element\'s row index or position with respect to the total number of rows within a table, grid, or treegrid.\\n@see aria-rowcount\\n@see aria-rowspan.", "name": "aria-rowindex", "required": false, "type": { "name": "number" } }, "aria-rowspan": { "defaultValue": null, "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-rowindex\\n@see aria-colspan.", "name": "aria-rowspan", "required": false, "type": { "name": "number" } }, "aria-selected": { "defaultValue": null, "description": "Indicates the current \\"selected\\" state of various widgets.\\n@see aria-checked\\n@see aria-pressed.", "name": "aria-selected", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-setsize": { "defaultValue": null, "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\\n@see aria-posinset.", "name": "aria-setsize", "required": false, "type": { "name": "number" } }, "aria-sort": { "defaultValue": null, "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "name": "aria-sort", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"ascending\\"" }, { "value": "\\"descending\\"" }, { "value": "\\"other\\"" }] } }, "aria-valuemax": { "defaultValue": null, "description": "Defines the maximum allowed value for a range widget.", "name": "aria-valuemax", "required": false, "type": { "name": "number" } }, "aria-valuemin": { "defaultValue": null, "description": "Defines the minimum allowed value for a range widget.", "name": "aria-valuemin", "required": false, "type": { "name": "number" } }, "aria-valuenow": { "defaultValue": null, "description": "Defines the current value for a range widget.\\n@see aria-valuetext.", "name": "aria-valuenow", "required": false, "type": { "name": "number" } }, "aria-valuetext": { "defaultValue": null, "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "name": "aria-valuetext", "required": false, "type": { "name": "string" } }, "dangerouslySetInnerHTML": { "defaultValue": null, "description": "", "name": "dangerouslySetInnerHTML", "required": false, "type": { "name": "{ __html: string; }" } }, "onCopy": { "defaultValue": null, "description": "", "name": "onCopy", "required": false, "type": { "name": "ClipboardEventHandler<HTMLInputElement>" } }, "onCopyCapture": { "defaultValue": null, "description": "", "name": "onCopyCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLInputElement>" } }, "onCut": { "defaultValue": null, "description": "", "name": "onCut", "required": false, "type": { "name": "ClipboardEventHandler<HTMLInputElement>" } }, "onCutCapture": { "defaultValue": null, "description": "", "name": "onCutCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLInputElement>" } }, "onPaste": { "defaultValue": null, "description": "", "name": "onPaste", "required": false, "type": { "name": "ClipboardEventHandler<HTMLInputElement>" } }, "onPasteCapture": { "defaultValue": null, "description": "", "name": "onPasteCapture", "required": false, "type": { "name": "ClipboardEventHandler<HTMLInputElement>" } }, "onCompositionEnd": { "defaultValue": null, "description": "", "name": "onCompositionEnd", "required": false, "type": { "name": "CompositionEventHandler<HTMLInputElement>" } }, "onCompositionEndCapture": { "defaultValue": null, "description": "", "name": "onCompositionEndCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLInputElement>" } }, "onCompositionStart": { "defaultValue": null, "description": "", "name": "onCompositionStart", "required": false, "type": { "name": "CompositionEventHandler<HTMLInputElement>" } }, "onCompositionStartCapture": { "defaultValue": null, "description": "", "name": "onCompositionStartCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLInputElement>" } }, "onCompositionUpdate": { "defaultValue": null, "description": "", "name": "onCompositionUpdate", "required": false, "type": { "name": "CompositionEventHandler<HTMLInputElement>" } }, "onCompositionUpdateCapture": { "defaultValue": null, "description": "", "name": "onCompositionUpdateCapture", "required": false, "type": { "name": "CompositionEventHandler<HTMLInputElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLInputElement>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLInputElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLInputElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLInputElement>" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "ChangeEventHandler<HTMLInputElement>" } }, "onChangeCapture": { "defaultValue": null, "description": "", "name": "onChangeCapture", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onBeforeInput": { "defaultValue": null, "description": "", "name": "onBeforeInput", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onBeforeInputCapture": { "defaultValue": null, "description": "", "name": "onBeforeInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onInput": { "defaultValue": null, "description": "", "name": "onInput", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onInputCapture": { "defaultValue": null, "description": "", "name": "onInputCapture", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onReset": { "defaultValue": null, "description": "", "name": "onReset", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onResetCapture": { "defaultValue": null, "description": "", "name": "onResetCapture", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onSubmit": { "defaultValue": null, "description": "", "name": "onSubmit", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onSubmitCapture": { "defaultValue": null, "description": "", "name": "onSubmitCapture", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onInvalid": { "defaultValue": null, "description": "", "name": "onInvalid", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onInvalidCapture": { "defaultValue": null, "description": "", "name": "onInvalidCapture", "required": false, "type": { "name": "FormEventHandler<HTMLInputElement>" } }, "onLoad": { "defaultValue": null, "description": "", "name": "onLoad", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onLoadCapture": { "defaultValue": null, "description": "", "name": "onLoadCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onError": { "defaultValue": null, "description": "", "name": "onError", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onErrorCapture": { "defaultValue": null, "description": "", "name": "onErrorCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLInputElement>" } }, "onKeyDownCapture": { "defaultValue": null, "description": "", "name": "onKeyDownCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLInputElement>" } }, "onKeyPress": { "defaultValue": null, "description": "", "name": "onKeyPress", "required": false, "type": { "name": "KeyboardEventHandler<HTMLInputElement>" } }, "onKeyPressCapture": { "defaultValue": null, "description": "", "name": "onKeyPressCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLInputElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLInputElement>" } }, "onKeyUpCapture": { "defaultValue": null, "description": "", "name": "onKeyUpCapture", "required": false, "type": { "name": "KeyboardEventHandler<HTMLInputElement>" } }, "onAbort": { "defaultValue": null, "description": "", "name": "onAbort", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onAbortCapture": { "defaultValue": null, "description": "", "name": "onAbortCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onCanPlay": { "defaultValue": null, "description": "", "name": "onCanPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onCanPlayCapture": { "defaultValue": null, "description": "", "name": "onCanPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onCanPlayThrough": { "defaultValue": null, "description": "", "name": "onCanPlayThrough", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onCanPlayThroughCapture": { "defaultValue": null, "description": "", "name": "onCanPlayThroughCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onDurationChange": { "defaultValue": null, "description": "", "name": "onDurationChange", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onDurationChangeCapture": { "defaultValue": null, "description": "", "name": "onDurationChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onEmptied": { "defaultValue": null, "description": "", "name": "onEmptied", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onEmptiedCapture": { "defaultValue": null, "description": "", "name": "onEmptiedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onEncrypted": { "defaultValue": null, "description": "", "name": "onEncrypted", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onEncryptedCapture": { "defaultValue": null, "description": "", "name": "onEncryptedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onEnded": { "defaultValue": null, "description": "", "name": "onEnded", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onEndedCapture": { "defaultValue": null, "description": "", "name": "onEndedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onLoadedData": { "defaultValue": null, "description": "", "name": "onLoadedData", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onLoadedDataCapture": { "defaultValue": null, "description": "", "name": "onLoadedDataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onLoadedMetadata": { "defaultValue": null, "description": "", "name": "onLoadedMetadata", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onLoadedMetadataCapture": { "defaultValue": null, "description": "", "name": "onLoadedMetadataCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onLoadStart": { "defaultValue": null, "description": "", "name": "onLoadStart", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onLoadStartCapture": { "defaultValue": null, "description": "", "name": "onLoadStartCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onPause": { "defaultValue": null, "description": "", "name": "onPause", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onPauseCapture": { "defaultValue": null, "description": "", "name": "onPauseCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onPlay": { "defaultValue": null, "description": "", "name": "onPlay", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onPlayCapture": { "defaultValue": null, "description": "", "name": "onPlayCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onPlaying": { "defaultValue": null, "description": "", "name": "onPlaying", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onPlayingCapture": { "defaultValue": null, "description": "", "name": "onPlayingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onProgress": { "defaultValue": null, "description": "", "name": "onProgress", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onProgressCapture": { "defaultValue": null, "description": "", "name": "onProgressCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onRateChange": { "defaultValue": null, "description": "", "name": "onRateChange", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onRateChangeCapture": { "defaultValue": null, "description": "", "name": "onRateChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onSeeked": { "defaultValue": null, "description": "", "name": "onSeeked", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onSeekedCapture": { "defaultValue": null, "description": "", "name": "onSeekedCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onSeeking": { "defaultValue": null, "description": "", "name": "onSeeking", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onSeekingCapture": { "defaultValue": null, "description": "", "name": "onSeekingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onStalled": { "defaultValue": null, "description": "", "name": "onStalled", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onStalledCapture": { "defaultValue": null, "description": "", "name": "onStalledCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onSuspend": { "defaultValue": null, "description": "", "name": "onSuspend", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onSuspendCapture": { "defaultValue": null, "description": "", "name": "onSuspendCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onTimeUpdate": { "defaultValue": null, "description": "", "name": "onTimeUpdate", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onTimeUpdateCapture": { "defaultValue": null, "description": "", "name": "onTimeUpdateCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onVolumeChange": { "defaultValue": null, "description": "", "name": "onVolumeChange", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onVolumeChangeCapture": { "defaultValue": null, "description": "", "name": "onVolumeChangeCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onWaiting": { "defaultValue": null, "description": "", "name": "onWaiting", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onWaitingCapture": { "defaultValue": null, "description": "", "name": "onWaitingCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onClickCapture": { "defaultValue": null, "description": "", "name": "onClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onContextMenu": { "defaultValue": null, "description": "", "name": "onContextMenu", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onContextMenuCapture": { "defaultValue": null, "description": "", "name": "onContextMenuCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onDoubleClick": { "defaultValue": null, "description": "", "name": "onDoubleClick", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onDoubleClickCapture": { "defaultValue": null, "description": "", "name": "onDoubleClickCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onDrag": { "defaultValue": null, "description": "", "name": "onDrag", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragCapture": { "defaultValue": null, "description": "", "name": "onDragCapture", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragEnd": { "defaultValue": null, "description": "", "name": "onDragEnd", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragEndCapture": { "defaultValue": null, "description": "", "name": "onDragEndCapture", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragEnter": { "defaultValue": null, "description": "", "name": "onDragEnter", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragEnterCapture": { "defaultValue": null, "description": "", "name": "onDragEnterCapture", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragExit": { "defaultValue": null, "description": "", "name": "onDragExit", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragExitCapture": { "defaultValue": null, "description": "", "name": "onDragExitCapture", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragLeave": { "defaultValue": null, "description": "", "name": "onDragLeave", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragLeaveCapture": { "defaultValue": null, "description": "", "name": "onDragLeaveCapture", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragOver": { "defaultValue": null, "description": "", "name": "onDragOver", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragOverCapture": { "defaultValue": null, "description": "", "name": "onDragOverCapture", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragStart": { "defaultValue": null, "description": "", "name": "onDragStart", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDragStartCapture": { "defaultValue": null, "description": "", "name": "onDragStartCapture", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDrop": { "defaultValue": null, "description": "", "name": "onDrop", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onDropCapture": { "defaultValue": null, "description": "", "name": "onDropCapture", "required": false, "type": { "name": "DragEventHandler<HTMLInputElement>" } }, "onMouseDown": { "defaultValue": null, "description": "", "name": "onMouseDown", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseDownCapture": { "defaultValue": null, "description": "", "name": "onMouseDownCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseEnter": { "defaultValue": null, "description": "", "name": "onMouseEnter", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseLeave": { "defaultValue": null, "description": "", "name": "onMouseLeave", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseMove": { "defaultValue": null, "description": "", "name": "onMouseMove", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseMoveCapture": { "defaultValue": null, "description": "", "name": "onMouseMoveCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseOut": { "defaultValue": null, "description": "", "name": "onMouseOut", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseOutCapture": { "defaultValue": null, "description": "", "name": "onMouseOutCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseOver": { "defaultValue": null, "description": "", "name": "onMouseOver", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseOverCapture": { "defaultValue": null, "description": "", "name": "onMouseOverCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseUp": { "defaultValue": null, "description": "", "name": "onMouseUp", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onMouseUpCapture": { "defaultValue": null, "description": "", "name": "onMouseUpCapture", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onSelect": { "defaultValue": null, "description": "", "name": "onSelect", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onSelectCapture": { "defaultValue": null, "description": "", "name": "onSelectCapture", "required": false, "type": { "name": "ReactEventHandler<HTMLInputElement>" } }, "onTouchCancel": { "defaultValue": null, "description": "", "name": "onTouchCancel", "required": false, "type": { "name": "TouchEventHandler<HTMLInputElement>" } }, "onTouchCancelCapture": { "defaultValue": null, "description": "", "name": "onTouchCancelCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLInputElement>" } }, "onTouchEnd": { "defaultValue": null, "description": "", "name": "onTouchEnd", "required": false, "type": { "name": "TouchEventHandler<HTMLInputElement>" } }, "onTouchEndCapture": { "defaultValue": null, "description": "", "name": "onTouchEndCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLInputElement>" } }, "onTouchMove": { "defaultValue": null, "description": "", "name": "onTouchMove", "required": false, "type": { "name": "TouchEventHandler<HTMLInputElement>" } }, "onTouchMoveCapture": { "defaultValue": null, "description": "", "name": "onTouchMoveCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLInputElement>" } }, "onTouchStart": { "defaultValue": null, "description": "", "name": "onTouchStart", "required": false, "type": { "name": "TouchEventHandler<HTMLInputElement>" } }, "onTouchStartCapture": { "defaultValue": null, "description": "", "name": "onTouchStartCapture", "required": false, "type": { "name": "TouchEventHandler<HTMLInputElement>" } }, "onPointerDown": { "defaultValue": null, "description": "", "name": "onPointerDown", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerDownCapture": { "defaultValue": null, "description": "", "name": "onPointerDownCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerMove": { "defaultValue": null, "description": "", "name": "onPointerMove", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerMoveCapture": { "defaultValue": null, "description": "", "name": "onPointerMoveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerUp": { "defaultValue": null, "description": "", "name": "onPointerUp", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerUpCapture": { "defaultValue": null, "description": "", "name": "onPointerUpCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerCancel": { "defaultValue": null, "description": "", "name": "onPointerCancel", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerCancelCapture": { "defaultValue": null, "description": "", "name": "onPointerCancelCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerEnter": { "defaultValue": null, "description": "", "name": "onPointerEnter", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerEnterCapture": { "defaultValue": null, "description": "", "name": "onPointerEnterCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerLeave": { "defaultValue": null, "description": "", "name": "onPointerLeave", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerLeaveCapture": { "defaultValue": null, "description": "", "name": "onPointerLeaveCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerOver": { "defaultValue": null, "description": "", "name": "onPointerOver", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerOverCapture": { "defaultValue": null, "description": "", "name": "onPointerOverCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerOut": { "defaultValue": null, "description": "", "name": "onPointerOut", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onPointerOutCapture": { "defaultValue": null, "description": "", "name": "onPointerOutCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onGotPointerCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onGotPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onGotPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onLostPointerCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onLostPointerCaptureCapture": { "defaultValue": null, "description": "", "name": "onLostPointerCaptureCapture", "required": false, "type": { "name": "PointerEventHandler<HTMLInputElement>" } }, "onScroll": { "defaultValue": null, "description": "", "name": "onScroll", "required": false, "type": { "name": "UIEventHandler<HTMLInputElement>" } }, "onScrollCapture": { "defaultValue": null, "description": "", "name": "onScrollCapture", "required": false, "type": { "name": "UIEventHandler<HTMLInputElement>" } }, "onWheel": { "defaultValue": null, "description": "", "name": "onWheel", "required": false, "type": { "name": "WheelEventHandler<HTMLInputElement>" } }, "onWheelCapture": { "defaultValue": null, "description": "", "name": "onWheelCapture", "required": false, "type": { "name": "WheelEventHandler<HTMLInputElement>" } }, "onAnimationStart": { "defaultValue": null, "description": "", "name": "onAnimationStart", "required": false, "type": { "name": "AnimationEventHandler<HTMLInputElement>" } }, "onAnimationStartCapture": { "defaultValue": null, "description": "", "name": "onAnimationStartCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLInputElement>" } }, "onAnimationEnd": { "defaultValue": null, "description": "", "name": "onAnimationEnd", "required": false, "type": { "name": "AnimationEventHandler<HTMLInputElement>" } }, "onAnimationEndCapture": { "defaultValue": null, "description": "", "name": "onAnimationEndCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLInputElement>" } }, "onAnimationIteration": { "defaultValue": null, "description": "", "name": "onAnimationIteration", "required": false, "type": { "name": "AnimationEventHandler<HTMLInputElement>" } }, "onAnimationIterationCapture": { "defaultValue": null, "description": "", "name": "onAnimationIterationCapture", "required": false, "type": { "name": "AnimationEventHandler<HTMLInputElement>" } }, "onTransitionEnd": { "defaultValue": null, "description": "", "name": "onTransitionEnd", "required": false, "type": { "name": "TransitionEventHandler<HTMLInputElement>" } }, "onTransitionEndCapture": { "defaultValue": null, "description": "", "name": "onTransitionEndCapture", "required": false, "type": { "name": "TransitionEventHandler<HTMLInputElement>" } }, "css": { "defaultValue": null, "description": "", "name": "css", "required": false, "type": { "name": "InterpolationWithTheme<any>" } }, "list": { "defaultValue": null, "description": "", "name": "list", "required": false, "type": { "name": "string" } }, "step": { "defaultValue": null, "description": "", "name": "step", "required": false, "type": { "name": "string | number" } }, "disabled": { "defaultValue": null, "description": "", "name": "disabled", "required": false, "type": { "name": "boolean" } }, "terms": { "defaultValue": null, "description": "", "name": "terms", "required": false, "type": { "name": "string" } }, "accept": { "defaultValue": null, "description": "", "name": "accept", "required": false, "type": { "name": "string" } }, "autoComplete": { "defaultValue": null, "description": "", "name": "autoComplete", "required": false, "type": { "name": "string" } }, "autoFocus": { "defaultValue": null, "description": "", "name": "autoFocus", "required": false, "type": { "name": "boolean" } }, "capture": { "defaultValue": null, "description": "", "name": "capture", "required": false, "type": { "name": "string | boolean" } }, "checked": { "defaultValue": null, "description": "", "name": "checked", "required": false, "type": { "name": "boolean" } }, "crossOrigin": { "defaultValue": null, "description": "", "name": "crossOrigin", "required": false, "type": { "name": "string" } }, "formAction": { "defaultValue": null, "description": "", "name": "formAction", "required": false, "type": { "name": "string" } }, "formEncType": { "defaultValue": null, "description": "", "name": "formEncType", "required": false, "type": { "name": "string" } }, "formMethod": { "defaultValue": null, "description": "", "name": "formMethod", "required": false, "type": { "name": "string" } }, "formNoValidate": { "defaultValue": null, "description": "", "name": "formNoValidate", "required": false, "type": { "name": "boolean" } }, "formTarget": { "defaultValue": null, "description": "", "name": "formTarget", "required": false, "type": { "name": "string" } }, "height": { "defaultValue": null, "description": "", "name": "height", "required": false, "type": { "name": "string | number" } }, "max": { "defaultValue": null, "description": "", "name": "max", "required": false, "type": { "name": "string | number" } }, "maxLength": { "defaultValue": null, "description": "", "name": "maxLength", "required": false, "type": { "name": "number" } }, "min": { "defaultValue": null, "description": "", "name": "min", "required": false, "type": { "name": "string | number" } }, "minLength": { "defaultValue": null, "description": "", "name": "minLength", "required": false, "type": { "name": "number" } }, "multiple": { "defaultValue": null, "description": "", "name": "multiple", "required": false, "type": { "name": "boolean" } }, "readOnly": { "defaultValue": null, "description": "", "name": "readOnly", "required": false, "type": { "name": "boolean" } }, "required": { "defaultValue": null, "description": "", "name": "required", "required": false, "type": { "name": "boolean" } }, "value": { "defaultValue": null, "description": "", "name": "value", "required": false, "type": { "name": "string | number | string[]" } }, "width": { "defaultValue": null, "description": "", "name": "width", "required": false, "type": { "name": "string | number" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx#SearchInput"] = { docgenInfo: SearchInput.__docgenInfo, name: "SearchInput", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx#SearchInput" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.tsx\nfunction TokenSearch_slicedToArray(arr, i) { return TokenSearch_arrayWithHoles(arr) || TokenSearch_iterableToArrayLimit(arr, i) || TokenSearch_unsupportedIterableToArray(arr, i) || TokenSearch_nonIterableRest(); }\n\nfunction TokenSearch_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction TokenSearch_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return TokenSearch_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return TokenSearch_arrayLikeToArray(o, minLen); }\n\nfunction TokenSearch_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction TokenSearch_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction TokenSearch_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* eslint-disable jsx-a11y/anchor-is-valid */\n\n\n\n\n\n\n\n\nvar filterParams = function filterParams(entry) {\n return entry[1] !== undefined;\n};\n\nvar makeParams = function makeParams(params) {\n return Object.entries(params).filter(filterParams).map(function (_ref) {\n var _ref2 = TokenSearch_slicedToArray(_ref, 2),\n key = _ref2[0],\n value = _ref2[1];\n\n return key + "=" + encodeURIComponent(value);\n }).join(\'&\');\n};\n\nvar makeUrl = function makeUrl(href) {\n var _window$top;\n\n return ((_window$top = window.top) === null || _window$top === void 0 ? void 0 : _window$top.location.href.split(\'?\')[0]) + href;\n};\n\nvar TokenSearch_TokenSearch = function TokenSearch(_ref3) {\n var title = _ref3.title;\n\n var _useTheme = Object(useTheme["a" /* useTheme */])(),\n theme = _useTheme.theme;\n\n var _useThemes = Object(useThemes["a" /* useThemes */])(),\n themes = _useThemes.themes;\n\n var _useSetTheme = Object(useSetTheme["a" /* useSetTheme */])(),\n setTheme = _useSetTheme.setTheme;\n\n var _useTokenSearchContex = useTokenSearchContext_useTokenSearchContext(),\n colorScheme = _useTokenSearchContex.colorScheme,\n terms = _useTokenSearchContex.terms,\n setColorScheme = _useTokenSearchContex.setColorScheme,\n setSearchTerms = _useTokenSearchContex.setSearchTerms;\n\n var _useState = Object(react["useState"])(false),\n _useState2 = TokenSearch_slicedToArray(_useState, 2),\n showFeedback = _useState2[0],\n setShowFeedback = _useState2[1];\n\n var _useState3 = Object(react["useState"])(undefined),\n _useState4 = TokenSearch_slicedToArray(_useState3, 2),\n timeoutId = _useState4[0],\n setTimeoutId = _useState4[1];\n\n var baseUrl = "?path=/story/" + title.replace(/\\//g, \'-\'.toLowerCase()) + "--page";\n var url = Object(react["useMemo"])(function () {\n var _window$top2;\n\n return new URL(((_window$top2 = window.top) === null || _window$top2 === void 0 ? void 0 : _window$top2.location.href) || \'\');\n }, []);\n var params = url.searchParams;\n var urlTheme = params.get(\'theme\');\n var newTheme = urlTheme && (themes === null || themes === void 0 ? void 0 : themes.find(function (t) {\n return t.name === urlTheme;\n }));\n var urlColorScheme = params.get(\'colorScheme\');\n var urlTerms = params.get(\'terms\');\n Object(react["useEffect"])(function () {\n var _window$top3;\n\n if (urlTheme && urlTheme !== theme.name && setTheme && newTheme) {\n setTheme(newTheme);\n }\n\n if (urlColorScheme && urlColorScheme !== colorScheme) {\n setColorScheme(urlColorScheme);\n }\n\n setSearchTerms(urlTerms || \'\');\n params["delete"](\'terms\');\n params["delete"](\'colorScheme\');\n params["delete"](\'theme\');\n (_window$top3 = window.top) === null || _window$top3 === void 0 ? void 0 : _window$top3.history.replaceState({}, \'\', url);\n window.clearTimeout(timeoutId); // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n var handleSearchTermsChange = Object(react["useCallback"])(function (value) {\n return setSearchTerms(value);\n }, [setSearchTerms]);\n var href = baseUrl + "&" + makeParams({\n terms: terms,\n theme: theme.name,\n colorScheme: colorScheme\n });\n var handleClickPermalink = Object(react["useCallback"])(function (ev) {\n var fullUrl = makeUrl(href);\n navigator.clipboard.writeText(fullUrl);\n ev.preventDefault();\n setShowFeedback(true);\n window.clearTimeout(timeoutId);\n setTimeoutId(window.setTimeout(function () {\n return setShowFeedback(false);\n }, 5000));\n }, [href, timeoutId]);\n return /*#__PURE__*/react_default.a.createElement(TokenSearchStatic, null, /*#__PURE__*/react_default.a.createElement(SearchForm, null, /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "xs",\n column: true\n }, /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n justifyContent: "space-between",\n alignItems: "start"\n }, /*#__PURE__*/react_default.a.createElement("h1", {\n id: "tokens",\n className: "sbdocs sbdocs-h1 css-1j28tt"\n }, "Token Explorer"), terms && /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n column: true,\n justifyContent: "start",\n alignItems: "end"\n }, /*#__PURE__*/react_default.a.createElement(Link["a" /* Link */], {\n url: "./" + href,\n onClick: handleClickPermalink\n }, "Link to this search"), showFeedback && \'✓ URL copied to clipboard\')), /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "2xs",\n nowrap: true\n }, /*#__PURE__*/react_default.a.createElement(SearchInput, {\n terms: terms,\n type: "text",\n placeholder: "examples: teal, 300, action, primary, xs, --4adef, #00, 12px",\n onChange: function onChange(ev) {\n return handleSearchTermsChange(ev.target.value);\n },\n value: terms\n }), /*#__PURE__*/react_default.a.createElement(SchemeSwitcher_SchemeSwitcher, null)), /*#__PURE__*/react_default.a.createElement(SearchTerms_SearchTerms, null))));\n};\nTokenSearch_TokenSearch.displayName = "TokenSearch";\n\ntry {\n // @ts-ignore\n TokenSearch_TokenSearch.displayName = "TokenSearch";\n // @ts-ignore\n TokenSearch_TokenSearch.__docgenInfo = { "description": "", "displayName": "TokenSearch", "props": { "title": { "defaultValue": null, "description": "", "name": "title", "required": true, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.tsx#TokenSearch"] = { docgenInfo: TokenSearch_TokenSearch.__docgenInfo, name: "TokenSearch", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.tsx#TokenSearch" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// EXTERNAL MODULE: .-context/dist/context/DocContextDSWeb.js\nvar DocContextDSWeb = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx\n\n\n\nvar StoryContextWithTokens_StoryContextWithTokens = function StoryContextWithTokens(_ref) {\n var children = _ref.children,\n context = _ref.context;\n console.info(\'@preply/ds-docs-context:StoryContextWithTokens\');\n return /*#__PURE__*/react_default.a.createElement(DocContextDSWeb["a" /* DocContextDSWeb */], {\n context: context\n }, /*#__PURE__*/react_default.a.createElement(TokenSearchProvider_TokenSearchProvider, null, children));\n};\nStoryContextWithTokens_StoryContextWithTokens.displayName = "StoryContextWithTokens";\n\ntry {\n // @ts-ignore\n StoryContextWithTokens_StoryContextWithTokens.displayName = "StoryContextWithTokens";\n // @ts-ignore\n StoryContextWithTokens_StoryContextWithTokens.__docgenInfo = { "description": "", "displayName": "StoryContextWithTokens", "props": { "context": { "defaultValue": null, "description": "", "name": "context", "required": true, "type": { "name": "DocsContextProps<AnyFramework>" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx#StoryContextWithTokens"] = { docgenInfo: StoryContextWithTokens_StoryContextWithTokens.__docgenInfo, name: "StoryContextWithTokens", path: "../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx#StoryContextWithTokens" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/00.token-explorer.stories.mdx\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\n\nvar _00_token_explorer_stories_title = \'Guides/Tokens/Explorer\';\nvar layoutProps = {\n title: _00_token_explorer_stories_title\n};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(esm["b" /* mdx */])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(esm["b" /* mdx */])(dist_esm["d" /* Meta */], {\n title: _00_token_explorer_stories_title,\n parameters: {\n docs: {\n container: StoryContextWithTokens_StoryContextWithTokens\n }\n },\n mdxType: "Meta"\n }), Object(esm["b" /* mdx */])(ThemeSwitcher["a" /* ThemeSwitcher */], {\n mdxType: "ThemeSwitcher"\n }), Object(esm["b" /* mdx */])(TokenSearch_TokenSearch, {\n title: _00_token_explorer_stories_title,\n mdxType: "TokenSearch"\n }), Object(esm["b" /* mdx */])(TokenList_TokenList, {\n mdxType: "TokenList"\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: _00_token_explorer_stories_title,\n parameters: {\n docs: {\n container: StoryContextWithTokens_StoryContextWithTokens\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(esm["b" /* mdx */])(dist_esm["a" /* AddContext */], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(esm["b" /* mdx */])(MDXContent, null));\n }\n});\n/* harmony default export */ var _00_token_explorer_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29uc3RhbnRzL3Rva2VuLXZhbHVlcy1mbGF0dGVuZWQudHM/Y2VjYyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvZnVuY3Rpb25zL3Rva2VuLmZpbHRlci50cz8zNjA2Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9wcm92aWRlcnMvVG9rZW5TZWFyY2hQcm92aWRlci50c3g/ZjczYyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvcHJvdmlkZXJzL3VzZVRva2VuU2VhcmNoQ29udGV4dC50cz8wNzFmIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQmdDb2xvci50c3g/MTQ5YSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJvcmRlckNvbG9yLnRzeD9jZGM1Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyUmFkaXVzLnRzeD82NTQ1Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQnJpZ2h0bmVzcy50c3g/ZWI0OCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZnQ29sb3IudHN4PzdmMDYiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGb250RmFtaWx5LnRzeD9iMmYwIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udFNpemUudHN4PzJlYzkiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGb250V2VpZ2h0LnRzeD81YjBmIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVySGVpZ2h0LnRzeD8wYzI1Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyTGluZUhlaWdodC50c3g/OThhMyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVDb2xvci50c3g/NmM1ZSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVPZmZzZXQudHN4P2ZkYzQiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJPdXRsaW5lV2lkdGgudHN4P2E3ZGUiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJQYWxldHRlSXRlbS50c3g/ZDk1ZCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclNpemUudHN4Pzc4NjgiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJTcGFjZS50c3g/ZDRjMyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvZnVuY3Rpb25zL3Rva2VuLXR5cGUucmVuZGVyZXIudHN4PzA0NDAiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5DYXJkLnN0eWxlcy50c3g/NGRhZSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlbkNhcmQudHN4P2E4YTgiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5MaXN0LnN0eWxlcy50c3g/Y2VmZSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29uc3RhbnRzL3NlYXJjaC1oaW50cy50c3g/NDYxMSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblNlYXJjaEhpbnQuc3R5bGVzLnRzeD9lMjVhIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuU2VhcmNoSGludC50c3g/ODA5NSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblNlYXJjaEhpbnRzLnRzeD9lOGMwIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuTGlzdC50c3g/MTg0MyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9TY2hlbWVTd2l0Y2hlci5zdHlsZXMudHM/NDgwMyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9TY2hlbWVTd2l0Y2hlci50c3g/M2IzOCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9TZWFyY2hUZXJtcy5zdHlsZXMudHN4PzEwYTQiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvU2VhcmNoVGVybXMudHN4PzU5OTQiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5TZWFyY2guc3R5bGVzLnRzeD9lMTZiIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuU2VhcmNoLnRzeD8yNTEwIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9wcm92aWRlcnMvU3RvcnlDb250ZXh0V2l0aFRva2Vucy50c3g/Yzg5YyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvMDAudG9rZW4tZXhwbG9yZXIuc3Rvcmllcy5tZHg/NzRiMSJdLCJuYW1lcyI6WyJleHRlbmRlZFRva2VuIiwibmFtZSIsInRva2VuIiwiaWQiLCJUT0tFTl9JRF9GSUVMRCIsInR5cGUiLCJUT0tFTl9UWVBFX0ZJRUxEIiwiY29sb3JTY2hlbWVBd2FyZSIsIlRPS0VOX0NPTE9SX1NDSEVNRV9BV0FSRV9GSUVMRCIsImZsYXQiLCJuYW1lc3BhY2UiLCJub2RlIiwiT2JqZWN0IiwiZW50cmllcyIsImZsYXRNYXAiLCJrZXkiLCJjaGlsZCIsImNoaWRLZXkiLCJpc1Rva2VuIiwiZmxhdHRlbiIsIkZMQVRfVE9LRU5TIiwidG9rZW5zIiwiZmlsdGVyVG9rZW5zIiwidGVybXMiLCJ3aXRoQ29sb3JTY2hlbWUiLCJmaWx0ZXIiLCJzdGFydHNXaXRoIiwidG9Mb3dlckNhc2UiLCJzdWJzdHJpbmciLCJuYW1lTWF0Y2giLCJpbmRleE9mIiwidmFsdWVNYXRjaCIsInZhbHVlIiwiVG9rZW5TZWFyY2hDb250ZXh0IiwiY3JlYXRlQ29udGV4dCIsImNvbG9yU2NoZW1lIiwidW5kZWZpbmVkIiwicmVzdWx0cyIsInNldENvbG9yU2NoZW1lIiwic2V0U2VhcmNoVGVybXMiLCJpbml0aWFsQ29sb3JTY2hlbWUiLCJ3aW5kb3ciLCJsb2NhbFN0b3JhZ2UiLCJnZXRJdGVtIiwiVG9rZW5TZWFyY2hQcm92aWRlciIsImNoaWxkcmVuIiwidXNlVGhlbWVzIiwiZmluZENvbG9yU2NoZW1lIiwidXNlVGhlbWUiLCJ0aGVtZSIsInVzZVN0YXRlIiwic2V0U2NoZW1lIiwic2V0VGVybXMiLCJzZXRSZXN1bHRzIiwidXNlQ2FsbGJhY2siLCJzIiwidCIsIkVycm9yIiwidXNlRWZmZWN0IiwiY3VycmVudENvbG9yU2NoZW1lIiwibWFwIiwiZ2V0VG9rZW4iLCJ1c2VUb2tlblNlYXJjaENvbnRleHQiLCJ1c2VDb250ZXh0IiwiRGl2Iiwic3R5bGVkIiwiZGl2IiwiUmVuZGVyZXJCZ0NvbG9yIiwiUmVuZGVyZXJCb3JkZXJDb2xvciIsIlJlbmRlcmVyQm9yZGVyUmFkaXVzIiwiUmVuZGVyZXJCcmlnaHRuZXNzIiwiUmVuZGVyZXJGZ0NvbG9yIiwiUmVuZGVyZXJGb250RmFtaWx5IiwiUmVuZGVyZXJGb250U2l6ZSIsIlJlbmRlcmVyRm9udFdlaWdodCIsIlJlbmRlcmVySGVpZ2h0IiwiUmVuZGVyZXJMaW5lSGVpZ2h0IiwiUmVuZGVyZXJPdXRsaW5lQ29sb3IiLCJSZW5kZXJlck91dGxpbmVPZmZzZXQiLCJSZW5kZXJlck91dGxpbmVXaWR0aCIsIlJlbmRlcmVyUGFsZXR0ZUl0ZW0iLCJSZW5kZXJlclNpemUiLCJSZW5kZXJlclNwYWNlIiwidHlwZUZyb21QcmVmaXgiLCJzdWZpeE1hcCIsImNvbG9yIiwicmVuZGVyZXJzIiwiYmdDb2xvciIsInJlbmRlcmVyIiwiYm9yZGVyQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJicmlnaHRuZXNzIiwiZmdDb2xvciIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsImZvbnRXZWlnaHQiLCJnYXAiLCJoZWlnaHQiLCJob3Jpem9udGFsUGFkZGluZyIsImxpbmVIZWlnaHQiLCJvdXRsaW5lQ29sb3IiLCJvdXRsaW5lT2Zmc2V0Iiwib3V0bGluZVdpZHRoIiwicGFkZGluZyIsInNpemUiLCJzcGFjZSIsInR5cGVmYWNlIiwidmVydGljYWxQYWRkaW5nIiwiZ2V0VHlwZUZyb21QcmVmaXgiLCJtYXRjaCIsImZpbmQiLCJwcmVmaXgiLCJnZXRUeXBlRnJvbVN1Zml4Iiwic3VmaXgiLCJzcGxpdCIsInBvcCIsImdldFJlbmRlcmVyIiwidG9rZW5SZW5kZXJlciIsIlRva2VuQ2FyZExpc3RJdGVtIiwibGkiLCJOYW1lIiwic3BhbiIsIklkIiwicCIsIlZhbHVlIiwiVG9rZW5DYXJkIiwidXNlVG9rZW4iLCJDb21wb25lbnQiLCJMaXN0IiwidWwiLCJOb1Jlc3VsdHMiLCJoaW50cyIsImJ1dCIsImFsdGVybmF0aXZlcyIsIm5vdGUiLCJsYXlvIiwiYWxpZ24iLCJqdXN0IiwiYm9sIiwiaGVscCIsIkhlYWRpbmciLCJoMyIsIkFsdGVybmF0aXZlcyIsIk5vdGUiLCJUb2tlblNlYXJjaEhpbnQiLCJoaW50IiwibGVuZ3RoIiwiYWx0IiwiaW5kZXgiLCJUb2tlblNlYXJjaEhpbnRzIiwidHJpZ2dlciIsIlRva2VuTGlzdCIsImlzTm90RGVmYXVsdCIsIlNlbGVjdCIsInNlbGVjdCIsIlNjaGVtZVN3aXRjaGVyIiwib25DaGFuZ2UiLCJoYW5kbGVDaGFuZ2UiLCJldiIsIm5ld0NvbG9yU2NoZW1lIiwidGFyZ2V0Iiwic2V0SXRlbSIsImtleXMiLCJjb2xvclNjaGVtZUNvbmZpZyIsIlNlYXJjaEJ5SWQiLCJTZWFyY2hCeU5hbWUiLCJOb3RGaWx0ZXJlZCIsIlNlYXJjaFRlcm1zIiwiVG9rZW5TZWFyY2hTdGF0aWMiLCJTZWFyY2hGb3JtIiwiU2VhcmNoSW5wdXQiLCJpbnB1dCIsImZpbHRlclBhcmFtcyIsImVudHJ5IiwibWFrZVBhcmFtcyIsInBhcmFtcyIsImVuY29kZVVSSUNvbXBvbmVudCIsImpvaW4iLCJtYWtlVXJsIiwiaHJlZiIsInRvcCIsImxvY2F0aW9uIiwiVG9rZW5TZWFyY2giLCJ0aXRsZSIsInRoZW1lcyIsInVzZVNldFRoZW1lIiwic2V0VGhlbWUiLCJzaG93RmVlZGJhY2siLCJzZXRTaG93RmVlZGJhY2siLCJ0aW1lb3V0SWQiLCJzZXRUaW1lb3V0SWQiLCJiYXNlVXJsIiwicmVwbGFjZSIsInVybCIsInVzZU1lbW8iLCJVUkwiLCJzZWFyY2hQYXJhbXMiLCJ1cmxUaGVtZSIsImdldCIsIm5ld1RoZW1lIiwidXJsQ29sb3JTY2hlbWUiLCJ1cmxUZXJtcyIsImhpc3RvcnkiLCJyZXBsYWNlU3RhdGUiLCJjbGVhclRpbWVvdXQiLCJoYW5kbGVTZWFyY2hUZXJtc0NoYW5nZSIsImhhbmRsZUNsaWNrUGVybWFsaW5rIiwiZnVsbFVybCIsIm5hdmlnYXRvciIsImNsaXBib2FyZCIsIndyaXRlVGV4dCIsInByZXZlbnREZWZhdWx0Iiwic2V0VGltZW91dCIsIlN0b3J5Q29udGV4dFdpdGhUb2tlbnMiLCJjb250ZXh0IiwiY29uc29sZSIsImluZm8iLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTs7QUFTQSxJQUFNQSxvQ0FBYSxHQUFHLFNBQWhCQSxhQUFnQixDQUFDQyxJQUFELEVBQWVDLEtBQWYsRUFBOEQ7QUFDaEYsU0FBTztBQUNIQSxTQUFLLEVBQUxBLEtBREc7QUFFSEQsUUFBSSxFQUFKQSxJQUZHO0FBR0hFLE1BQUUsRUFBRUQsS0FBSyxDQUFDRSxtQ0FBRCxDQUhOO0FBSUhDLFFBQUksRUFBRUgsS0FBSyxDQUFDSSxxQ0FBRCxDQUpSO0FBS0hDLG9CQUFnQixFQUFFLENBQUMsQ0FBQ0wsS0FBSyxDQUFDTSxtREFBRDtBQUx0QixHQUFQO0FBT0gsQ0FSRDs7QUFVQSxJQUFNQywyQkFBSSxHQUFHLFNBQVBBLElBQU8sQ0FBQ0MsU0FBRCxFQUFvQkMsSUFBcEIsRUFBNEU7QUFDckYsU0FBT0MsTUFBTSxDQUFDQyxPQUFQLENBQWVGLElBQWYsRUFBcUJHLE9BQXJCLENBQTZCLGdCQUFrQjtBQUFBO0FBQUEsUUFBaEJDLEdBQWdCO0FBQUEsUUFBWEMsS0FBVzs7QUFDbEQsUUFBTUMsT0FBTyxHQUFNUCxTQUFOLFNBQW1CSyxHQUFoQzs7QUFDQSxRQUFJRyxrQ0FBTyxDQUFDRixLQUFELENBQVgsRUFBb0I7QUFDaEIsYUFBTyxDQUFDaEIsb0NBQWEsQ0FBQ2lCLE9BQUQsRUFBVUQsS0FBVixDQUFkLENBQVA7QUFDSDs7QUFDRCxXQUFPUCxJQUFJLENBQUNRLE9BQUQsRUFB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QUVBLGdDQUFUO0FBQWdCMkMsWUFBVSxFQUFFO0FBQ2hESixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFViw2Q0FBc0JBO0FBRDdCO0FBRDBDLEdBQTVCO0FBSW5CZ0IsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFGLGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QkosSUFBekIscUJBQ01NLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QkosSUFBekIsSUFBaUMsRUFEdkM7QUFFRVMsTUFBSSxFQUFFO0FBQUEsV0FBTSwyQkFBQyw4QkFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVGO0FBQTNFLE9BQTBGLDJCQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNkdBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvMDAudG9rZW4tZXhwbG9yZXIuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpc1Rva2VuLCB0b2tlbnMgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBUT0tFTl9DT0xPUl9TQ0hFTUVfQVdBUkVfRklFTEQsXG4gICAgVE9LRU5fSURfRklFTEQsXG4gICAgVE9LRU5fVFlQRV9GSUVMRCxcbiAgICBUb2tlbixcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlLXR5cGVzJztcblxuaW1wb3J0IHsgRXh0ZW5kZWRUb2tlbiwgVG9rZW5UcmVlLCBUb2tlblRyZWVOb2RlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBleHRlbmRlZFRva2VuID0gKG5hbWU6IHN0cmluZywgdG9rZW46IFRva2VuKTogT21pdDxFeHRlbmRlZFRva2VuLCAndmFsdWUnPiA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgdG9rZW4sXG4gICAgICAgIG5hbWUsXG4gICAgICAgIGlkOiB0b2tlbltUT0tFTl9JRF9GSUVMRF0sXG4gICAgICAgIHR5cGU6IHRva2VuW1RPS0VOX1RZUEVfRklFTERdLFxuICAgICAgICBjb2xvclNjaGVtZUF3YXJlOiAhIXRva2VuW1RPS0VOX0NPTE9SX1NDSEVNRV9BV0FSRV9GSUVMRF0sXG4gICAgfTtcbn07XG5cbmNvbnN0IGZsYXQgPSAobmFtZXNwYWNlOiBzdHJpbmcsIG5vZGU6IFRva2VuVHJlZU5vZGUpOiBPbWl0PEV4dGVuZGVkVG9rZW4sICd2YWx1ZSc+W10gPT4ge1xuICAgIHJldHVybiBPYmplY3QuZW50cmllcyhub2RlKS5mbGF0TWFwKChba2V5LCBjaGlsZF0pID0+IHtcbiAgICAgICAgY29uc3QgY2hpZEtleSA9IGAke25hbWVzcGFjZX0uJHtrZXl9YDtcbiAgICAgICAgaWYgKGlzVG9rZW4oY2hpbGQpKSB7XG4gICAgICAgICAgICByZXR1cm4gW2V4dGVuZGVkVG9rZW4oY2hpZEtleSwgY2hpbGQpXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZmxhdChjaGlkS2V5LCBjaGlsZCk7XG4gICAgfSk7XG59O1xuXG5jb25zdCBmbGF0dGVuID0gKG5vZGU6IFRva2VuVHJlZSk6IE9taXQ8RXh0ZW5kZWRUb2tlbiwgJ3ZhbHVlJz5bXSA9PiB7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKG5vZGUpLmZsYXRNYXAoKFtuYW1lc3BhY2UsIGNoaWxkXSkgPT4gZmxhdChuYW1lc3BhY2UsIGNoaWxkKSk7XG59O1xuXG5leHBvcnQgY29uc3QgRkxBVF9UT0tFTlMgPSBmbGF0dGVuKHRva2Vucyk7XG4iLCJpbXBvcnQgeyBFeHRlbmRlZFRva2VuIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgZmlsdGVyVG9rZW5zID0gKFxuICAgIHRva2VuczogRXh0ZW5kZWRUb2tlbltdLFxuICAgIHRlcm1zOiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gICAgd2l0aENvbG9yU2NoZW1lOiBib29sZWFuLFxuKTogRXh0ZW5kZWRUb2tlbltdID0+IHtcbiAgICByZXR1cm4gdG9rZW5zLmZpbHRlcih0b2tlbiA9PiB7XG4gICAgICAgIGlmICh0ZXJtcyA9PT0gJy0nIHx8IHRlcm1zID09PSAnLS0nKSB7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAodGVybXM/LnN0YXJ0c1dpdGgoJy0tJykpIHtcbiAgICAgICAgICAgIHJldHVybiB0b2tlbi5pZC50b0xvd2VyQ2FzZSgpLnN0YXJ0c1dpdGgodGVybXMuc3Vic3RyaW5nKDIpLnRvTG93ZXJDYXNlKCkpO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0ZXJtcykge1xuICAgICAgICAgICAgY29uc3QgbmFtZU1hdGNoID0gdG9rZW4ubmFtZS50b0xvd2VyQ2FzZSgpLmluZGV4T2YodGVybXMudG9Mb3dlckNhc2UoKSkgPiAtMTtcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlTWF0Y2ggPSB0b2tlbi52YWx1ZS50b0xvd2VyQ2FzZSgpLmluZGV4T2YodGVybXMudG9Mb3dlckNhc2UoKSkgPiAtMTtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgKG5hbWVNYXRjaCB8fCB2YWx1ZU1hdGNoKSAmJlxuICAgICAgICAgICAgICAgICh3aXRoQ29sb3JTY2hlbWUgPyB0b2tlbi5jb2xvclNjaGVtZUF3YXJlIDogIXRva2VuLmNvbG9yU2NoZW1lQXdhcmUpXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB3aXRoQ29sb3JTY2hlbWUgPyB0b2tlbi5jb2xvclNjaGVtZUF3YXJlIDogIXRva2VuLmNvbG9yU2NoZW1lQXdhcmU7XG4gICAgfSk7XG59O1xuIiwiaW1wb3J0IHsgQ29sb3JTY2hlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IENvbG9yU2NoZW1lUHJvdmlkZXIsIHVzZVRoZW1lLCB1c2VUaGVtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCB7IGdldFRva2VuIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZS9kaXN0L3Rva2VuL3ByaXZhdGUvZ2V0VG9rZW4nO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBjcmVhdGVDb250ZXh0LCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRkxBVF9UT0tFTlMgfSBmcm9tICcuLi9jb25zdGFudHMvdG9rZW4tdmFsdWVzLWZsYXR0ZW5lZCc7XG5pbXBvcnQgeyBmaWx0ZXJUb2tlbnMgfSBmcm9tICcuLi9mdW5jdGlvbnMvdG9rZW4uZmlsdGVyJztcbmltcG9ydCB7IEV4dGVuZGVkVG9rZW4gfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVG9rZW5TZWFyY2hDb250ZXh0U2hhcGUge1xuICAgIHRlcm1zPzogc3RyaW5nO1xuICAgIGNvbG9yU2NoZW1lPzogQ29sb3JTY2hlbWVOYW1lO1xuICAgIHJlc3VsdHM6IEV4dGVuZGVkVG9rZW5bXTtcbiAgICBzZXRDb2xvclNjaGVtZTogKGNvbG9yU2NoZW1lOiBDb2xvclNjaGVtZU5hbWUpID0+IHZvaWQ7XG4gICAgc2V0U2VhcmNoVGVybXM6ICh0ZXJtczogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2hDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxUb2tlblNlYXJjaENvbnRleHRTaGFwZT4oe1xuICAgIHRlcm1zOiAnJyxcbiAgICBjb2xvclNjaGVtZTogdW5kZWZpbmVkLFxuICAgIHJlc3VsdHM6IFtdLFxuICAgIHNldENvbG9yU2NoZW1lOiAoKSA9PiB1bmRlZmluZWQsXG4gICAgc2V0U2VhcmNoVGVybXM6ICgpID0+IHVuZGVmaW5lZCxcbn0pO1xuXG5jb25zdCBpbml0aWFsQ29sb3JTY2hlbWUgPVxuICAgICh3aW5kb3c/LmxvY2FsU3RvcmFnZT8uZ2V0SXRlbSgnc3Rvcnlib29rLmRzLWNvbG9yLXNjaGVtZScpIGFzIENvbG9yU2NoZW1lTmFtZSkgfHwgdW5kZWZpbmVkO1xuXG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2hQcm92aWRlcjogRkMgPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgeyBmaW5kQ29sb3JTY2hlbWUgfSA9IHVzZVRoZW1lcygpO1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgW2NvbG9yU2NoZW1lLCBzZXRTY2hlbWVdID0gdXNlU3RhdGU8Q29sb3JTY2hlbWVOYW1lIHwgdW5kZWZpbmVkPihpbml0aWFsQ29sb3JTY2hlbWUpO1xuICAgIGNvbnN0IFt0ZXJtcywgc2V0VGVybXNdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPignJyk7XG4gICAgY29uc3QgW3Jlc3VsdHMsIHNldFJlc3VsdHNdID0gdXNlU3RhdGU8RXh0ZW5kZWRUb2tlbltdPihbXSk7XG5cbiAgICBjb25zdCBzZXRDb2xvclNjaGVtZSA9IHVzZUNhbGxiYWNrKChzOiBDb2xvclNjaGVtZU5hbWUpID0+IHNldFNjaGVtZShzKSwgW3NldFNjaGVtZV0pO1xuICAgIGNvbnN0IHNldFNlYXJjaFRlcm1zID0gdXNlQ2FsbGJhY2soKHQ6IHN0cmluZykgPT4gc2V0VGVybXModCksIFtzZXRUZXJtc10pO1xuXG4gICAgaWYgKCF0aGVtZSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVRva2VuKCkgbXVzdCBiZSB1c2VkIHdpdGhpbiBhIFRoZW1lUHJvdmlkZXInKTtcbiAgICB9XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBjb25zdCBjdXJyZW50Q29sb3JTY2hlbWUgPSBmaW5kQ29sb3JTY2hlbWUoY29sb3JTY2hlbWUgfHwgJ2Jhc2UnKTtcbiAgICAgICAgY29uc3QgdG9rZW5zID0gRkxBVF9UT0tFTlMubWFwKHQgPT4gKHtcbiAgICAgICAgICAgIC4uLnQsXG4gICAgICAgICAgICB2YWx1ZTogYCR7Z2V0VG9rZW4odGhlbWUsIGN1cnJlbnRDb2xvclNjaGVtZSwgdC50b2tlbil9YCxcbiAgICAgICAgfSkpO1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gICAgICAgIHNldFJlc3VsdHMoZmlsdGVyVG9rZW5zKHRva2VucywgdGVybXMsICEhY29sb3JTY2hlbWUpKTtcbiAgICB9LCBbY29sb3JTY2hlbWUsIGZpbmRDb2xvclNjaGVtZSwgdGVybXMsIHRoZW1lXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VG9rZW5TZWFyY2hDb250ZXh0LlByb3ZpZGVyXG4gICAgICAgICAgICB2YWx1ZT17eyB0ZXJtcywgcmVzdWx0cywgY29sb3JTY2hlbWUsIHNldFNlYXJjaFRlcm1zLCBzZXRDb2xvclNjaGVtZSB9fVxuICAgICAgICA+XG4gICAgICAgICAgICA8Q29sb3JTY2hlbWVQcm92aWRlciBjb2xvclNjaGVtZT17Y29sb3JTY2hlbWUgfHwgJ2Jhc2UnfT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NvbG9yU2NoZW1lUHJvdmlkZXI+XG4gICAgICAgIDwvVG9rZW5TZWFyY2hDb250ZXh0LlByb3ZpZGVyPlxuICAgICk7XG59O1xuIiwiaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVG9rZW5TZWFyY2hDb250ZXh0LCBUb2tlblNlYXJjaENvbnRleHRTaGFwZSB9IGZyb20gJy4vVG9rZW5TZWFyY2hQcm92aWRlcic7XG5cbmV4cG9ydCBjb25zdCB1c2VUb2tlblNlYXJjaENvbnRleHQgPSAoKTogVG9rZW5TZWFyY2hDb250ZXh0U2hhcGUgPT4gdXNlQ29udGV4dChUb2tlblNlYXJjaENvbnRleHQpO1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiA2NHB4O1xuICAgIGhlaWdodDogNjRweDtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJCZ0NvbG9yOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9IC8+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICB3aWR0aDogNDhweDtcbiAgICBoZWlnaHQ6IDQ4cHhcbiAgICBwYWRkaW5nOiA4cHggMCAwIDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHZhbHVlIH0pID0+ICh2YWx1ZSA9PT0gJ3doaXRlJyA/ICdibGFjaycgOiAnd2hpdGUnKX07XG5cblxuICAgIHNwYW4ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgIGhlaWdodDogNDBweDtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDE2cHg7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgICAgIGJvcmRlci1yaWdodDogbm9uZTtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJCb3JkZXJDb2xvcjogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9EaXY+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgd2lkdGg6IDMycHg7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLWNvbG9yOiAjOTk5O1xuICAgIGJvcmRlci13aWR0aDogMTJweDtcbiAgICBib3JkZXItcmlnaHQ6IG5vbmU7XG4gICAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckJvcmRlclJhZGl1czogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfSAvPjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgYmFja2dyb3VuZDogIzk5OTtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDMycHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHdpZHRoOiAyMDBweDtcbiAgICBjb2xvcjogd2hpdGU7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgZmlsdGVyOiBicmlnaHRuZXNzKCR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJCcmlnaHRuZXNzOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9PmhvdmVyIG1lPC9EaXY+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IDY0cHg7XG4gICAgaGVpZ2h0OiA2NHB4O1xuICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGNvbG9yOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHZhbHVlIH0pID0+ICh2YWx1ZSA9PT0gJ3doaXRlJyA/ICdibGFjaycgOiAnd2hpdGUnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJGZ0NvbG9yOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9PkE8L0Rpdj47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGZvbnQtZmFtaWx5OiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcblxuICAgIHA6Zmlyc3QtY2hpbGQge1xuICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgIH1cblxuICAgIHA6bGFzdC1jaGlsZCB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyRm9udEZhbWlseTogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPHA+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQgKDcwMCk8L3A+XG4gICAgICAgICAgICA8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCAoNTAwKTwvcD5cbiAgICAgICAgICAgIDxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0ICg0MDApPC9wPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBmb250LWZhbWlseTogUm9ib3RvO1xuICAgIGZvbnQtc2l6ZTogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJGb250U2l6ZTogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfT5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldDwvRGl2Pjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZm9udC1mYW1pbHk6IFJvYm90bztcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyRm9udFdlaWdodDogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfT5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldDwvRGl2Pjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgaGVpZ2h0OiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICB3aWR0aDogNDBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckhlaWdodDogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfSAvPjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZm9udC1mYW1pbHk6IFJvYm90bztcbiAgICBsaW5lLWhlaWdodDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyTGluZUhlaWdodDogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gRG9uZWMgbWFzc2EgbnVsbGEsIHN1c2NpcGl0IGlkXG4gICAgICAgICAgICBwdXJ1cyBxdWlzLCBmYWNpbGlzaXMgdGVtcHVzIHRvcnRvci4gUHJhZXNlbnQgZmVsaXMgcXVhbSwgdGluY2lkdW50IHZpdGFlIGxpYmVybyB1dCxcbiAgICAgICAgICAgIGJpYmVuZHVtIGNvbmRpbWVudHVtIG51bmMuIFNlZCBtb2xlc3RpZSBsaWd1bGEgdXQgZXggdmFyaXVzLCBuZWMgZWxlbWVudHVtIG9kaW8gZGFwaWJ1cy5cbiAgICAgICAgICAgIEV0aWFtIGV0IHZlc3RpYnVsdW0gZXJvcywgaW4gbHVjdHVzIGxlY3R1cy4gQ3JhcyBkYXBpYnVzIGNvbmd1ZSBzYXBpZW4sIGV1IHNlbXBlclxuICAgICAgICAgICAgbGliZXJvLiBQcm9pbiBpbnRlcmR1bSB2ZWxpdCB0aW5jaWR1bnQgZWdlc3RhcyBjb25kaW1lbnR1bS4gRHVpcyBsb2JvcnRpcyBpbiBkaWFtXG4gICAgICAgICAgICBkaWduaXNzaW0gc2NlbGVyaXNxdWUueycgJ31cbiAgICAgICAgPC9EaXY+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgd2lkdGg6IDQ4cHg7XG4gICAgaGVpZ2h0OiA0OHB4XG4gICAgcGFkZGluZzogOHB4IDAgMCA4cHg7XG4gICAgYmFja2dyb3VuZDogJHsoeyB2YWx1ZSB9KSA9PiAodmFsdWUgPT09ICd3aGl0ZScgPyAnYmxhY2snIDogJ3doaXRlJyl9O1xuXG5cbiAgICBzcGFuIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdpZHRoOiA0MHB4O1xuICAgICAgICBoZWlnaHQ6IDQwcHg7XG4gICAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAxNnB4O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgICAgICBib3JkZXItcmlnaHQ6IG5vbmU7XG4gICAgICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyT3V0bGluZUNvbG9yOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICA8c3BhbiAvPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogNjRweDtcbiAgICBwYWRkaW5nLXRvcDogMnB4O1xuICAgIGJhY2tncm91bmQ6ICM2NjY7XG5cbiAgICBzcGFuIHtcbiAgICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gICAgICAgIGJvcmRlci13aWR0aDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgICAgIGhlaWdodDogMjhweDtcbiAgICAgICAgYmFja2dyb3VuZDogIzk5OTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJPdXRsaW5lT2Zmc2V0OiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICA8c3BhbiAvPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogNjRweDtcbiAgICBwYWRkaW5nLXRvcDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgYmFja2dyb3VuZDogIzY2NjtcblxuICAgIHNwYW4ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJvcmRlci10b3Atc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6IHdoaXRlO1xuICAgICAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICAgICAgaGVpZ2h0OiAyOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAjOTk5O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlck91dGxpbmVXaWR0aDogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9EaXY+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgd2lkdGg6IDY0cHg7XG4gICAgaGVpZ2h0OiA2NHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyUGFsZXR0ZUl0ZW06IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0gLz47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBoZWlnaHQ6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyU2l6ZTogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfSAvPjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgd2lkdGg6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIGhlaWdodDogNDBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlclNwYWNlOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9IC8+O1xufTtcbiIsImltcG9ydCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBSZW5kZXJlckJnQ29sb3IgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQmdDb2xvcic7XG5pbXBvcnQgeyBSZW5kZXJlckJvcmRlckNvbG9yIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJvcmRlckNvbG9yJztcbmltcG9ydCB7IFJlbmRlcmVyQm9yZGVyUmFkaXVzIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJvcmRlclJhZGl1cyc7XG5pbXBvcnQgeyBSZW5kZXJlckJyaWdodG5lc3MgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQnJpZ2h0bmVzcyc7XG5pbXBvcnQgeyBSZW5kZXJlckZnQ29sb3IgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRmdDb2xvcic7XG5pbXBvcnQgeyBSZW5kZXJlckZvbnRGYW1pbHkgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udEZhbWlseSc7XG5pbXBvcnQgeyBSZW5kZXJlckZvbnRTaXplIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRTaXplJztcbmltcG9ydCB7IFJlbmRlcmVyRm9udFdlaWdodCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGb250V2VpZ2h0JztcbmltcG9ydCB7IFJlbmRlcmVySGVpZ2h0IH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckhlaWdodCc7XG5pbXBvcnQgeyBSZW5kZXJlckxpbmVIZWlnaHQgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyTGluZUhlaWdodCc7XG5pbXBvcnQgeyBSZW5kZXJlck91dGxpbmVDb2xvciB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJPdXRsaW5lQ29sb3InO1xuaW1wb3J0IHsgUmVuZGVyZXJPdXRsaW5lT2Zmc2V0IH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVPZmZzZXQnO1xuaW1wb3J0IHsgUmVuZGVyZXJPdXRsaW5lV2lkdGggfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyT3V0bGluZVdpZHRoJztcbmltcG9ydCB7IFJlbmRlcmVyUGFsZXR0ZUl0ZW0gfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyUGFsZXR0ZUl0ZW0nO1xuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJQcm9wcyc7XG5pbXBvcnQgeyBSZW5kZXJlclNpemUgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyU2l6ZSc7XG5pbXBvcnQgeyBSZW5kZXJlclNwYWNlIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclNwYWNlJztcbmltcG9ydCB7IEV4dGVuZGVkVG9rZW4gfSBmcm9tICcuLi90eXBlcyc7XG5cbnR5cGUgVG9rZW5SZW5kZXJlciA9IHtcbiAgICByZW5kZXJlcjogRkM8UmVuZGVyZXJQcm9wcz47XG59O1xuXG4vKipcbiAqIHBpY2sgYSB0eXBlIGZvciByb290IHRva2Vuc1xuICovXG5jb25zdCB0eXBlRnJvbVByZWZpeDogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICAncm9vdC5zaXplJzogJ3NpemUnLFxuICAgICdyb290LnNwYWNlJzogJ3NwYWNlJyxcbiAgICAncm9vdC5yYWRpdXMnOiAnYm9yZGVyUmFkaXVzJyxcbiAgICAncm9vdC50ZXh0LnNpemUnOiAnZm9udFNpemUnLFxuICAgICdyb290LnBhbGV0dGUnOiAnY29sb3InLFxufTtcblxuY29uc3Qgc3VmaXhNYXA6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgY29sb3I6ICdmZ0NvbG9yJyxcbn07XG5cbmNvbnN0IHJlbmRlcmVyczogUmVjb3JkPHN0cmluZywgVG9rZW5SZW5kZXJlcj4gPSB7XG4gICAgYmdDb2xvcjoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCZ0NvbG9yLFxuICAgIH0sXG4gICAgYm9yZGVyQ29sb3I6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyQm9yZGVyQ29sb3IsXG4gICAgfSxcbiAgICBib3JkZXJSYWRpdXM6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyQm9yZGVyUmFkaXVzLFxuICAgIH0sXG4gICAgYnJpZ2h0bmVzczoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCcmlnaHRuZXNzLFxuICAgIH0sXG4gICAgY29sb3I6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyUGFsZXR0ZUl0ZW0sXG4gICAgfSxcbiAgICBmZ0NvbG9yOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckZnQ29sb3IsXG4gICAgfSxcbiAgICBmb250RmFtaWx5OiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckZvbnRGYW1pbHksXG4gICAgfSxcbiAgICBmb250U2l6ZToge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJGb250U2l6ZSxcbiAgICB9LFxuICAgIGZvbnRXZWlnaHQ6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyRm9udFdlaWdodCxcbiAgICB9LFxuICAgIGdhcDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJTcGFjZSxcbiAgICB9LFxuICAgIGhlaWdodDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJIZWlnaHQsXG4gICAgfSxcbiAgICBob3Jpem9udGFsUGFkZGluZzoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJTaXplLFxuICAgIH0sXG4gICAgbGluZUhlaWdodDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJMaW5lSGVpZ2h0LFxuICAgIH0sXG4gICAgb3V0bGluZUNvbG9yOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlck91dGxpbmVDb2xvcixcbiAgICB9LFxuICAgIG91dGxpbmVPZmZzZXQ6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyT3V0bGluZU9mZnNldCxcbiAgICB9LFxuICAgIG91dGxpbmVXaWR0aDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJPdXRsaW5lV2lkdGgsXG4gICAgfSxcbiAgICBwYWRkaW5nOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNpemUsXG4gICAgfSxcbiAgICBzaXplOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNpemUsXG4gICAgfSxcbiAgICBzcGFjZToge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJTcGFjZSxcbiAgICB9LFxuICAgIHR5cGVmYWNlOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckZvbnRGYW1pbHksXG4gICAgfSxcbiAgICB2ZXJ0aWNhbFBhZGRpbmc6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyU2l6ZSxcbiAgICB9LFxufTtcblxuZnVuY3Rpb24gZ2V0VHlwZUZyb21QcmVmaXgobmFtZTogc3RyaW5nKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICBjb25zdCBtYXRjaCA9IE9iamVjdC5lbnRyaWVzKHR5cGVGcm9tUHJlZml4KS5maW5kKChbcHJlZml4XSkgPT4gbmFtZS5zdGFydHNXaXRoKHByZWZpeCkpO1xuICAgIHJldHVybiBtYXRjaCAmJiBtYXRjaFsxXTtcbn1cblxuZnVuY3Rpb24gZ2V0VHlwZUZyb21TdWZpeChuYW1lOiBzdHJpbmcpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIGNvbnN0IHN1Zml4ID0gbmFtZS5zcGxpdCgnLicpLnBvcCgpIHx8ICcnO1xuICAgIHJldHVybiBzdWZpeCBpbiBzdWZpeE1hcCA/IHN1Zml4TWFwW3N1Zml4XSA6IHN1Zml4O1xufVxuXG5mdW5jdGlvbiBnZXRSZW5kZXJlcih0b2tlbjogRXh0ZW5kZWRUb2tlbik6IFRva2VuUmVuZGVyZXIgfCB1bmRlZmluZWQge1xuICAgIGNvbnN0IHR5cGUgPSBnZXRUeXBlRnJvbVByZWZpeCh0b2tlbi5uYW1lKSB8fCBnZXRUeXBlRnJvbVN1Zml4KHRva2VuLm5hbWUpIHx8ICcnO1xuICAgIHJldHVybiByZW5kZXJlcnNbdHlwZV07XG59XG5cbmV4cG9ydCBjb25zdCB0b2tlblJlbmRlcmVyID0gKHRva2VuOiBFeHRlbmRlZFRva2VuKTogVG9rZW5SZW5kZXJlciA9PiB7XG4gICAgY29uc3QgcmVuZGVyZXIgPSBnZXRSZW5kZXJlcih0b2tlbik7XG5cbiAgICBpZiAoIXJlbmRlcmVyKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcihgTm8gcmVuZGVyZXIgZm9yIHRva2VuIFwiJHt0b2tlbi5uYW1lfVwiLmApO1xuICAgIH1cblxuICAgIHJldHVybiByZW5kZXJlcjtcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IFRva2VuQ2FyZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgbWFyZ2luLWJvdHRvbTogMzJweDtcblxuICAgIHNwYW5bdGl0bGVdIHtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmFtZSA9IHN0eWxlZC5zcGFuYFxuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuYDtcblxuZXhwb3J0IGNvbnN0IElkID0gc3R5bGVkLnBgXG4gICAgbWFyZ2luOiAwO1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWYWx1ZSA9IHN0eWxlZC5wYFxuICAgIG1hcmdpbjogMDtcbiAgICB3aWR0aDogMTYwcHg7XG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuYDtcbiIsImltcG9ydCB7IHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBIZWFkaW5nLCBMYXlvdXRGbGV4LCBMYXlvdXRHcmlkLCBUZXh0SGlnaGxpZ2h0ZWQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlblJlbmRlcmVyIH0gZnJvbSAnLi4vZnVuY3Rpb25zL3Rva2VuLXR5cGUucmVuZGVyZXInO1xuaW1wb3J0IHsgRXh0ZW5kZWRUb2tlbiB9IGZyb20gJy4uL3R5cGVzJztcblxuaW1wb3J0IHsgSWQsIE5hbWUsIFRva2VuQ2FyZExpc3RJdGVtLCBWYWx1ZSB9IGZyb20gJy4vVG9rZW5DYXJkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBUb2tlbkNhcmQ6IEZDPHsgdG9rZW46IEV4dGVuZGVkVG9rZW4gfT4gPSAoeyB0b2tlbiB9KSA9PiB7XG4gICAgY29uc3QgdmFsdWUgPSB1c2VUb2tlbih0b2tlbi50b2tlbik7XG4gICAgY29uc3QgcmVuZGVyZXIgPSB0b2tlblJlbmRlcmVyKHRva2VuKTtcbiAgICBjb25zdCBDb21wb25lbnQgPSByZW5kZXJlci5yZW5kZXJlcjtcbiAgICByZXR1cm4gKFxuICAgICAgICA8VG9rZW5DYXJkTGlzdEl0ZW0+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJ4c1wiIGNvbHVtbj5cbiAgICAgICAgICAgICAgICA8TGF5b3V0R3JpZCBnYXA9XCJ4c1wiIGNvbHVtbnM9e1snYXV0bycsICc1ZnInLCAnMWZyJ119IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPElkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJibHVlXCI+KC0te3Rva2VuLmlkfSk8L1RleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICAgICAgPC9JZD5cbiAgICAgICAgICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoMlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPE5hbWU+e3Rva2VuLm5hbWV9PC9OYW1lPlxuICAgICAgICAgICAgICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgICAgICAgICAgICAgIHt0b2tlbi5jb2xvclNjaGVtZUF3YXJlID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPFRleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiB0aXRsZT1cInRoaXMgdG9rZW4gbWF5IGhhdmUgZGlmZmVyZW50IHZhbHVlcywgZGVwZW5kaW5nIG9uIGNvbG9yIHNjaGVtZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvciBzY2hlbWUgYXdhcmVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1RleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICcnXG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9MYXlvdXRHcmlkPlxuICAgICAgICAgICAgICAgIDxMYXlvdXRHcmlkIGdhcD1cImxcIiBjb2x1bW5zPXtbJ2F1dG8nLCAnMWZyJ119IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPFZhbHVlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3ZhbHVlIGFzIHN0cmluZ308L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVmFsdWU+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29tcG9uZW50IG5hbWU9e3Rva2VuLm5hbWV9IHZhbHVlPXt2YWx1ZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9MYXlvdXRHcmlkPlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L1Rva2VuQ2FyZExpc3RJdGVtPlxuICAgICk7XG59O1xuIiwiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0ID0gc3R5bGVkLnVsYFxuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIHdpZHRoOiA4MCU7XG5gO1xuXG5leHBvcnQgY29uc3QgTm9SZXN1bHRzID0gc3R5bGVkLmRpdmBcbiAgICBmb250LXNpemU6IDI0cHg7XG5cbiAgICBoMyB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5gO1xuIiwiaW1wb3J0IHsgSGludCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5MaXN0JztcblxuZXhwb3J0IGNvbnN0IGhpbnRzOiBSZWNvcmQ8c3RyaW5nLCBIaW50PiA9IHtcbiAgICBidXQ6IHtcbiAgICAgICAgbmFtZTogJ2J1dHRvbicsXG4gICAgICAgIGFsdGVybmF0aXZlczogWydhY3Rpb24nXSxcbiAgICAgICAgbm90ZTogJ1NlZSBhbHNvOiBwcm9wcyBvZiA8QnV0dG9uPiBjb21wb25lbnQnLFxuICAgIH0sXG4gICAgbGF5bzoge1xuICAgICAgICBuYW1lOiAnbGF5b3V0JyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbJ2dhcCcsICdwYWRkaW5nJywgJ3NwYWNlJ10sXG4gICAgICAgIG5vdGU6ICdTZWUgYWxzbzogcHJvcHMgb2YgPExheW91dD4gY29tcG9uZW50cycsXG4gICAgfSxcbiAgICBhbGlnbjoge1xuICAgICAgICBuYW1lOiAnYWxpZ24nLFxuICAgICAgICBhbHRlcm5hdGl2ZXM6IFtdLFxuICAgICAgICBub3RlOiAnWW91IHByb2JhYmx5IHdhbnQgdG8gbG9vayBhdCB0aGUgPExheW91dD4gY29tcG9uZW50cycsXG4gICAgfSxcbiAgICBqdXN0OiB7XG4gICAgICAgIG5hbWU6ICdqdXN0aWZ5JyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbXSxcbiAgICAgICAgbm90ZTogJ1lvdSBwcm9iYWJseSB3YW50IHRvIGxvb2sgYXQgdGhlIDxMYXlvdXQ+IGNvbXBvbmVudHMnLFxuICAgIH0sXG4gICAgYm9sOiB7XG4gICAgICAgIG5hbWU6ICdib2xkJyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbJ3dlaWdodCddLFxuICAgICAgICBub3RlOiAnU2VlIGFsc28gPFRleHQgc3Ryb25nPiBjb21wb25lbnQuJyxcbiAgICB9LFxuICAgIGhlbHA6IHtcbiAgICAgICAgbmFtZTogJ2hlbHA/IDotRCcsXG4gICAgICAgIGFsdGVybmF0aXZlczogW10sXG4gICAgICAgIG5vdGU6ICdUbyBiZSBjb250aW51ZWQuLi4nLFxuICAgIH0sXG59O1xuIiwiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBIZWFkaW5nID0gc3R5bGVkLmgzYFxuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6IDI0cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBbHRlcm5hdGl2ZXMgPSBzdHlsZWQuaDNgXG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTm90ZSA9IHN0eWxlZC5oM2BcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbmA7XG4iLCJpbXBvcnQgeyBMYXlvdXRGbGV4LCBUZXh0SGlnaGxpZ2h0ZWQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBIaW50IH0gZnJvbSAnLi9Ub2tlbkxpc3QnO1xuaW1wb3J0IHsgQWx0ZXJuYXRpdmVzLCBIZWFkaW5nLCBOb3RlIH0gZnJvbSAnLi9Ub2tlblNlYXJjaEhpbnQuc3R5bGVzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgICBoaW50OiBIaW50O1xufTtcblxuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoSGludDogRkM8UHJvcHM+ID0gKHsgaGludCB9KSA9PiB7XG4gICAgY29uc3QgYWx0ZXJuYXRpdmVzID0gaGludC5hbHRlcm5hdGl2ZXMgfHwgW107XG4gICAgcmV0dXJuIChcbiAgICAgICAgPExheW91dEZsZXggZ2FwPVwic1wiIGNvbHVtbj5cbiAgICAgICAgICAgIDxIZWFkaW5nPlxuICAgICAgICAgICAgICAgIFNlYXJjaGluZyBmb3IgPFRleHRIaWdobGlnaHRlZD57aGludC5uYW1lfTwvVGV4dEhpZ2hsaWdodGVkPj97JyAnfVxuICAgICAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwiMnhzXCIgY29sdW1uPlxuICAgICAgICAgICAgICAgIHthbHRlcm5hdGl2ZXMubGVuZ3RoICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEFsdGVybmF0aXZlcz5cbiAgICAgICAgICAgICAgICAgICAgICAgIFRyeSBzZWFyY2hpbm5nIGZvcnsnICd9XG4gICAgICAgICAgICAgICAgICAgICAgICB7YWx0ZXJuYXRpdmVzLm1hcCgoYWx0LCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQga2V5PXthbHR9PnthbHR9PC9UZXh0SGlnaGxpZ2h0ZWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpbmRleCArIDIgPCBhbHRlcm5hdGl2ZXMubGVuZ3RoID8gJywgJyA6ICcnfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aW5kZXggKyAyID09PSBhbHRlcm5hdGl2ZXMubGVuZ3RoID8gJyBvciAnIDogJyd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpbmRleCA9PT0gYWx0ZXJuYXRpdmVzLmxlbmd0aCAtIDEgPyAnICcgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgICAgICAgICAgaW5zdGVhZC5cbiAgICAgICAgICAgICAgICAgICAgPC9BbHRlcm5hdGl2ZXM+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7aGludC5ub3RlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPE5vdGU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Ryb25nPk5vdGU6PC9zdHJvbmc+IHtoaW50Lm5vdGV9XG4gICAgICAgICAgICAgICAgICAgIDwvTm90ZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IGhpbnRzIH0gZnJvbSAnLi4vY29uc3RhbnRzL3NlYXJjaC1oaW50cyc7XG5cbmltcG9ydCB7IFRva2VuU2VhcmNoSGludCB9IGZyb20gJy4vVG9rZW5TZWFyY2hIaW50JztcblxudHlwZSBIaW50UHJvcHMgPSB7XG4gICAgdGVybXM/OiBzdHJpbmc7XG59O1xuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoSGludHM6IEZDPEhpbnRQcm9wcz4gPSAoeyB0ZXJtcyB9KSA9PiB7XG4gICAgaWYgKCF0ZXJtcykge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIHtPYmplY3QuZW50cmllcyhoaW50cykubWFwKChbdHJpZ2dlciwgaGludF0pID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICB0ZXJtcy50b0xvd2VyQ2FzZSgpLmluZGV4T2YodHJpZ2dlcikgPiAtMSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8VG9rZW5TZWFyY2hIaW50IGtleT17dHJpZ2dlcn0gaGludD17aGludH0gLz5cbiAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgeyBMYXlvdXRGbGV4IH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlVG9rZW5TZWFyY2hDb250ZXh0IH0gZnJvbSAnLi4vcHJvdmlkZXJzL3VzZVRva2VuU2VhcmNoQ29udGV4dCc7XG5cbmltcG9ydCB7IFRva2VuQ2FyZCB9IGZyb20gJy4vVG9rZW5DYXJkJztcbmltcG9ydCB7IExpc3QsIE5vUmVzdWx0cyB9IGZyb20gJy4vVG9rZW5MaXN0LnN0eWxlcyc7XG5pbXBvcnQgeyBUb2tlblNlYXJjaEhpbnRzIH0gZnJvbSAnLi9Ub2tlblNlYXJjaEhpbnRzJztcblxuZXhwb3J0IHR5cGUgSGludCA9IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgYWx0ZXJuYXRpdmVzPzogc3RyaW5nW107XG4gICAgbm90ZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBUb2tlbkxpc3Q6IEZDID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgcmVzdWx0cywgdGVybXMgfSA9IHVzZVRva2VuU2VhcmNoQ29udGV4dCgpO1xuICAgIHJldHVybiByZXN1bHRzLmxlbmd0aCA/IChcbiAgICAgICAgPExpc3Q+XG4gICAgICAgICAgICB7cmVzdWx0cy5tYXAodG9rZW4gPT4gKFxuICAgICAgICAgICAgICAgIDxUb2tlbkNhcmQga2V5PXt0b2tlbi5pZH0gdG9rZW49e3Rva2VufSAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvTGlzdD5cbiAgICApIDogKFxuICAgICAgICA8Tm9SZXN1bHRzPlxuICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwic1wiIGNvbHVtbj5cbiAgICAgICAgICAgICAgICA8aDM+Tm8gdG9rZW5zIGZvdW5kPC9oMz5cbiAgICAgICAgICAgICAgICA8VG9rZW5TZWFyY2hIaW50cyB0ZXJtcz17dGVybXN9IC8+XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDwvTm9SZXN1bHRzPlxuICAgICk7XG59O1xuIiwiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gICAgaXNOb3REZWZhdWx0OiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UHJvcHM+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDEycHg7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuXG4gICAgbGFiZWwge1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICB9XG5cbiAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIHNlbGVjdCB7XG4gICAgICAgIGhlaWdodDogMzJweDtcbiAgICAgICAgcGFkZGluZzogMi41cHggNXB4O1xuICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IGlzTm90RGVmYXVsdCB9KSA9PiAoaXNOb3REZWZhdWx0ID8gYG9yYW5nZTtgIDogJyNjY2MnKX07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IHN0eWxlZC5zZWxlY3RgXG4gICAgcGFkZGluZzogNXB4IDEwcHg7XG5gO1xuIiwiLyogZXNsaW50LWRpc2FibGUganN4LWExMXkvbGFiZWwtaGFzLWFzc29jaWF0ZWQtY29udHJvbCAqL1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVOYW1lLCBjb2xvclNjaGVtZUNvbmZpZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VUb2tlblNlYXJjaENvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvdXNlVG9rZW5TZWFyY2hDb250ZXh0JztcblxuaW1wb3J0IHsgRGl2LCBTZWxlY3QgfSBmcm9tICcuL1NjaGVtZVN3aXRjaGVyLnN0eWxlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gICAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBTY2hlbWVTd2l0Y2hlcjogRkM8UHJvcHM+ID0gKHsgb25DaGFuZ2UgfSkgPT4ge1xuICAgIGNvbnN0IHsgY29sb3JTY2hlbWUsIHNldENvbG9yU2NoZW1lIH0gPSB1c2VUb2tlblNlYXJjaENvbnRleHQoKTtcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoZXY6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxTZWxlY3RFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgY29uc3QgbmV3Q29sb3JTY2hlbWUgPSBldi50YXJnZXQudmFsdWUgYXMgQ29sb3JTY2hlbWVOYW1lO1xuICAgICAgICAgICAgd2luZG93Py5sb2NhbFN0b3JhZ2U/LnNldEl0ZW0oJ3N0b3J5Ym9vay5kcy1jb2xvci1zY2hlbWUnLCBuZXdDb2xvclNjaGVtZSk7XG4gICAgICAgICAgICBzZXRDb2xvclNjaGVtZShuZXdDb2xvclNjaGVtZSA/PyB1bmRlZmluZWQpO1xuICAgICAgICAgICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICAgICAgICAgICAgb25DaGFuZ2UobmV3Q29sb3JTY2hlbWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2UsIHNldENvbG9yU2NoZW1lXSxcbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiBpc05vdERlZmF1bHQ9eyEhY29sb3JTY2hlbWV9PlxuICAgICAgICAgICAgPGxhYmVsPkNvbG9yIFNjaGVtZTwvbGFiZWw+XG4gICAgICAgICAgICA8U2VsZWN0IHZhbHVlPXtjb2xvclNjaGVtZX0gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0+XG4gICAgICAgICAgICAgICAgPG9wdGlvbiBrZXk9XCJub25lXCIgdmFsdWU9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgLS0gbm8gY29sb3Igc2NoZW1lIC0tXG4gICAgICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICAgICAgICAge09iamVjdC5rZXlzKGNvbG9yU2NoZW1lQ29uZmlnKS5tYXAoa2V5ID0+IChcbiAgICAgICAgICAgICAgICAgICAgPG9wdGlvbiBrZXk9e2tleX0gdmFsdWU9e2tleX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7a2V5fVxuICAgICAgICAgICAgICAgICAgICA8L29wdGlvbj5cbiAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvU2VsZWN0PlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIG1heC1oZWlnaHQ6IDQ4cHg7XG4gICAgbWluLWhlaWdodDogMjRweDtcbiAgICBmb250LXNpemU6IDE2cHg7XG5cbiAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIGEge1xuICAgICAgICBjb2xvcjogIzAwNzdiMztcbiAgICB9XG5gO1xuIiwiaW1wb3J0IHsgVGV4dEhpZ2hsaWdodGVkIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlVG9rZW5TZWFyY2hDb250ZXh0IH0gZnJvbSAnLi4vcHJvdmlkZXJzL3VzZVRva2VuU2VhcmNoQ29udGV4dCc7XG5cbmltcG9ydCB7IERpdiB9IGZyb20gJy4vU2VhcmNoVGVybXMuc3R5bGVzJztcblxuY29uc3QgU2VhcmNoQnlJZCA9ICh7IGlkIH0pID0+IChcbiAgICA8PlxuICAgICAgICBTZWFyY2hpbmcgZm9yIHRva2VuIElEIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiYmx1ZVwiPntpZH08L1RleHRIaWdobGlnaHRlZD4uXG4gICAgPC8+XG4pO1xuXG5jb25zdCBTZWFyY2hCeU5hbWUgPSAoeyB0ZXJtcywgY29sb3JTY2hlbWUsIHJlc3VsdHMgfSkgPT4gKFxuICAgIDw+XG4gICAgICAgIEZvdW5kIHtyZXN1bHRzLmxlbmd0aH0gcmVzdWx0cyBtYXRjaGluZ3snICd9XG4gICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiZ3JlZW5cIj57dGVybXN9PC9UZXh0SGlnaGxpZ2h0ZWQ+eycgJ31cbiAgICAgICAge2NvbG9yU2NoZW1lID8gKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICB3aXRoaW4gPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJncmVlblwiPmNvbG9yIHNjaGVtZSBhd2FyZTwvVGV4dEhpZ2hsaWdodGVkPnsnICd9XG4gICAgICAgICAgICAgICAgdG9rZW5zLlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgICA8PndpdGhpbiB0b2tlbnMgd2l0aG91dCBjb2xvciBzY2hlbWUuPC8+XG4gICAgICAgICl9XG4gICAgPC8+XG4pO1xuXG5jb25zdCBOb3RGaWx0ZXJlZCA9ICh7IGNvbG9yU2NoZW1lLCByZXN1bHRzIH0pID0+IChcbiAgICA8PlxuICAgICAgICB7Y29sb3JTY2hlbWUgPyAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIFNob3dpbmcgYWxsIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiYmx1ZVwiPntyZXN1bHRzLmxlbmd0aH08L1RleHRIaWdobGlnaHRlZD57JyAnfVxuICAgICAgICAgICAgICAgIHRva2VucyB0aGF0IGFyZXsnICd9XG4gICAgICAgICAgICAgICAgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJncmVlblwiPmNvbG9yIHNjaGVtZSBhd2FyZTwvVGV4dEhpZ2hsaWdodGVkPi5cbiAgICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICBTaG93aW5nIGFsbCA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImJsdWVcIj57cmVzdWx0cy5sZW5ndGh9PC9UZXh0SGlnaGxpZ2h0ZWQ+eycgJ31cbiAgICAgICAgICAgICAgICBjb2xvciBzY2hlbWUgYW5vc3RpYyB0b2tlbnMuXG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICA8Lz5cbik7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hUZXJtczogRkMgPSAoKSA9PiB7XG4gICAgY29uc3QgeyB0ZXJtcywgY29sb3JTY2hlbWUsIHJlc3VsdHMgfSA9IHVzZVRva2VuU2VhcmNoQ29udGV4dCgpO1xuICAgIGNvbnN0IGlkID0gdGVybXM/LnN0YXJ0c1dpdGgoJy0tJykgJiYgdGVybXM/LnN1YnN0cmluZygyKTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2PlxuICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAge2lkICYmIDxTZWFyY2hCeUlkIGlkPXtpZH0gLz59XG4gICAgICAgICAgICAgICAge3Rlcm1zICYmICFpZCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxTZWFyY2hCeU5hbWUgdGVybXM9e3Rlcm1zfSBjb2xvclNjaGVtZT17Y29sb3JTY2hlbWV9IHJlc3VsdHM9e3Jlc3VsdHN9IC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7IXRlcm1zICYmICFpZCAmJiA8Tm90RmlsdGVyZWQgY29sb3JTY2hlbWU9e2NvbG9yU2NoZW1lfSByZXN1bHRzPXtyZXN1bHRzfSAvPn17JyAnfVxuICAgICAgICAgICAgICAgIHtjb2xvclNjaGVtZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9XCIuLz9wYXRoPS9zdG9yeS9ndWlkZXMtY29sb3Itc2NoZW1lcy1pbnRyby0tcGFnZVwiPkxlYXJuIG1vcmU8L2E+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgPC9EaXY+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoU3RhdGljID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luLXRvcDogLTIwcHg7XG4gICAgcGFkZGluZy1ib3R0b206IDE4MHB4O1xuICAgIGgxIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hGb3JtID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgd2lkdGg6IDgwJTtcbiAgICBtYXgtd2lkdGg6IDEwMDBweDtcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBwYWRkaW5nOiAyMHB4IDAgMjRweDtcbiAgICBnYXA6IDE2cHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG5gO1xuXG50eXBlIElucHV0UHJvcHMgPSB7XG4gICAgdGVybXM/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgU2VhcmNoSW5wdXQgPSBzdHlsZWQuaW5wdXQ8SW5wdXRQcm9wcz5gXG4gICAgZmxleDogMTtcbiAgICBwYWRkaW5nOiA4cHg7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGhlaWdodDogMzJweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0ZXJtcyB9KSA9PiAodGVybXMgPyBgb3JhbmdlO2AgOiAnI2NjYycpfTtcbmA7XG4iLCIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9hbmNob3ItaXMtdmFsaWQgKi9cbmltcG9ydCB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VTZXRUaGVtZSwgdXNlVGhlbWUsIHVzZVRoZW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgTGF5b3V0RmxleCwgTGluayB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VUb2tlblNlYXJjaENvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvdXNlVG9rZW5TZWFyY2hDb250ZXh0JztcblxuaW1wb3J0IHsgU2NoZW1lU3dpdGNoZXIgfSBmcm9tICcuL1NjaGVtZVN3aXRjaGVyJztcbmltcG9ydCB7IFNlYXJjaFRlcm1zIH0gZnJvbSAnLi9TZWFyY2hUZXJtcyc7XG5pbXBvcnQgeyBTZWFyY2hGb3JtLCBTZWFyY2hJbnB1dCwgVG9rZW5TZWFyY2hTdGF0aWMgfSBmcm9tICcuL1Rva2VuU2VhcmNoLnN0eWxlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gICAgdGl0bGU6IHN0cmluZztcbn07XG5cbnR5cGUgUGFyYW1zID0ge1xuICAgIFt0aXRsZTogc3RyaW5nXTogc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IHVuZGVmaW5lZDtcbn07XG5cbnR5cGUgTm9uTnVsbEVudHJ5ID0gW3N0cmluZywgc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbl07XG5cbmNvbnN0IGZpbHRlclBhcmFtcyA9IChlbnRyeSk6IGVudHJ5IGlzIE5vbk51bGxFbnRyeSA9PiBlbnRyeVsxXSAhPT0gdW5kZWZpbmVkO1xuXG5jb25zdCBtYWtlUGFyYW1zID0gKHBhcmFtczogUGFyYW1zKTogc3RyaW5nID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmVudHJpZXMocGFyYW1zKVxuICAgICAgICAuZmlsdGVyKGZpbHRlclBhcmFtcylcbiAgICAgICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBgJHtrZXl9PSR7ZW5jb2RlVVJJQ29tcG9uZW50KHZhbHVlKX1gKVxuICAgICAgICAuam9pbignJicpO1xufTtcblxuY29uc3QgbWFrZVVybCA9IChocmVmOiBzdHJpbmcpOiBzdHJpbmcgPT4gd2luZG93LnRvcD8ubG9jYXRpb24uaHJlZi5zcGxpdCgnPycpWzBdICsgaHJlZjtcblxuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoOiBGQzxQcm9wcz4gPSAoeyB0aXRsZSB9KSA9PiB7XG4gICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCB7IHRoZW1lcyB9ID0gdXNlVGhlbWVzKCk7XG4gICAgY29uc3QgeyBzZXRUaGVtZSB9ID0gdXNlU2V0VGhlbWUoKTtcbiAgICBjb25zdCB7IGNvbG9yU2NoZW1lLCB0ZXJtcywgc2V0Q29sb3JTY2hlbWUsIHNldFNlYXJjaFRlcm1zIH0gPSB1c2VUb2tlblNlYXJjaENvbnRleHQoKTtcbiAgICBjb25zdCBbc2hvd0ZlZWRiYWNrLCBzZXRTaG93RmVlZGJhY2tdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuICAgIGNvbnN0IFt0aW1lb3V0SWQsIHNldFRpbWVvdXRJZF0gPSB1c2VTdGF0ZTxudW1iZXIgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbiAgICBjb25zdCBiYXNlVXJsID0gYD9wYXRoPS9zdG9yeS8ke3RpdGxlLnJlcGxhY2UoL1xcLy9nLCAnLScudG9Mb3dlckNhc2UoKSl9LS1wYWdlYDtcblxuICAgIGNvbnN0IHVybCA9IHVzZU1lbW8oKCkgPT4gbmV3IFVSTCh3aW5kb3cudG9wPy5sb2NhdGlvbi5ocmVmIHx8ICcnKSwgW10pO1xuICAgIGNvbnN0IHBhcmFtcyA9IHVybC5zZWFyY2hQYXJhbXM7XG4gICAgY29uc3QgdXJsVGhlbWUgPSBwYXJhbXMuZ2V0KCd0aGVtZScpO1xuICAgIGNvbnN0IG5ld1RoZW1lID0gdXJsVGhlbWUgJiYgdGhlbWVzPy5maW5kKHQgPT4gdC5uYW1lID09PSB1cmxUaGVtZSk7XG4gICAgY29uc3QgdXJsQ29sb3JTY2hlbWUgPSBwYXJhbXMuZ2V0KCdjb2xvclNjaGVtZScpO1xuICAgIGNvbnN0IHVybFRlcm1zID0gcGFyYW1zLmdldCgndGVybXMnKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmICh1cmxUaGVtZSAmJiB1cmxUaGVtZSAhPT0gdGhlbWUubmFtZSAmJiBzZXRUaGVtZSAmJiBuZXdUaGVtZSkge1xuICAgICAgICAgICAgc2V0VGhlbWUobmV3VGhlbWUpO1xuICAgICAgICB9XG4gICAgICAgIGlmICh1cmxDb2xvclNjaGVtZSAmJiB1cmxDb2xvclNjaGVtZSAhPT0gY29sb3JTY2hlbWUpIHtcbiAgICAgICAgICAgIHNldENvbG9yU2NoZW1lKHVybENvbG9yU2NoZW1lIGFzIENvbG9yU2NoZW1lTmFtZSk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0U2VhcmNoVGVybXModXJsVGVybXMgfHwgJycpO1xuXG4gICAgICAgIHBhcmFtcy5kZWxldGUoJ3Rlcm1zJyk7XG4gICAgICAgIHBhcmFtcy5kZWxldGUoJ2NvbG9yU2NoZW1lJyk7XG4gICAgICAgIHBhcmFtcy5kZWxldGUoJ3RoZW1lJyk7XG4gICAgICAgIHdpbmRvdy50b3A/Lmhpc3RvcnkucmVwbGFjZVN0YXRlKHt9LCAnJywgdXJsKTtcbiAgICAgICAgd2luZG93LmNsZWFyVGltZW91dCh0aW1lb3V0SWQpO1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gICAgfSwgW10pO1xuXG4gICAgY29uc3QgaGFuZGxlU2VhcmNoVGVybXNDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHZhbHVlOiBzdHJpbmcpID0+IHNldFNlYXJjaFRlcm1zKHZhbHVlKSxcbiAgICAgICAgW3NldFNlYXJjaFRlcm1zXSxcbiAgICApO1xuXG4gICAgY29uc3QgaHJlZiA9IGAke2Jhc2VVcmx9JiR7bWFrZVBhcmFtcyh7IHRlcm1zLCB0aGVtZTogdGhlbWUubmFtZSwgY29sb3JTY2hlbWUgfSl9YDtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrUGVybWFsaW5rID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIGV2ID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGZ1bGxVcmwgPSBtYWtlVXJsKGhyZWYpO1xuICAgICAgICAgICAgbmF2aWdhdG9yLmNsaXBib2FyZC53cml0ZVRleHQoZnVsbFVybCk7XG4gICAgICAgICAgICBldi5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgc2V0U2hvd0ZlZWRiYWNrKHRydWUpO1xuICAgICAgICAgICAgd2luZG93LmNsZWFyVGltZW91dCh0aW1lb3V0SWQpO1xuICAgICAgICAgICAgc2V0VGltZW91dElkKHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IHNldFNob3dGZWVkYmFjayhmYWxzZSksIDUwMDApKTtcbiAgICAgICAgfSxcbiAgICAgICAgW2hyZWYsIHRpbWVvdXRJZF0sXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUb2tlblNlYXJjaFN0YXRpYz5cbiAgICAgICAgICAgIDxTZWFyY2hGb3JtPlxuICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInhzXCIgY29sdW1uPlxuICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBhbGlnbkl0ZW1zPVwic3RhcnRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxoMSBpZD1cInRva2Vuc1wiIGNsYXNzTmFtZT1cInNiZG9jcyBzYmRvY3MtaDEgY3NzLTFqMjh0dFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFRva2VuIEV4cGxvcmVyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2gxPlxuICAgICAgICAgICAgICAgICAgICAgICAge3Rlcm1zICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBjb2x1bW4ganVzdGlmeUNvbnRlbnQ9XCJzdGFydFwiIGFsaWduSXRlbXM9XCJlbmRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPExpbmsgdXJsPXtgLi8ke2hyZWZ9YH0gb25DbGljaz17aGFuZGxlQ2xpY2tQZXJtYWxpbmt9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgTGluayB0byB0aGlzIHNlYXJjaFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0xpbms+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG93RmVlZGJhY2sgJiYgJ+KckyBVUkwgY29waWVkIHRvIGNsaXBib2FyZCd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCIyeHNcIiBub3dyYXA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U2VhcmNoSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXJtcz17dGVybXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiZXhhbXBsZXM6IHRlYWwsIDMwMCwgYWN0aW9uLCBwcmltYXJ5LCB4cywgLS00YWRlZiwgIzAwLCAxMnB4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXYgPT4gaGFuZGxlU2VhcmNoVGVybXNDaGFuZ2UoZXYudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGVybXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFNjaGVtZVN3aXRjaGVyIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICAgICAgPFNlYXJjaFRlcm1zIC8+XG4gICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgPC9TZWFyY2hGb3JtPlxuICAgICAgICA8L1Rva2VuU2VhcmNoU3RhdGljPlxuICAgICk7XG59O1xuIiwiaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgRG9jc0NvbnRleHRQcm9wcyB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRva2VuU2VhcmNoUHJvdmlkZXIgfSBmcm9tICcuL1Rva2VuU2VhcmNoUHJvdmlkZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBjb250ZXh0OiBEb2NzQ29udGV4dFByb3BzO1xufVxuXG5leHBvcnQgY29uc3QgU3RvcnlDb250ZXh0V2l0aFRva2VuczogRkM8UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNvbnRleHQgfSkgPT4ge1xuICAgIGNvbnNvbGUuaW5mbygnQHByZXBseS9kcy1kb2NzLWNvbnRleHQ6U3RvcnlDb250ZXh0V2l0aFRva2VucycpO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEb2NDb250ZXh0RFNXZWIgY29udGV4dD17Y29udGV4dH0+XG4gICAgICAgICAgICA8VG9rZW5TZWFyY2hQcm92aWRlcj57Y2hpbGRyZW59PC9Ub2tlblNlYXJjaFByb3ZpZGVyPlxuICAgICAgICA8L0RvY0NvbnRleHREU1dlYj5cbiAgICApO1xufTtcbiIsIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBJY29uLCBMYXlvdXRGbGV4LCBUZXh0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCB7IFRva2VuTGlzdCB9IGZyb20gJy4vY29tcG9uZW50cy9Ub2tlbkxpc3QnO1xuaW1wb3J0IHsgVG9rZW5TZWFyY2ggfSBmcm9tICcuL2NvbXBvbmVudHMvVG9rZW5TZWFyY2gnO1xuaW1wb3J0IHsgU3RvcnlDb250ZXh0V2l0aFRva2VucyB9IGZyb20gJy4vcHJvdmlkZXJzL1N0b3J5Q29udGV4dFdpdGhUb2tlbnMnO1xuZXhwb3J0IGNvbnN0IHRpdGxlID0gJ0d1aWRlcy9Ub2tlbnMvRXhwbG9yZXInO1xuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgdGl0bGVcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT17dGl0bGV9IHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBTdG9yeUNvbnRleHRXaXRoVG9rZW5zXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8VG9rZW5TZWFyY2ggdGl0bGU9e3RpdGxlfSBtZHhUeXBlPVwiVG9rZW5TZWFyY2hcIiAvPlxuICAgIDxUb2tlbkxpc3QgbWR4VHlwZT1cIlRva2VuTGlzdFwiIC8+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6IHRpdGxlLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IFN0b3J5Q29udGV4dFdpdGhUb2tlbnNcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/40.tokens/00.token-explorer.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/40.tokens/10.using-tokens-in-components.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\nvar react_default = /*#__PURE__*/__webpack_require__.n(react);\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@mdx-js/react/dist/esm.js\nvar esm = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@storybook/addon-docs/dist/esm/index.js + 45 modules\nvar dist_esm = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n\n// EXTERNAL MODULE: .-context/dist/context/DocContextDSWeb.js\nvar DocContextDSWeb = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n\n// EXTERNAL MODULE: .-context/dist/components/ThemeSwitcher.js + 1 modules\nvar ThemeSwitcher = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/generated/tokens.js\nvar tokens = __webpack_require__("../../packages/core/dist/generated/tokens.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/token/hooks/useToken.js\nvar useToken = __webpack_require__("../../packages/web-core/dist/token/hooks/useToken.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/examples/MyComponentUsesToken.tsx\n\n\n\nvar MyComponentUsesToken_MyComponentUsesToken = function MyComponentUsesToken(_ref) {\n var size = _ref.size,\n children = _ref.children;\n var padding = Object(useToken["a" /* useToken */])(tokens["b" /* root */].space.s);\n var color = Object(useToken["a" /* useToken */])(tokens["a" /* action */].variant.primary.color);\n var backgroundColor = Object(useToken["a" /* useToken */])(tokens["a" /* action */].variant.primary.bgColor);\n var fontSize = Object(useToken["a" /* useToken */])(tokens["c" /* text */].size[size].fontSize);\n return /*#__PURE__*/react_default.a.createElement("div", {\n style: {\n padding: padding,\n color: color,\n backgroundColor: backgroundColor,\n fontSize: fontSize\n }\n }, children);\n};\nMyComponentUsesToken_MyComponentUsesToken.displayName = "MyComponentUsesToken";\n\ntry {\n // @ts-ignore\n MyComponentUsesToken_MyComponentUsesToken.displayName = "MyComponentUsesToken";\n // @ts-ignore\n MyComponentUsesToken_MyComponentUsesToken.__docgenInfo = { "description": "", "displayName": "MyComponentUsesToken", "props": { "size": { "defaultValue": null, "description": "", "name": "size", "required": true, "type": { "name": "enum", "value": [{ "value": "\\"2xs\\"" }, { "value": "\\"xs\\"" }, { "value": "\\"s\\"" }, { "value": "\\"m\\"" }, { "value": "\\"l\\"" }, { "value": "\\"xl\\"" }] } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/examples/MyComponentUsesToken.tsx#MyComponentUsesToken"] = { docgenInfo: MyComponentUsesToken_MyComponentUsesToken.__docgenInfo, name: "MyComponentUsesToken", path: "../docs-pages/docs/pages/30.guides/40.tokens/examples/MyComponentUsesToken.tsx#MyComponentUsesToken" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/10.using-tokens-in-components.stories.mdx\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(esm["b" /* mdx */])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(esm["b" /* mdx */])(dist_esm["d" /* Meta */], {\n title: "Guides/Tokens/Using in components",\n parameters: {\n docs: {\n container: DocContextDSWeb["a" /* DocContextDSWeb */]\n }\n },\n mdxType: "Meta"\n }), Object(esm["b" /* mdx */])(ThemeSwitcher["a" /* ThemeSwitcher */], {\n mdxType: "ThemeSwitcher"\n }), Object(esm["b" /* mdx */])("h1", {\n "id": "tokens-using-in-components"\n }, "Tokens: Using in components"), Object(esm["b" /* mdx */])("p", null, "The ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-hooks-usetoken--page"\n }, "useToken"), " hook allows you to retrieve a token\'s value, depending on the current ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "theme"), " and ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "colorScheme"), "."), Object(esm["b" /* mdx */])("p", null, "It takes a single parameter, a token definition which you can import from ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-core"), ", and returns the token value, basically a ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "string"), " or a ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "number"), ", in the current Theme + ColorScheme context."), Object(esm["b" /* mdx */])("p", null, Object(esm["b" /* mdx */])("strong", {\n parentName: "p"\n }, "Note:"), " the token definitions imported from ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-core"), " do not contain the token value, they\'re just a tiny data structure that contains the token\'s id, its type, and whether it depends on color schemes or not."), Object(esm["b" /* mdx */])("p", null, "The value is first looked up in the current theme and in case it doesn\'t exist there and the theme is based on another theme, it falls back to the inherited theme. Note that some tokens are color scheme aware: their value also depends on the current ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/providers-colorscheme--page"\n }, "ColorScheme"), ". In case the token is not found, an exception is thrown."), Object(esm["b" /* mdx */])("h2", {\n "id": "example"\n }, "Example"), Object(esm["b" /* mdx */])("p", null, "The ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "https://github.com/preply/design-system/blob/main/support/docs-pages/docs/pages/30.guides/40.tokens/examples/MyComponentUsesToken.tsx",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "MyComponentUsesToken"), " example showcases how to use the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "useToken()"), " hook in a simple component."), Object(esm["b" /* mdx */])("p", null, "You can also see it rendered in the code sample below."), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import { TextSize, action, root, text } from \'@preply/ds-core\';\\nimport { useToken } from \'@preply/ds-web-core\';\\nimport React, { FC } from \'react\';\\n\\ninterface Props {\\n size: TextSize;\\n}\\n\\nexport const MyComponentUsesToken: FC<Props> = ({ size, children }) => {\\n const padding = useToken<string>(root.space.s);\\n const color = useToken<string>(action.variant.primary.color);\\n const backgroundColor = useToken<string>(action.variant.primary.bgColor);\\n const fontSize = useToken<string>(text.size[size].fontSize);\\n\\n return <div style={{ padding, color, backgroundColor, fontSize }}>{children}</div>;\\n};\\n")), Object(esm["b" /* mdx */])("p", null, "Change the theme in the Theme Switcher at the top of the page to see the component render according to each theme."), Object(esm["b" /* mdx */])(dist_esm["b" /* Canvas */], {\n mdxSource: "%0A%3CMyComponentUsesToken%20size=%22s%22%3ELorem%20Ipsum%3C/MyComponentUsesToken%3E%0A%0A%3CMyComponentUsesToken%20size=%22l%22%3ELorem%20Ipsum%3C/MyComponentUsesToken%3E%0A",\n mdxType: "Canvas"\n }, Object(esm["b" /* mdx */])(MyComponentUsesToken_MyComponentUsesToken, {\n size: "s",\n mdxType: "MyComponentUsesToken"\n }, "Lorem Ipsum"), Object(esm["b" /* mdx */])(MyComponentUsesToken_MyComponentUsesToken, {\n size: "l",\n mdxType: "MyComponentUsesToken"\n }, "Lorem Ipsum")));\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: \'Guides/Tokens/Using in components\',\n parameters: {\n docs: {\n container: DocContextDSWeb["a" /* DocContextDSWeb */]\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(esm["b" /* mdx */])(dist_esm["a" /* AddContext */], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(esm["b" /* mdx */])(MDXContent, null));\n }\n});\n/* harmony default export */ var _10_using_tokens_in_components_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvZXhhbXBsZXMvTXlDb21wb25lbnRVc2VzVG9rZW4udHN4P2JiN2QiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zLzEwLnVzaW5nLXRva2Vucy1pbi1jb21wb25lbnRzLnN0b3JpZXMubWR4PzNhYzMiXSwibmFtZXMiOlsiTXlDb21wb25lbnRVc2VzVG9rZW4iLCJzaXplIiwiY2hpbGRyZW4iLCJwYWRkaW5nIiwidXNlVG9rZW4iLCJyb290Iiwic3BhY2UiLCJzIiwiY29sb3IiLCJhY3Rpb24iLCJ2YXJpYW50IiwicHJpbWFyeSIsImJhY2tncm91bmRDb2xvciIsImJnQ29sb3IiLCJmb250U2l6ZSIsInRleHQiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQU1PLElBQU1BLHlDQUErQixHQUFHLFNBQWxDQSxvQkFBa0MsT0FBd0I7QUFBQSxNQUFyQkMsSUFBcUIsUUFBckJBLElBQXFCO0FBQUEsTUFBZkMsUUFBZSxRQUFmQSxRQUFlO0FBQ25FLE1BQU1DLE9BQU8sR0FBR0Msb0NBQVEsQ0FBU0Msc0JBQUksQ0FBQ0MsS0FBTCxDQUFXQyxDQUFwQixDQUF4QjtBQUNBLE1BQU1DLEtBQUssR0FBR0osb0NBQVEsQ0FBU0ssd0JBQU0sQ0FBQ0MsT0FB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QUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsbUNBQVQ7QUFBOENILFlBQVUsRUFBRTtBQUM5RU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsMENBQWVBO0FBRHRCO0FBRHdFLEdBQTFEO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLDJCQUFDLDhCQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsMkJBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSx5SEFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy8xMC51c2luZy10b2tlbnMtaW4tY29tcG9uZW50cy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRleHRTaXplLCBhY3Rpb24sIHJvb3QsIHRleHQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgdXNlVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBzaXplOiBUZXh0U2l6ZTtcbn1cblxuZXhwb3J0IGNvbnN0IE15Q29tcG9uZW50VXNlc1Rva2VuOiBGQzxQcm9wcz4gPSAoeyBzaXplLCBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgcGFkZGluZyA9IHVzZVRva2VuPHN0cmluZz4ocm9vdC5zcGFjZS5zKTtcbiAgICBjb25zdCBjb2xvciA9IHVzZVRva2VuPHN0cmluZz4oYWN0aW9uLnZhcmlhbnQucHJpbWFyeS5jb2xvcik7XG4gICAgY29uc3QgYmFja2dyb3VuZENvbG9yID0gdXNlVG9rZW48c3RyaW5nPihhY3Rpb24udmFyaWFudC5wcmltYXJ5LmJnQ29sb3IpO1xuICAgIGNvbnN0IGZvbnRTaXplID0gdXNlVG9rZW48c3RyaW5nPih0ZXh0LnNpemVbc2l6ZV0uZm9udFNpemUpO1xuXG4gICAgcmV0dXJuIDxkaXYgc3R5bGU9e3sgcGFkZGluZywgY29sb3IsIGJhY2tncm91bmRDb2xvciwgZm9udFNpemUgfX0+e2NoaWxkcmVufTwvZGl2Pjtcbn07XG4iLCJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBDT0xPUl9TQ0hFTUVfREVGQVVMVCwgY29sb3JTY2hlbWVDb25maWcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViLCBUaGVtZVN3aXRjaGVyIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCB7IE15Q29tcG9uZW50VXNlc1Rva2VuIH0gZnJvbSAnLi9leGFtcGxlcy9NeUNvbXBvbmVudFVzZXNUb2tlbic7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9Ub2tlbnMvVXNpbmcgaW4gY29tcG9uZW50c1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRva2Vucy11c2luZy1pbi1jb21wb25lbnRzXCJcbiAgICB9fT57YFRva2VuczogVXNpbmcgaW4gY29tcG9uZW50c2B9PC9oMT5cbiAgICA8cD57YFRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItY29yZS1ob29rcy11c2V0b2tlbi0tcGFnZVwiXG4gICAgICB9fT57YHVzZVRva2VuYH08L2E+e2AgaG9vayBhbGxvd3MgeW91IHRvIHJldHJpZXZlIGEgdG9rZW4ncyB2YWx1ZSwgZGVwZW5kaW5nIG9uIHRoZSBjdXJyZW50IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHRoZW1lYH08L2lubGluZUNvZGU+e2AgYW5kIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGNvbG9yU2NoZW1lYH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPHA+e2BJdCB0YWtlcyBhIHNpbmdsZSBwYXJhbWV0ZXIsIGEgdG9rZW4gZGVmaW5pdGlvbiB3aGljaCB5b3UgY2FuIGltcG9ydCBmcm9tIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBwcmVwbHkvZHMtY29yZWB9PC9pbmxpbmVDb2RlPntgLCBhbmQgcmV0dXJucyB0aGUgdG9rZW4gdmFsdWUsIGJhc2ljYWxseSBhIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHN0cmluZ2B9PC9pbmxpbmVDb2RlPntgIG9yIGEgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgbnVtYmVyYH08L2lubGluZUNvZGU+e2AsIGluIHRoZSBjdXJyZW50IFRoZW1lICsgQ29sb3JTY2hlbWUgY29udGV4dC5gfTwvcD5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BOb3RlOmB9PC9zdHJvbmc+e2AgdGhlIHRva2VuIGRlZmluaXRpb25zIGltcG9ydGVkIGZyb20gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS9kcy1jb3JlYH08L2lubGluZUNvZGU+e2AgZG8gbm90IGNvbnRhaW4gdGhlIHRva2VuIHZhbHVlLCB0aGV5J3JlIGp1c3QgYSB0aW55IGRhdGEgc3RydWN0dXJlIHRoYXQgY29udGFpbnMgdGhlIHRva2VuJ3MgaWQsIGl0cyB0eXBlLCBhbmQgd2hldGhlciBpdCBkZXBlbmRzIG9uIGNvbG9yIHNjaGVtZXMgb3Igbm90LmB9PC9wPlxuICAgIDxwPntgVGhlIHZhbHVlIGlzIGZpcnN0IGxvb2tlZCB1cCBpbiB0aGUgY3VycmVudCB0aGVtZSBhbmQgaW4gY2FzZSBpdCBkb2Vzbid0IGV4aXN0IHRoZXJlIGFuZCB0aGUgdGhlbWUgaXMgYmFzZWQgb24gYW5vdGhlciB0aGVtZSwgaXQgZmFsbHMgYmFjayB0byB0aGUgaW5oZXJpdGVkIHRoZW1lLiBOb3RlIHRoYXQgc29tZSB0b2tlbnMgYXJlIGNvbG9yIHNjaGVtZSBhd2FyZTogdGhlaXIgdmFsdWUgYWxzbyBkZXBlbmRzIG9uIHRoZSBjdXJyZW50IGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvcHJvdmlkZXJzLWNvbG9yc2NoZW1lLS1wYWdlXCJcbiAgICAgIH19PntgQ29sb3JTY2hlbWVgfTwvYT57YC4gSW4gY2FzZSB0aGUgdG9rZW4gaXMgbm90IGZvdW5kLCBhbiBleGNlcHRpb24gaXMgdGhyb3duLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImV4YW1wbGVcIlxuICAgIH19PntgRXhhbXBsZWB9PC9oMj5cbiAgICA8cD57YFRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9naXRodWIuY29tL3ByZXBseS9kZXNpZ24tc3lzdGVtL2Jsb2IvbWFpbi9zdXBwb3J0L2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2V4YW1wbGVzL015Q29tcG9uZW50VXNlc1Rva2VuLnRzeFwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BNeUNvbXBvbmVudFVzZXNUb2tlbmB9PC9hPntgIGV4YW1wbGUgc2hvd2Nhc2VzIGhvdyB0byB1c2UgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHVzZVRva2VuKClgfTwvaW5saW5lQ29kZT57YCBob29rIGluIGEgc2ltcGxlIGNvbXBvbmVudC5gfTwvcD5cbiAgICA8cD57YFlvdSBjYW4gYWxzbyBzZWUgaXQgcmVuZGVyZWQgaW4gdGhlIGNvZGUgc2FtcGxlIGJlbG93LmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHsgVGV4dFNpemUsIGFjdGlvbiwgcm9vdCwgdGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIHNpemU6IFRleHRTaXplO1xufVxuXG5leHBvcnQgY29uc3QgTXlDb21wb25lbnRVc2VzVG9rZW46IEZDPFByb3BzPiA9ICh7IHNpemUsIGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCBwYWRkaW5nID0gdXNlVG9rZW48c3RyaW5nPihyb290LnNwYWNlLnMpO1xuICAgIGNvbnN0IGNvbG9yID0gdXNlVG9rZW48c3RyaW5nPihhY3Rpb24udmFyaWFudC5wcmltYXJ5LmNvbG9yKTtcbiAgICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSB1c2VUb2tlbjxzdHJpbmc+KGFjdGlvbi52YXJpYW50LnByaW1hcnkuYmdDb2xvcik7XG4gICAgY29uc3QgZm9udFNpemUgPSB1c2VUb2tlbjxzdHJpbmc+KHRleHQuc2l6ZVtzaXplXS5mb250U2l6ZSk7XG5cbiAgICByZXR1cm4gPGRpdiBzdHlsZT17eyBwYWRkaW5nLCBjb2xvciwgYmFja2dyb3VuZENvbG9yLCBmb250U2l6ZSB9fT57Y2hpbGRyZW59PC9kaXY+O1xufTtcbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgQ2hhbmdlIHRoZSB0aGVtZSBpbiB0aGUgVGhlbWUgU3dpdGNoZXIgYXQgdGhlIHRvcCBvZiB0aGUgcGFnZSB0byBzZWUgdGhlIGNvbXBvbmVudCByZW5kZXIgYWNjb3JkaW5nIHRvIGVhY2ggdGhlbWUuYH08L3A+XG4gICAgPENhbnZhcyBtZHhTb3VyY2U9XCIlMEElM0NNeUNvbXBvbmVudFVzZXNUb2tlbiUyMHNpemU9JTIycyUyMiUzRUxvcmVtJTIwSXBzdW0lM0MvTXlDb21wb25lbnRVc2VzVG9rZW4lM0UlMEElMEElM0NNeUNvbXBvbmVudFVzZXNUb2tlbiUyMHNpemU9JTIybCUyMiUzRUxvcmVtJTIwSXBzdW0lM0MvTXlDb21wb25lbnRVc2VzVG9rZW4lM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPE15Q29tcG9uZW50VXNlc1Rva2VuIHNpemU9XCJzXCIgbWR4VHlwZT1cIk15Q29tcG9uZW50VXNlc1Rva2VuXCI+TG9yZW0gSXBzdW08L015Q29tcG9uZW50VXNlc1Rva2VuPlxuICAgIDxNeUNvbXBvbmVudFVzZXNUb2tlbiBzaXplPVwibFwiIG1keFR5cGU9XCJNeUNvbXBvbmVudFVzZXNUb2tlblwiPkxvcmVtIElwc3VtPC9NeUNvbXBvbmVudFVzZXNUb2tlbj5cbiAgICA8L0NhbnZhcz5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9Ub2tlbnMvVXNpbmcgaW4gY29tcG9uZW50cycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/40.tokens/10.using-tokens-in-components.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/40.tokens/20.creating-styled-component.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@mdx-js/react/dist/esm.js\nvar esm = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@storybook/addon-docs/dist/esm/index.js + 45 modules\nvar dist_esm = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n\n// EXTERNAL MODULE: .-context/dist/context/DocContextDSWeb.js\nvar DocContextDSWeb = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n\n// EXTERNAL MODULE: .-context/dist/components/ThemeSwitcher.js + 1 modules\nvar ThemeSwitcher = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.slice.js\nvar es_array_slice = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/generated/tokens.js\nvar tokens = __webpack_require__("../../packages/core/dist/generated/tokens.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/token/util/getTokenVar.js\nvar getTokenVar = __webpack_require__("../../packages/web-core/dist/token/util/getTokenVar.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/styled-components/dist/styled-components.browser.esm.js\nvar styled_components_browser_esm = __webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/examples/MyStyledComponent.ts\n\n\nvar _templateObject;\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\n\nvar MyStyledComponent = styled_components_browser_esm["b" /* default */].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n padding: ", ";\\n color: ", ";\\n font-size: ", ";\\n background-color: ", ";\\n border-radius: ", ";\\n"])), Object(getTokenVar["a" /* getTokenVar */])(tokens["b" /* root */].space.s), Object(getTokenVar["a" /* getTokenVar */])(tokens["a" /* action */].variant.primary.color), function (_ref) {\n var size = _ref.size;\n return Object(getTokenVar["a" /* getTokenVar */])(tokens["c" /* text */].size[size].fontSize);\n}, Object(getTokenVar["a" /* getTokenVar */])(tokens["a" /* action */].variant.primary.bgColor), Object(getTokenVar["a" /* getTokenVar */])(tokens["a" /* action */].base.borderRadius));\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/20.creating-styled-component.stories.mdx\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(esm["b" /* mdx */])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(esm["b" /* mdx */])(dist_esm["d" /* Meta */], {\n title: "Guides/Tokens/Creating StyledComponents",\n parameters: {\n docs: {\n container: DocContextDSWeb["a" /* DocContextDSWeb */]\n }\n },\n mdxType: "Meta"\n }), Object(esm["b" /* mdx */])(ThemeSwitcher["a" /* ThemeSwitcher */], {\n mdxType: "ThemeSwitcher"\n }), Object(esm["b" /* mdx */])("h1", {\n "id": "tokens-creating-styledcomponents"\n }, "Tokens: Creating StyledComponents"), Object(esm["b" /* mdx */])("p", null, "The ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-utils-gettokenvar--page"\n }, "getTokenVar"), " utility gives you access to design tokens from within ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "https://styled-components.com/",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "styled components"), " or from within code based on other ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "https://css-tricks.com/a-thorough-analysis-of-css-in-js/",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "CSS-in-JS"), " frameworks.."), Object(esm["b" /* mdx */])("p", null, "The ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "https://github.com/preply/design-system/blob/main/support/docs-pages/docs/pages/30.guides/40.tokens/examples/MyStyledComponent.tsx",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "MyStyledComponent"), " example showcases how to use it."), Object(esm["b" /* mdx */])("p", null, "You can also see it rendered in the code sample below."), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import { TextSize, action, root, text } from \'@preply/ds-core\';\\nimport { getTokenVar as t } from \'@preply/ds-web-core\';\\nimport styled from \'styled-components\';\\n\\ninterface Props {\\n size: TextSize;\\n}\\n\\nexport const MyStyledComponent = styled.div<Props>`\\n padding: ${t(root.space.s)};\\n color: ${t(action.variant.primary.color)};\\n font-size: ${({ size }) => t(text.size[size].fontSize)};\\n background-color: ${t(action.variant.primary.bgColor)};\\n border-radius: ${t(action.base.borderRadius)};\\n`;\\n")), Object(esm["b" /* mdx */])("p", null, "Change the theme in the Theme Switcher at the top of the page to see the component render according to each theme."), Object(esm["b" /* mdx */])(dist_esm["b" /* Canvas */], {\n mdxSource: "%0A%3CMyStyledComponent%20size=%22s%22%3ELorem%20Ipsum%3C/MyStyledComponent%3E%0A%0A%3CMyStyledComponent%20size=%22l%22%3ELorem%20Ipsum%3C/MyStyledComponent%3E%0A",\n mdxType: "Canvas"\n }, Object(esm["b" /* mdx */])(MyStyledComponent, {\n size: "s",\n mdxType: "MyStyledComponent"\n }, "Lorem Ipsum"), Object(esm["b" /* mdx */])(MyStyledComponent, {\n size: "l",\n mdxType: "MyStyledComponent"\n }, "Lorem Ipsum")));\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: \'Guides/Tokens/Creating StyledComponents\',\n parameters: {\n docs: {\n container: DocContextDSWeb["a" /* DocContextDSWeb */]\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(esm["b" /* mdx */])(dist_esm["a" /* AddContext */], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(esm["b" /* mdx */])(MDXContent, null));\n }\n});\n/* harmony default export */ var _20_creating_styled_component_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvZXhhbXBsZXMvTXlTdHlsZWRDb21wb25lbnQudHM/OWFjNyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvMjAuY3JlYXRpbmctc3R5bGVkLWNvbXBvbmVudC5zdG9yaWVzLm1keD9kY2RhIl0sIm5hbWVzIjpbIk15U3R5bGVkQ29tcG9uZW50Iiwic3R5bGVkIiwiZGl2IiwidCIsInJvb3QiLCJzcGFjZSIsInMiLCJhY3Rpb24iLCJ2YXJpYW50IiwicHJpbWFyeSIsImNvbG9yIiwic2l6ZSIsInRleHQiLCJmb250U2l6ZSIsImJnQ29sb3IiLCJiYXNlIiwiYm9yZGVyUmFkaXVzIiwibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQU1PLElBQU1BLGlCQUFpQixHQUFHQyxnREFBTSxDQUFDQyxHQUFWLGdNQUNmQywwQ0FBQyxDQUFDQyxzQkFBSSxDQUFDQyxLQUFMLENBQVdDLENBQVosQ0FEYyxFQUVqQkgsMENBQUMsQ0FBQ0ksd0JBQU0sQ0FBQ0MsT0FBUCxDQUFlQyxPQUFmLENBQXVCQyxLQUF4QixDQUZnQixFQUdiO0FBQUEsTUFBR0MsSUFBSCxRQUFHQSxJQUFIO0FBQUEsU0FBY1IsMENBQUMsQ0FBQ1Msc0JBQUksQ0FBQ0Qs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LFdBQU0sMkJBQUMsOEJBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRiwyQkFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLHdIQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zLzIwLmNyZWF0aW5nLXN0eWxlZC1jb21wb25lbnQuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0U2l6ZSwgYWN0aW9uLCByb290LCB0ZXh0IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IGdldFRva2VuVmFyIGFzIHQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIHNpemU6IFRleHRTaXplO1xufVxuXG5leHBvcnQgY29uc3QgTXlTdHlsZWRDb21wb25lbnQgPSBzdHlsZWQuZGl2PFByb3BzPmBcbiAgICBwYWRkaW5nOiAke3Qocm9vdC5zcGFjZS5zKX07XG4gICAgY29sb3I6ICR7dChhY3Rpb24udmFyaWFudC5wcmltYXJ5LmNvbG9yKX07XG4gICAgZm9udC1zaXplOiAkeyh7IHNpemUgfSkgPT4gdCh0ZXh0LnNpemVbc2l6ZV0uZm9udFNpemUpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3QoYWN0aW9uLnZhcmlhbnQucHJpbWFyeS5iZ0NvbG9yKX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0KGFjdGlvbi5iYXNlLmJvcmRlclJhZGl1cyl9O1xuYDtcbiIsIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBNeVN0eWxlZENvbXBvbmVudCB9IGZyb20gJy4vZXhhbXBsZXMvTXlTdHlsZWRDb21wb25lbnQnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvVG9rZW5zL0NyZWF0aW5nIFN0eWxlZENvbXBvbmVudHNcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJ0b2tlbnMtY3JlYXRpbmctc3R5bGVkY29tcG9uZW50c1wiXG4gICAgfX0+e2BUb2tlbnM6IENyZWF0aW5nIFN0eWxlZENvbXBvbmVudHNgfTwvaDE+XG4gICAgPHA+e2BUaGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9hcGktZHMtd2ViLWNvcmUtdXRpbHMtZ2V0dG9rZW52YXItLXBhZ2VcIlxuICAgICAgfX0+e2BnZXRUb2tlblZhcmB9PC9hPntgIHV0aWxpdHkgZ2l2ZXMgeW91IGFjY2VzcyB0byBkZXNpZ24gdG9rZW5zIGZyb20gd2l0aGluIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL3N0eWxlZC1jb21wb25lbnRzLmNvbS9cIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19Pntgc3R5bGVkIGNvbXBvbmVudHNgfTwvYT57YCBvciBmcm9tIHdpdGhpbiBjb2RlIGJhc2VkIG9uIG90aGVyIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2Nzcy10cmlja3MuY29tL2EtdGhvcm91Z2gtYW5hbHlzaXMtb2YtY3NzLWluLWpzL1wiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BDU1MtaW4tSlNgfTwvYT57YCBmcmFtZXdvcmtzLi5gfTwvcD5cbiAgICA8cD57YFRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9naXRodWIuY29tL3ByZXBseS9kZXNpZ24tc3lzdGVtL2Jsb2IvbWFpbi9zdXBwb3J0L2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2V4YW1wbGVzL015U3R5bGVkQ29tcG9uZW50LnRzeFwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BNeVN0eWxlZENvbXBvbmVudGB9PC9hPntgIGV4YW1wbGUgc2hvd2Nhc2VzIGhvdyB0byB1c2UgaXQuYH08L3A+XG4gICAgPHA+e2BZb3UgY2FuIGFsc28gc2VlIGl0IHJlbmRlcmVkIGluIHRoZSBjb2RlIHNhbXBsZSBiZWxvdy5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXRzeFwiXG4gICAgICB9fT57YGltcG9ydCB7IFRleHRTaXplLCBhY3Rpb24sIHJvb3QsIHRleHQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgZ2V0VG9rZW5WYXIgYXMgdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gICAgc2l6ZTogVGV4dFNpemU7XG59XG5cbmV4cG9ydCBjb25zdCBNeVN0eWxlZENvbXBvbmVudCA9IHN0eWxlZC5kaXY8UHJvcHM+XFxgXG4gICAgcGFkZGluZzogXFwke3Qocm9vdC5zcGFjZS5zKX07XG4gICAgY29sb3I6IFxcJHt0KGFjdGlvbi52YXJpYW50LnByaW1hcnkuY29sb3IpfTtcbiAgICBmb250LXNpemU6IFxcJHsoeyBzaXplIH0pID0+IHQodGV4dC5zaXplW3NpemVdLmZvbnRTaXplKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogXFwke3QoYWN0aW9uLnZhcmlhbnQucHJpbWFyeS5iZ0NvbG9yKX07XG4gICAgYm9yZGVyLXJhZGl1czogXFwke3QoYWN0aW9uLmJhc2UuYm9yZGVyUmFkaXVzKX07XG5cXGA7XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YENoYW5nZSB0aGUgdGhlbWUgaW4gdGhlIFRoZW1lIFN3aXRjaGVyIGF0IHRoZSB0b3Agb2YgdGhlIHBhZ2UgdG8gc2VlIHRoZSBjb21wb25lbnQgcmVuZGVyIGFjY29yZGluZyB0byBlYWNoIHRoZW1lLmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDTXlTdHlsZWRDb21wb25lbnQlMjBzaXplPSUyMnMlMjIlM0VMb3JlbSUyMElwc3VtJTNDL015U3R5bGVkQ29tcG9uZW50JTNFJTBBJTBBJTNDTXlTdHlsZWRDb21wb25lbnQlMjBzaXplPSUyMmwlMjIlM0VMb3JlbSUyMElwc3VtJTNDL015U3R5bGVkQ29tcG9uZW50JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxNeVN0eWxlZENvbXBvbmVudCBzaXplPVwic1wiIG1keFR5cGU9XCJNeVN0eWxlZENvbXBvbmVudFwiPkxvcmVtIElwc3VtPC9NeVN0eWxlZENvbXBvbmVudD5cbiAgICA8TXlTdHlsZWRDb21wb25lbnQgc2l6ZT1cImxcIiBtZHhUeXBlPVwiTXlTdHlsZWRDb21wb25lbnRcIj5Mb3JlbSBJcHN1bTwvTXlTdHlsZWRDb21wb25lbnQ+XG4gICAgPC9DYW52YXM+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvVG9rZW5zL0NyZWF0aW5nIFN0eWxlZENvbXBvbmVudHMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/40.tokens/20.creating-styled-component.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/50.responsive/00.using-responsive-props.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__, "url", function() { return url; });\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_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Avatar/Avatar.js");\n/* harmony import */ var _components_BreakpointList__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx");\n/* harmony import */ var _examples_MyComponentWithLessModule__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.tsx");\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\n\nvar url = \'./web-lib/src/components/Avatar/docs/static/avatar.png\';\nvar layoutProps = {\n url: url\n};\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: "Guides/Responsive/Responsive props",\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"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "responsive-using-responsive-props"\n }, "Responsive: Using responsive props"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Some component props accept different values for different screen sizes."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Syntax:"), " ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<Component prop={{_: <value>, \'<breakpoint>\': <value>, ... }} />")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Where:"), 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 }, "_"), " = prop value for the smallest screens"), 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 }, "\'<breakpoint>\'"), " = prop value for screens with at least ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "y"), " pixels of width"), 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"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Breakpoints:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_components_BreakpointList__WEBPACK_IMPORTED_MODULE_11__[/* BreakpointList */ "a"], {\n k: function k(key) {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment, null, "\'", key, "\'");\n },\n v: function v(value) {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", null, value, "px");\n },\n mdxType: "BreakpointList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "example"\n }, "Example"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "When a component prop is responsive, this fact is highlighted in the title of the prop section, as is the case for the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "size"), " prop of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-avatar-docs--page"\n }, "Avatar"), " component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "proptype-optional-responsive-typeavatarsizesizeproptype"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* PropType */ "h"], {\n optional: true,\n responsive: true,\n type: "AvatarSize",\n mdxType: "PropType"\n }, "size")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In cases like this will find example(s) with a ruler displaying the used breakpoints."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* ResponsiveScale */ "j"], {\n intro: false,\n breakpoints: [\'medium-s\', \'medium-l\'],\n mdxType: "ResponsiveScale"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CAvatar%20src=%7Burl%7D%20size=%7B%7B%0A%20%20_:%20\'xs\',%0A%20%20\'medium-s\':%20\'m\',%0A%20%20\'medium-l\':%20\'xl\'%0A%7D%7D%20/%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Avatar */ "a"], {\n src: url,\n size: {\n _: \'xs\',\n \'medium-s\': \'m\',\n \'medium-l\': \'xl\'\n },\n mdxType: "Avatar"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Inspect the code above and use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://storybook.js.org/docs/react/essentials/viewport",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Storybook viewport dropdown"), " to preview the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<Avatar>"), " rendering with different values for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "size"), " at the provided breakpoints."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n width: "400",\n src: "./docs-pages/docs/pages/30.guides/50.responsive/static/storybook-viewports.png",\n alt: "Storybook viewport dropdown"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "notes"\n }, "Notes"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "When a component is responsive, you can still provide a single value for all screens"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "<Avatar src={url} size=\\"xl\\" />\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Providing only a value for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "_"), " is the same as not using the responsive syntax. The following two lines are therefore equivalent:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "<Avatar src={url} size=\\"xl\\" />\\n<Avatar src={url} size={{_: \'xl\'}} />\\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: \'Guides/Responsive/Responsive props\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlLzAwLnVzaW5nLXJlc3BvbnNpdmUtcHJvcHMuc3Rvcmllcy5tZHg/ZDQxNCJdLCJuYW1lcyI6WyJ1cmwiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwia2V5IiwidmFsdWUiLCJfIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNPLElBQU1BLEdBQUcsR0FBRyx3REFBWjtBQUVQLElBQU1DLFdBQVcsR0FBRztBQUNsQkQsS0FBRyxFQUFIQTtBQURrQixDQUFwQjtBQUdBLElBQU1FLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU9MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLG9DQUFaO0FBQWlELGNBQVUsRUFBRTtBQUMzREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURxRCxLQUE3RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBUEssRUFZTCxrRUFBQyw2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SUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxvQ0FBVDtBQUErQ0gsWUFBVSxFQUFFO0FBQy9FVCxRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEeUUsR0FBM0Q7QUFJbkJXLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJULElBQXpCLHFCQUNNVyxhQUFhLENBQUNGLFVBQWQsQ0FBeUJULElBQXpCLElBQWlDLEVBRHZDO0FBRUVlLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNTAucmVzcG9uc2l2ZS8wMC51c2luZy1yZXNwb25zaXZlLXByb3BzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgQVZBVEFSX1NJWkVfREVGQVVMVCwgQVZBVEFSX1NJWkVfT1BUSU9OUywgdG9rZW5zIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IERvY01ldGFkYXRhLCBQcm9wVHlwZSwgUmVzcG9uc2l2ZVNjYWxlLCBTdG9yeU5vdGUgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBBdmF0YXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCB7IEJyZWFrcG9pbnRMaXN0IH0gZnJvbSAnLi9jb21wb25lbnRzL0JyZWFrcG9pbnRMaXN0JztcbmltcG9ydCB7IE15Q29tcG9uZW50V2l0aExlc3NNb2R1bGUgfSBmcm9tICcuL2V4YW1wbGVzL015Q29tcG9uZW50V2l0aExlc3NNb2R1bGUnO1xuZXhwb3J0IGNvbnN0IHVybCA9ICcuL3dlYi1saWIvc3JjL2NvbXBvbmVudHMvQXZhdGFyL2RvY3Mvc3RhdGljL2F2YXRhci5wbmcnO1xuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgdXJsXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvUmVzcG9uc2l2ZS9SZXNwb25zaXZlIHByb3BzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwicmVzcG9uc2l2ZS11c2luZy1yZXNwb25zaXZlLXByb3BzXCJcbiAgICB9fT57YFJlc3BvbnNpdmU6IFVzaW5nIHJlc3BvbnNpdmUgcHJvcHNgfTwvaDE+XG4gICAgPHA+e2BTb21lIGNvbXBvbmVudCBwcm9wcyBhY2NlcHQgZGlmZmVyZW50IHZhbHVlcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplcy5gfTwvcD5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BTeW50YXg6YH08L3N0cm9uZz57YCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8Q29tcG9uZW50IHByb3A9e3tfOiA8dmFsdWU+LCAnPGJyZWFrcG9pbnQ+JzogPHZhbHVlPiwgLi4uIH19IC8+YH08L2lubGluZUNvZGU+PC9wPlxuICAgIDxwPntgV2hlcmU6YH08L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgX2B9PC9pbmxpbmVDb2RlPntgID0gcHJvcCB2YWx1ZSBmb3IgdGhlIHNtYWxsZXN0IHNjcmVlbnNgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2AnPGJyZWFrcG9pbnQ+J2B9PC9pbmxpbmVDb2RlPntgID0gcHJvcCB2YWx1ZSBmb3Igc2NyZWVucyB3aXRoIGF0IGxlYXN0IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2B5YH08L2lubGluZUNvZGU+e2AgcGl4ZWxzIG9mIHdpZHRoYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgLi4uYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgQnJlYWtwb2ludHM6YH08L3N0cm9uZz48L3A+XG4gICAgPEJyZWFrcG9pbnRMaXN0IGs9e2tleSA9PiA8Pid7a2V5fSc8Lz59IHY9e3ZhbHVlID0+IDxjb2RlPnt2YWx1ZX1weDwvY29kZT59IG1keFR5cGU9XCJCcmVha3BvaW50TGlzdFwiIC8+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiZXhhbXBsZVwiXG4gICAgfX0+e2BFeGFtcGxlYH08L2gyPlxuICAgIDxwPntgV2hlbiBhIGNvbXBvbmVudCBwcm9wIGlzIHJlc3BvbnNpdmUsIHRoaXMgZmFjdCBpcyBoaWdobGlnaHRlZCBpbiB0aGUgdGl0bGUgb2YgdGhlIHByb3Agc2VjdGlvbiwgYXMgaXMgdGhlIGNhc2UgZm9yIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BzaXplYH08L2lubGluZUNvZGU+e2AgcHJvcCBvZiB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWF2YXRhci1kb2NzLS1wYWdlXCJcbiAgICAgIH19PntgQXZhdGFyYH08L2E+e2AgY29tcG9uZW50LmB9PC9wPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInByb3B0eXBlLW9wdGlvbmFsLXJlc3BvbnNpdmUtdHlwZWF2YXRhcnNpemVzaXplcHJvcHR5cGVcIlxuICAgIH19PjxQcm9wVHlwZSBvcHRpb25hbCByZXNwb25zaXZlIHR5cGU9XCJBdmF0YXJTaXplXCIgbWR4VHlwZT1cIlByb3BUeXBlXCI+e2BzaXplYH08L1Byb3BUeXBlPjwvaDM+XG4gICAgPHA+e2BJbiBjYXNlcyBsaWtlIHRoaXMgd2lsbCBmaW5kIGV4YW1wbGUocykgd2l0aCBhIHJ1bGVyIGRpc3BsYXlpbmcgdGhlIHVzZWQgYnJlYWtwb2ludHMuYH08L3A+XG4gICAgPFJlc3BvbnNpdmVTY2FsZSBpbnRybz17ZmFsc2V9IGJyZWFrcG9pbnRzPXtbJ21lZGl1bS1zJywgJ21lZGl1bS1sJ119IG1keFR5cGU9XCJSZXNwb25zaXZlU2NhbGVcIiAvPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDQXZhdGFyJTIwc3JjPSU3QnVybCU3RCUyMHNpemU9JTdCJTdCJTBBJTIwJTIwXzolMjAneHMnLCUwQSUyMCUyMCdtZWRpdW0tcyc6JTIwJ20nLCUwQSUyMCUyMCdtZWRpdW0tbCc6JTIwJ3hsJyUwQSU3RCU3RCUyMC8lM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPEF2YXRhciBzcmM9e3VybH0gc2l6ZT17e1xuICAgICAgICBfOiAneHMnLFxuICAgICAgICAnbWVkaXVtLXMnOiAnbScsXG4gICAgICAgICdtZWRpdW0tbCc6ICd4bCdcbiAgICAgIH19IG1keFR5cGU9XCJBdmF0YXJcIiAvPlxuICAgIDwvQ2FudmFzPlxuICAgIDxwPntgSW5zcGVjdCB0aGUgY29kZSBhYm92ZSBhbmQgdXNlIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9zdG9yeWJvb2suanMub3JnL2RvY3MvcmVhY3QvZXNzZW50aWFscy92aWV3cG9ydFwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BTdG9yeWJvb2sgdmlld3BvcnQgZHJvcGRvd25gfTwvYT57YCB0byBwcmV2aWV3IHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8QXZhdGFyPmB9PC9pbmxpbmVDb2RlPntgIHJlbmRlcmluZyB3aXRoIGRpZmZlcmVudCB2YWx1ZXMgZm9yIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHNpemVgfTwvaW5saW5lQ29kZT57YCBhdCB0aGUgcHJvdmlkZWQgYnJlYWtwb2ludHMuYH08L3A+XG4gICAgPGltZyB3aWR0aD1cIjQwMFwiIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL3N0YXRpYy9zdG9yeWJvb2stdmlld3BvcnRzLnBuZ1wiIGFsdD1cIlN0b3J5Ym9vayB2aWV3cG9ydCBkcm9wZG93blwiIC8+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwibm90ZXNcIlxuICAgIH19PntgTm90ZXNgfTwvaDI+XG4gICAgPHA+e2BXaGVuIGEgY29tcG9uZW50IGlzIHJlc3BvbnNpdmUsIHlvdSBjYW4gc3RpbGwgcHJvdmlkZSBhIHNpbmdsZSB2YWx1ZSBmb3IgYWxsIHNjcmVlbnNgfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue319PntgPEF2YXRhciBzcmM9e3VybH0gc2l6ZT1cInhsXCIgLz5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgUHJvdmlkaW5nIG9ubHkgYSB2YWx1ZSBmb3IgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgX2B9PC9pbmxpbmVDb2RlPntgIGlzIHRoZSBzYW1lIGFzIG5vdCB1c2luZyB0aGUgcmVzcG9uc2l2ZSBzeW50YXguIFRoZSBmb2xsb3dpbmcgdHdvIGxpbmVzIGFyZSB0aGVyZWZvcmUgZXF1aXZhbGVudDpgfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue319PntgPEF2YXRhciBzcmM9e3VybH0gc2l6ZT1cInhsXCIgLz5cbjxBdmF0YXIgc3JjPXt1cmx9IHNpemU9e3tfOiAneGwnfX0gLz5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL1Jlc3BvbnNpdmUvUmVzcG9uc2l2ZSBwcm9wcycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/50.responsive/00.using-responsive-props.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/50.responsive/10.using-breakpoints-in-sc.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\nvar react_default = /*#__PURE__*/__webpack_require__.n(react);\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@mdx-js/react/dist/esm.js\nvar esm = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@storybook/addon-docs/dist/esm/index.js + 45 modules\nvar dist_esm = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n\n// EXTERNAL MODULE: .-context/dist/context/DocContextDSWeb.js\nvar DocContextDSWeb = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n\n// EXTERNAL MODULE: .-context/dist/components/ThemeSwitcher.js + 1 modules\nvar ThemeSwitcher = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n\n// EXTERNAL MODULE: .-toolkit/dist/index.js + 46 modules\nvar dist = __webpack_require__("../docs-toolkit/dist/index.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/Button/Button.js + 6 modules\nvar Button = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n\n// EXTERNAL MODULE: .-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx\nvar BreakpointList = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.slice.js\nvar es_array_slice = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/generated/tokens.js\nvar tokens = __webpack_require__("../../packages/core/dist/generated/tokens.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/generated/breakpoints.js\nvar breakpoints = __webpack_require__("../../packages/core/dist/generated/breakpoints.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/token/util/getTokenVar.js\nvar getTokenVar = __webpack_require__("../../packages/web-core/dist/token/util/getTokenVar.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/styled-components/dist/styled-components.browser.esm.js\nvar styled_components_browser_esm = __webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/50.responsive/examples/MyStyledComponentUsesBreakpoint.ts\n\n\nvar _templateObject;\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\n\nvar MyStyledComponentUsesBreakpoint = styled_components_browser_esm["b" /* default */].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n display: flex;\\n flex-direction: column;\\n gap: ", ";\\n\\n @media (min-width: ", "px) {\\n flex-direction: row;\\n }\\n"])), Object(getTokenVar["a" /* getTokenVar */])(tokens["b" /* root */].space.s), breakpoints["a" /* BREAKPOINT */][\'medium-l\']);\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/responsive/sc/mixins.js\nvar mixins = __webpack_require__("../../packages/web-core/dist/responsive/sc/mixins.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/50.responsive/examples/MyStyledComponentUsesMixin.ts\n\n\nvar MyStyledComponentUsesMixin_templateObject;\n\nfunction MyStyledComponentUsesMixin_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\n\nvar MyStyledComponentUsesMixin = styled_components_browser_esm["b" /* default */].div(MyStyledComponentUsesMixin_templateObject || (MyStyledComponentUsesMixin_templateObject = MyStyledComponentUsesMixin_taggedTemplateLiteralLoose(["\\n display: flex;\\n flex-direction: column;\\n gap: ", ";\\n\\n ", " {\\n flex-direction: row;\\n }\\n"])), Object(getTokenVar["a" /* getTokenVar */])(tokens["b" /* root */].space.s), Object(mixins["a" /* minWidth */])(\'medium-l\'));\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/50.responsive/10.using-breakpoints-in-sc.stories.mdx\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\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(esm["b" /* mdx */])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(esm["b" /* mdx */])(dist_esm["d" /* Meta */], {\n title: "Guides/Responsive/Breakpoints in StyledComponents",\n parameters: {\n docs: {\n container: DocContextDSWeb["a" /* DocContextDSWeb */]\n }\n },\n mdxType: "Meta"\n }), Object(esm["b" /* mdx */])(ThemeSwitcher["a" /* ThemeSwitcher */], {\n mdxType: "ThemeSwitcher"\n }), Object(esm["b" /* mdx */])("h1", {\n "id": "responsive-using-breakpoints-in-styledcomponents"\n }, "Responsive: Using breakpoints in StyledComponents"), Object(esm["b" /* mdx */])(dist["o" /* StoryNote */], {\n mdxType: "StoryNote"\n }, Object(esm["b" /* mdx */])("p", null, "Storybook is rendering this page inside of an ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "iframe"), "! The width taken into account by the media query is that of the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "iframe"), " and not the full viewport window. Hide Storybook\'s navigation sidebar (or pop out this page) to preview the media query against the full browser width.")), Object(esm["b" /* mdx */])("h2", {\n "id": "using-the-minwidth-mixin"\n }, "Using the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "h2"\n }, "minWidth"), " mixin"), Object(esm["b" /* mdx */])("p", null, "Import the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "minWidth(breakpoint: Breakpoint)"), " mixin from ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-core"), "."), Object(esm["b" /* mdx */])("p", null, Object(esm["b" /* mdx */])("strong", {\n parentName: "p"\n }, Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "strong"\n }, "type Breakpoint ="), " one of:")), Object(esm["b" /* mdx */])(BreakpointList["a" /* BreakpointList */], {\n k: function k(key) {\n return Object(esm["b" /* mdx */])(react_default.a.Fragment, null, "\'", key, "\'");\n },\n v: function v(value) {\n return Object(esm["b" /* mdx */])("code", null, "(min-width: ", value, "px)");\n },\n mdxType: "BreakpointList"\n }), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-ts"\n }, "import { root } from \'@preply/ds-core\';\\nimport { minWidth, getTokenVar as t } from \'@preply/ds-web-core\';\\nimport styled from \'styled-components\';\\n\\nexport const MyStyledComponentUsesMixin = styled.div`\\n display: flex;\\n flex-direction: column;\\n gap: ${t(root.space.s)};\\n\\n ${minWidth(\'medium-l\')} {\\n flex-direction: row;\\n }\\n`;\\n")), Object(esm["b" /* mdx */])("p", null, "The following examples renders the above ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "MyStyledComponentUsesMixin"), ". Change the browser\'s width to see the layout alternate between ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "column"), " and ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "row"), "."), Object(esm["b" /* mdx */])(dist_esm["b" /* Canvas */], {\n mdxSource: "%0A%3CMyStyledComponentUsesMixin%3E%0A%20%20%20%20%20%20%20%20%3CButton%3EDo%20the%20thing%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3CButton%20variant=%22secondary%22%3ECancel%20it%3C/Button%3E%0A%20%20%20%20%3C/MyStyledComponentUsesMixin%3E%0A",\n mdxType: "Canvas"\n }, Object(esm["b" /* mdx */])(MyStyledComponentUsesMixin, {\n mdxType: "MyStyledComponentUsesMixin"\n }, Object(esm["b" /* mdx */])(Button["a" /* Button */], {\n mdxType: "Button"\n }, "Do the thing"), Object(esm["b" /* mdx */])(Button["a" /* Button */], {\n variant: "secondary",\n mdxType: "Button"\n }, "Cancel it"))), Object(esm["b" /* mdx */])("h2", {\n "id": "using-breakpoint-variables"\n }, "Using Breakpoint variables"), Object(esm["b" /* mdx */])("p", null, "Alternatively you can assemble the media query by importing the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "BREAKPOINT"), " variable from ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-core"), "."), Object(esm["b" /* mdx */])(dist["o" /* StoryNote */], {\n type: "warning",\n mdxType: "StoryNote"\n }, Object(esm["b" /* mdx */])("p", null, "We recommend using only ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "min-width"), " media queries in order to structure your code with a \\"mobile first\\" approach."), Object(esm["b" /* mdx */])("p", null, "Check out this ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "small article (3 min read)"), " for a quick explanation why.")), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-ts"\n }, "import { BREAKPOINT, root } from \'@preply/ds-core\';\\nimport { getTokenVar as t } from \'@preply/ds-web-core\';\\nimport styled from \'styled-components\';\\n\\nexport const MyStyledComponentUsesBreakpoint = styled.div`\\n display: flex;\\n flex-direction: column;\\n gap: ${t(root.space.s)};\\n\\n @media (min-width: ${BREAKPOINT[\'medium-l\']}px) {\\n flex-direction: row;\\n }\\n`;\\n")), Object(esm["b" /* mdx */])("p", null, "The following example renders the above ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "MyStyledComponentUsesBreakpoint"), ". Change the browser\'s width to see the layout alternate between ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "column"), " and ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "row"), "."), Object(esm["b" /* mdx */])(dist_esm["b" /* Canvas */], {\n mdxSource: "%0A%3CMyStyledComponentUsesBreakpoint%3E%0A%20%20%20%20%20%20%20%20%3CButton%3EDo%20the%20thing%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3CButton%20variant=%22secondary%22%3ECancel%20it%3C/Button%3E%0A%20%20%20%20%3C/MyStyledComponentUsesBreakpoint%3E%0A",\n mdxType: "Canvas"\n }, Object(esm["b" /* mdx */])(MyStyledComponentUsesBreakpoint, {\n mdxType: "MyStyledComponentUsesBreakpoint"\n }, Object(esm["b" /* mdx */])(Button["a" /* Button */], {\n mdxType: "Button"\n }, "Do the thing"), Object(esm["b" /* mdx */])(Button["a" /* Button */], {\n variant: "secondary",\n mdxType: "Button"\n }, "Cancel it"))));\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: \'Guides/Responsive/Breakpoints in StyledComponents\',\n parameters: {\n docs: {\n container: DocContextDSWeb["a" /* DocContextDSWeb */]\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(esm["b" /* mdx */])(dist_esm["a" /* AddContext */], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(esm["b" /* mdx */])(MDXContent, null));\n }\n});\n/* harmony default export */ var _10_using_breakpoints_in_sc_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2V4YW1wbGVzL015U3R5bGVkQ29tcG9uZW50VXNlc0JyZWFrcG9pbnQudHM/NWJjMiIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2V4YW1wbGVzL015U3R5bGVkQ29tcG9uZW50VXNlc01peGluLnRzPzNhMDciLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNTAucmVzcG9uc2l2ZS8xMC51c2luZy1icmVha3BvaW50cy1pbi1zYy5zdG9yaWVzLm1keD83YjY4Il0sIm5hbWVzIjpbIk15U3R5bGVkQ29tcG9uZW50VXNlc0JyZWFrcG9pbnQiLCJzdHlsZWQiLCJkaXYiLCJ0Iiwicm9vdCIsInNwYWNlIiwicyIsIkJSRUFLUE9JTlQiLCJNeVN0eWxlZENvbXBvbmVudFVzZXNNaXhpbiIsIm1pbldpZHRoIiwibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImtleSIsInZhbHVlIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQU1PLElBQU1BLCtCQUErQixHQUFHQyxnREFBTSxDQUFDQyxHQUFWLHVOQUdqQ0MsMENBQUMsQ0FBQ0Msc0JBQUksQ0FBQ0MsS0FBTCxDQUFXQyxDQUFaLENBSGdDLEVBS25CQyxpQ0FBVSxDQUFDLFVBQUQsQ0FMUyxDQUFyQyxDOzs7Ozs7Ozs7OztBQ1JQO0FBQ0E7QUFDQTtBQU1PLElBQU1DLDBCQUEwQixHQUFHUCxnREFBTSxDQUFDQyxHQUFWLDJGQUFHLG9MQUcvQkMsMENBQUMsQ0FBQ0Msc0JBQUksQ0FBQ0MsS0FBTCxDQUFXQyxDQUFaLENBSDJCLEVBS2pDRyxrQ0FBUSxDQUFDLFVBQUQsQ0FMeUIsQ0FBaEMsQzs7Ozs7Ozs7Ozs7Ozs7QUNQUDtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1DLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sMkJBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU1MLDJCQUFDLHdCQUFEO0FBQU0sU0FBSyxFQUFDLG1EQUFaO0FBQWdFLGNBQVUsRUFBRTtBQUMxRUUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLDBDQUFlQTtBQUR0QjtBQURvRSxLQUE1RTtBQUlHLFdBQU8sRUFBQztBQUpYLElBTkssRUFXTCwyQkFBQyxzQ0FBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVhLLEVBWUw7QUFDRSxVQUFNO0FBRFIseURBWkssRUFlTCwyQkFBQyx5QkFBRDtBQUFXLFdBQU8sRUFBQztBQUFuQixLQUNFLHdGQUFxRDtBQUFZLGNBQVUsRUFBQztBQUF2QixjQUFyRCx1RUFBNEs7QUFBWSxjQUFVLEVBQUM7QUFBdkIsY0FBNUssNkpBREYsQ0FmSyxFQWtCTDtBQUNFLFVBQU07QUFEUixtQkFFaUI7QUFBWSxjQUFVLEVBQUM7QUFBdkIsZ0JBRmpCLFdBbEJLLEVBcUJMLHFEQUFrQjtBQUFZLGNBQVUsRUFBQztBQUF2Qix3Q0FBbEIsa0JBQThHO0FBQVksY0FBVSxFQUFDO0FBQXZCLDJCQUE5RyxNQXJCSyxFQXNCTCxzQ0FBRztBQUFRLGNBQVUsRUFBQztBQUFuQixLQUF1QjtBQUFZLGNBQVUsRUFBQztBQUF2Qix5QkFBdkIsYUFBSCxDQXRCSyxFQXVCTCwyQkFBQyx3Q0FBRDtBQUFnQixLQUFDLEVBQUUsV0FBQUMsR0FBRztBQUFBLGFBQUksZ0VBQUlBLEdBQUosTUFBSjtBQUFBLEtBQXRCO0FBQXdDLEtBQUMsRUFBRSxXQUFBQyxLQUFLO0FBQUEsYUFBSSx5REFBbUJBLEtBQW5CLFFBQUo7QUFBQSxLQUFoRDtBQUF5RixXQUFPLEVBQUM7QUFBakcsSUF2QkssRUF3Qkwsd0NBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLCtXQUFMLENBeEJLLEVBd0NMLG1GQUFnRDtBQUFZLGNBQVUsRUFBQztBQUF2QixrQ0FBaEQsdUVBQTJMO0FBQVksY0FBVSxFQUFDO0FBQXZCLGNBQTNMLFdBQXNQO0FBQVksY0FBVSxFQUFDO0FBQXZCLFdBQXRQLE1BeENLLEVBeUNMLDJCQUFDLDBCQUFEO0FBQVEsYUFBUyxFQUFDLHFQQUFsQjtBQUF3USxXQUFPLEVBQUM7QUFBaFIsS0FDQSwyQkFBQywwQkFBRDtBQUE0QixXQUFPLEVBQUM7QUFBcEMsS0FDSSwyQkFBQyx3QkFBRDtBQUFRLFdBQU8sRUFBQztBQUFoQixvQkFESixFQUVJLDJCQUFDLHdCQUFEO0FBQVEsV0FBTyxFQUFDLFdBQWhCO0FBQTRCLFdBQU8sRUFBQztBQUFwQyxpQkFGSixDQURBLENBekNLLEVBK0NMO0FBQ0UsVUFBTTtBQURSLGtDQS9DSyxFQWtETCwwR0FBdUU7QUFBWSxjQUFVLEVBQUM7QUFBdkIsa0JBQXZFLHFCQUFnSjtBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBaEosTUFsREssRUFtREwsMkJBQUMseUJBQUQ7QUFBVyxRQUFJLEVBQUMsU0FBaEI7QUFBMEIsV0FBTyxFQUFDO0FBQWxDLEtBQ0Usa0VBQStCO0FBQVksY0FBVSxFQUFDO0FBQXZCLGlCQUEvQixxRkFERixFQUVFLHlEQUFzQjtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ2xCLFlBQVEsOEVBRFU7QUFFbEIsY0FBVSxRQUZRO0FBR2xCLFdBQU87QUFIVyxrQ0FBdEIsa0NBRkYsQ0FuREssRUEyREwsd0NBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLDhZQUFMLENBM0RLLEVBMkVMLGtGQUErQztBQUFZLGNBQVUsRUFBQztBQUF2Qix1Q0FBL0MsdUVBQStMO0FBQVksY0FBVSxFQUFDO0FBQXZCLGNBQS9MLFdBQTBQO0FBQVksY0FBVSxFQUFDO0FBQXZCLFdBQTFQLE1BM0VLLEVBNEVMLDJCQUFDLDBCQUFEO0FBQVEsYUFBUyxFQUFDLCtQQUFsQjtBQUFrUixXQUFPLEVBQUM7QUFBMVIsS0FDQSwyQkFBQywrQkFBRDtBQUFpQyxXQUFPLEVBQUM7QUFBekMsS0FDSSwyQkFBQyx3QkFBRDtBQUFRLFdBQU8sRUFBQztBQUFoQixvQkFESixFQUVJLDJCQUFDLHdCQUFEO0FBQVEsV0FBTyxFQUFDLFdBQWhCO0FBQTRCLFdBQU8sRUFBQztBQUFwQyxpQkFGSixDQURBLENBNUVLLENBQVA7QUFtRkQ7O0FBdkZRUCxVO0FBeUZUO0FBQ0FBLFVBQVUsQ0FBQ1EsY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsbURBQVQ7QUFBOERILFlBQVUsRUFBRTtBQUM5RlIsUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsMENBQWVBO0FBRHRCO0FBRHdGLEdBQTFFO0FBSW5CVSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCUixJQUF6QixxQkFDTVUsYUFBYSxDQUFDRixVQUFkLENBQXlCUixJQUF6QixJQUFpQyxFQUR2QztBQUVFYyxNQUFJLEVBQUU7QUFBQSxXQUFNLDJCQUFDLDhCQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsMkJBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSxzSEFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzUwLnJlc3BvbnNpdmUvMTAudXNpbmctYnJlYWtwb2ludHMtaW4tc2Muc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCUkVBS1BPSU5ULCBUZXh0U2l6ZSwgcm9vdCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBnZXRUb2tlblZhciBhcyB0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBzaXplOiBUZXh0U2l6ZTtcbn1cblxuZXhwb3J0IGNvbnN0IE15U3R5bGVkQ29tcG9uZW50VXNlc0JyZWFrcG9pbnQgPSBzdHlsZWQuZGl2PFByb3BzPmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiAke3Qocm9vdC5zcGFjZS5zKX07XG5cbiAgICBAbWVkaWEgKG1pbi13aWR0aDogJHtCUkVBS1BPSU5UWydtZWRpdW0tbCddfXB4KSB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgfVxuYDtcbiIsImltcG9ydCB7IFRleHRTaXplLCByb290IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IG1pbldpZHRoLCBnZXRUb2tlblZhciBhcyB0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBzaXplOiBUZXh0U2l6ZTtcbn1cblxuZXhwb3J0IGNvbnN0IE15U3R5bGVkQ29tcG9uZW50VXNlc01peGluID0gc3R5bGVkLmRpdjxQcm9wcz5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGdhcDogJHt0KHJvb3Quc3BhY2Uucyl9O1xuXG4gICAgJHttaW5XaWR0aCgnbWVkaXVtLWwnKX0ge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIH1cbmA7XG4iLCJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NNZXRhZGF0YSwgU3RvcnlOb3RlIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBCcmVha3BvaW50TGlzdCB9IGZyb20gJy4vY29tcG9uZW50cy9CcmVha3BvaW50TGlzdCc7XG5pbXBvcnQgeyBNeVN0eWxlZENvbXBvbmVudFVzZXNCcmVha3BvaW50IH0gZnJvbSAnLi9leGFtcGxlcy9NeVN0eWxlZENvbXBvbmVudFVzZXNCcmVha3BvaW50JztcbmltcG9ydCB7IE15U3R5bGVkQ29tcG9uZW50VXNlc01peGluIH0gZnJvbSAnLi9leGFtcGxlcy9NeVN0eWxlZENvbXBvbmVudFVzZXNNaXhpbic7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9SZXNwb25zaXZlL0JyZWFrcG9pbnRzIGluIFN0eWxlZENvbXBvbmVudHNcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJyZXNwb25zaXZlLXVzaW5nLWJyZWFrcG9pbnRzLWluLXN0eWxlZGNvbXBvbmVudHNcIlxuICAgIH19PntgUmVzcG9uc2l2ZTogVXNpbmcgYnJlYWtwb2ludHMgaW4gU3R5bGVkQ29tcG9uZW50c2B9PC9oMT5cbiAgICA8U3RvcnlOb3RlIG1keFR5cGU9XCJTdG9yeU5vdGVcIj5cbiAgICAgIDxwPntgU3Rvcnlib29rIGlzIHJlbmRlcmluZyB0aGlzIHBhZ2UgaW5zaWRlIG9mIGFuIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGlmcmFtZWB9PC9pbmxpbmVDb2RlPntgISBUaGUgd2lkdGggdGFrZW4gaW50byBhY2NvdW50IGJ5IHRoZSBtZWRpYSBxdWVyeSBpcyB0aGF0IG9mIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BpZnJhbWVgfTwvaW5saW5lQ29kZT57YCBhbmQgbm90IHRoZSBmdWxsIHZpZXdwb3J0IHdpbmRvdy4gSGlkZSBTdG9yeWJvb2sncyBuYXZpZ2F0aW9uIHNpZGViYXIgKG9yIHBvcCBvdXQgdGhpcyBwYWdlKSB0byBwcmV2aWV3IHRoZSBtZWRpYSBxdWVyeSBhZ2FpbnN0IHRoZSBmdWxsIGJyb3dzZXIgd2lkdGguYH08L3A+XG4gICAgPC9TdG9yeU5vdGU+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwidXNpbmctdGhlLW1pbndpZHRoLW1peGluXCJcbiAgICB9fT57YFVzaW5nIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoMlwiPntgbWluV2lkdGhgfTwvaW5saW5lQ29kZT57YCBtaXhpbmB9PC9oMj5cbiAgICA8cD57YEltcG9ydCB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgbWluV2lkdGgoYnJlYWtwb2ludDogQnJlYWtwb2ludClgfTwvaW5saW5lQ29kZT57YCBtaXhpbiBmcm9tIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBwcmVwbHkvZHMtd2ViLWNvcmVgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInN0cm9uZ1wiPntgdHlwZSBCcmVha3BvaW50ID1gfTwvaW5saW5lQ29kZT57YCBvbmUgb2Y6YH08L3N0cm9uZz48L3A+XG4gICAgPEJyZWFrcG9pbnRMaXN0IGs9e2tleSA9PiA8Pid7a2V5fSc8Lz59IHY9e3ZhbHVlID0+IDxjb2RlPihtaW4td2lkdGg6IHt2YWx1ZX1weCk8L2NvZGU+fSBtZHhUeXBlPVwiQnJlYWtwb2ludExpc3RcIiAvPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHNcIlxuICAgICAgfX0+e2BpbXBvcnQgeyByb290IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IG1pbldpZHRoLCBnZXRUb2tlblZhciBhcyB0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IE15U3R5bGVkQ29tcG9uZW50VXNlc01peGluID0gc3R5bGVkLmRpdlxcYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IFxcJHt0KHJvb3Quc3BhY2Uucyl9O1xuXG4gICAgXFwke21pbldpZHRoKCdtZWRpdW0tbCcpfSB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgfVxuXFxgO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BUaGUgZm9sbG93aW5nIGV4YW1wbGVzIHJlbmRlcnMgdGhlIGFib3ZlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YE15U3R5bGVkQ29tcG9uZW50VXNlc01peGluYH08L2lubGluZUNvZGU+e2AuIENoYW5nZSB0aGUgYnJvd3NlcidzIHdpZHRoIHRvIHNlZSB0aGUgbGF5b3V0IGFsdGVybmF0ZSBiZXR3ZWVuIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGNvbHVtbmB9PC9pbmxpbmVDb2RlPntgIGFuZCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Byb3dgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ015U3R5bGVkQ29tcG9uZW50VXNlc01peGluJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTNFRG8lMjB0aGUlMjB0aGluZyUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnNlY29uZGFyeSUyMiUzRUNhbmNlbCUyMGl0JTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUzQy9NeVN0eWxlZENvbXBvbmVudFVzZXNNaXhpbiUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TXlTdHlsZWRDb21wb25lbnRVc2VzTWl4aW4gbWR4VHlwZT1cIk15U3R5bGVkQ29tcG9uZW50VXNlc01peGluXCI+XG4gICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPkRvIHRoZSB0aGluZzwvQnV0dG9uPlxuICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBtZHhUeXBlPVwiQnV0dG9uXCI+Q2FuY2VsIGl0PC9CdXR0b24+XG4gICAgPC9NeVN0eWxlZENvbXBvbmVudFVzZXNNaXhpbj5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJ1c2luZy1icmVha3BvaW50LXZhcmlhYmxlc1wiXG4gICAgfX0+e2BVc2luZyBCcmVha3BvaW50IHZhcmlhYmxlc2B9PC9oMj5cbiAgICA8cD57YEFsdGVybmF0aXZlbHkgeW91IGNhbiBhc3NlbWJsZSB0aGUgbWVkaWEgcXVlcnkgYnkgaW1wb3J0aW5nIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BCUkVBS1BPSU5UYH08L2lubGluZUNvZGU+e2AgdmFyaWFibGUgZnJvbSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BAcHJlcGx5L2RzLWNvcmVgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8U3RvcnlOb3RlIHR5cGU9XCJ3YXJuaW5nXCIgbWR4VHlwZT1cIlN0b3J5Tm90ZVwiPlxuICAgICAgPHA+e2BXZSByZWNvbW1lbmQgdXNpbmcgb25seSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BtaW4td2lkdGhgfTwvaW5saW5lQ29kZT57YCBtZWRpYSBxdWVyaWVzIGluIG9yZGVyIHRvIHN0cnVjdHVyZSB5b3VyIGNvZGUgd2l0aCBhIFwibW9iaWxlIGZpcnN0XCIgYXBwcm9hY2guYH08L3A+XG4gICAgICA8cD57YENoZWNrIG91dCB0aGlzIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vbWVkaXVtLmNvbS9zd2xoL3VzZS1taW4td2lkdGgtbm90LW1heC13aWR0aC1pbi15b3VyLWNzcy1lNjg5OGZjZjZhNzhcIixcbiAgICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICAgIH19Pntgc21hbGwgYXJ0aWNsZSAoMyBtaW4gcmVhZClgfTwvYT57YCBmb3IgYSBxdWljayBleHBsYW5hdGlvbiB3aHkuYH08L3A+XG4gICAgPC9TdG9yeU5vdGU+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c1wiXG4gICAgICB9fT57YGltcG9ydCB7IEJSRUFLUE9JTlQsIHJvb3QgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgZ2V0VG9rZW5WYXIgYXMgdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBNeVN0eWxlZENvbXBvbmVudFVzZXNCcmVha3BvaW50ID0gc3R5bGVkLmRpdlxcYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IFxcJHt0KHJvb3Quc3BhY2Uucyl9O1xuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IFxcJHtCUkVBS1BPSU5UWydtZWRpdW0tbCddfXB4KSB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgfVxuXFxgO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BUaGUgZm9sbG93aW5nIGV4YW1wbGUgcmVuZGVycyB0aGUgYWJvdmUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgTXlTdHlsZWRDb21wb25lbnRVc2VzQnJlYWtwb2ludGB9PC9pbmxpbmVDb2RlPntgLiBDaGFuZ2UgdGhlIGJyb3dzZXIncyB3aWR0aCB0byBzZWUgdGhlIGxheW91dCBhbHRlcm5hdGUgYmV0d2VlbiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bjb2x1bW5gfTwvaW5saW5lQ29kZT57YCBhbmQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgcm93YH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPENhbnZhcyBtZHhTb3VyY2U9XCIlMEElM0NNeVN0eWxlZENvbXBvbmVudFVzZXNCcmVha3BvaW50JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTNFRG8lMjB0aGUlMjB0aGluZyUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnNlY29uZGFyeSUyMiUzRUNhbmNlbCUyMGl0JTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUzQy9NeVN0eWxlZENvbXBvbmVudFVzZXNCcmVha3BvaW50JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxNeVN0eWxlZENvbXBvbmVudFVzZXNCcmVha3BvaW50IG1keFR5cGU9XCJNeVN0eWxlZENvbXBvbmVudFVzZXNCcmVha3BvaW50XCI+XG4gICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPkRvIHRoZSB0aGluZzwvQnV0dG9uPlxuICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBtZHhUeXBlPVwiQnV0dG9uXCI+Q2FuY2VsIGl0PC9CdXR0b24+XG4gICAgPC9NeVN0eWxlZENvbXBvbmVudFVzZXNCcmVha3BvaW50PlxuICAgIDwvQ2FudmFzPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL1Jlc3BvbnNpdmUvQnJlYWtwb2ludHMgaW4gU3R5bGVkQ29tcG9uZW50cycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/50.responsive/10.using-breakpoints-in-sc.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/50.responsive/20.using-breakpoints-in-less.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_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _components_BreakpointList__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx");\n/* harmony import */ var _examples_MyComponentWithLessModule__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.tsx");\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: "Guides/Responsive/Breakpoints in Less",\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"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "responsive-using-breakpoints-in-lessjs"\n }, "Responsive: Using breakpoints in Less.js"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* StoryNote */ "o"], {\n mdxType: "StoryNote"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Storybook is rendering this page inside of an ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "iframe"), "! The width taken into account by the media query is that of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "iframe"), " and not the full viewport window. Hide Storybook\'s navigation sidebar (or pop out this page) to preview the media query against the full browser width.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "using-the-min-width-mixins"\n }, "Using the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("em", {\n parentName: "h2"\n }, "\\"min-width\\""), " mixins"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Mixins:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_components_BreakpointList__WEBPACK_IMPORTED_MODULE_11__[/* BreakpointList */ "a"], {\n k: function k(key) {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment, null, "@", key);\n },\n v: function v(value) {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", null, "(min-width: ", value, "px)");\n },\n mdxType: "BreakpointList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Import the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "breakpoints.less"), " file from the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-core"), " package and use the breakpoint name as a mixin."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-less"\n }, "@import \'@preply/ds-web-core/dist/generated/tokens.less\';\\n@import \'@preply/ds-web-core/dist/generated/breakpoints.less\';\\n\\n.some-css-class {\\n display: flex; // base rules (mobile first!)\\n flex-direction: column;\\n gap: @root-space-s;\\n\\n @media @medium-l {\\n flex-direction: row;\\n }\\n}\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The following example renders the above ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "MyComponentWithLessModule"), ", which uses the above style. Change the browser\'s width to see the layout alternate between ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "column"), "and", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "row"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CMyComponentWithLessModule%3E%0A%20%20%20%20%20%20%20%20%3CButton%3EDo%20the%20thing%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3CButton%20variant=%22secondary%22%3ECancel%20it%3C/Button%3E%0A%20%20%20%20%3C/MyComponentWithLessModule%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_examples_MyComponentWithLessModule__WEBPACK_IMPORTED_MODULE_12__[/* MyComponentWithLessModule */ "a"], {\n mdxType: "MyComponentWithLessModule"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* 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_10__[/* Button */ "a"], {\n variant: "secondary",\n mdxType: "Button"\n }, "Cancel it"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "accessing-the-breakpoints-directly"\n }, "Accessing the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "@breakpoints"), " directly"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Alternatively you can use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@breakpoints"), " variable to access the pixel values directly."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* StoryNote */ "o"], {\n type: "warning",\n mdxType: "StoryNote"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "We recommend using only ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "min-width"), " media queries in order to structure your code with a \\"mobile first\\" approach."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Check out this ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "small article (3 min read)"), " for a quick explanation why.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_components_BreakpointList__WEBPACK_IMPORTED_MODULE_11__[/* BreakpointList */ "a"], {\n k: function k(key) {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment, null, "@breakpoints[", key, "]");\n },\n v: function v(value) {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", null, "(min-width: ", value, "px)");\n },\n mdxType: "BreakpointList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-less"\n }, "@import \'@preply/ds-web-core/dist/generated/breakpoints.less\';\\n\\n.some-css-class {\\n flex-direction: column; // base rules (mobile first!)\\n\\n @media (min-width: @breakpoints[medium-l]) {\\n flex-direction: row;\\n }\\n}\\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: \'Guides/Responsive/Breakpoints in Less\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlLzIwLnVzaW5nLWJyZWFrcG9pbnRzLWluLWxlc3Muc3Rvcmllcy5tZHg/Zjk3ZSJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwia2V5IiwidmFsdWUiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BTUwsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsdUNBQVo7QUFBb0QsY0FBVSxFQUFFO0FBQzlERSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRHdELEtBQWhFO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFOSyxFQVdMLGtFQUFDLDZFQUFEO0FBQWUsV0FBTyxFQUFDO0FBQXZCLElBWEssRUFZTDtBQUNFLFVBQU07QUFEUixnREFaSyxFQWVMLGtF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LElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QlIsSUFBekIscUJBQ01VLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QlIsSUFBekIsSUFBaUMsRUFEdkM7QUFFRWMsTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlLzIwLnVzaW5nLWJyZWFrcG9pbnRzLWluLWxlc3Muc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NNZXRhZGF0YSwgU3RvcnlOb3RlIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBCcmVha3BvaW50TGlzdCB9IGZyb20gJy4vY29tcG9uZW50cy9CcmVha3BvaW50TGlzdCc7XG5pbXBvcnQgeyBNeUNvbXBvbmVudFdpdGhMZXNzTW9kdWxlIH0gZnJvbSAnLi9leGFtcGxlcy9NeUNvbXBvbmVudFdpdGhMZXNzTW9kdWxlJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL1Jlc3BvbnNpdmUvQnJlYWtwb2ludHMgaW4gTGVzc1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInJlc3BvbnNpdmUtdXNpbmctYnJlYWtwb2ludHMtaW4tbGVzc2pzXCJcbiAgICB9fT57YFJlc3BvbnNpdmU6IFVzaW5nIGJyZWFrcG9pbnRzIGluIExlc3MuanNgfTwvaDE+XG4gICAgPFN0b3J5Tm90ZSBtZHhUeXBlPVwiU3RvcnlOb3RlXCI+XG4gICAgICA8cD57YFN0b3J5Ym9vayBpcyByZW5kZXJpbmcgdGhpcyBwYWdlIGluc2lkZSBvZiBhbiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BpZnJhbWVgfTwvaW5saW5lQ29kZT57YCEgVGhlIHdpZHRoIHRha2VuIGludG8gYWNjb3VudCBieSB0aGUgbWVkaWEgcXVlcnkgaXMgdGhhdCBvZiB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgaWZyYW1lYH08L2lubGluZUNvZGU+e2AgYW5kIG5vdCB0aGUgZnVsbCB2aWV3cG9ydCB3aW5kb3cuIEhpZGUgU3Rvcnlib29rJ3MgbmF2aWdhdGlvbiBzaWRlYmFyIChvciBwb3Agb3V0IHRoaXMgcGFnZSkgdG8gcHJldmlldyB0aGUgbWVkaWEgcXVlcnkgYWdhaW5zdCB0aGUgZnVsbCBicm93c2VyIHdpZHRoLmB9PC9wPlxuICAgIDwvU3RvcnlOb3RlPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInVzaW5nLXRoZS1taW4td2lkdGgtbWl4aW5zXCJcbiAgICB9fT57YFVzaW5nIHRoZSBgfTxlbSBwYXJlbnROYW1lPVwiaDJcIj57YFwibWluLXdpZHRoXCJgfTwvZW0+e2AgbWl4aW5zYH08L2gyPlxuICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YE1peGluczpgfTwvc3Ryb25nPjwvcD5cbiAgICA8QnJlYWtwb2ludExpc3Qgaz17a2V5ID0+IDw+QHtrZXl9PC8+fSB2PXt2YWx1ZSA9PiA8Y29kZT4obWluLXdpZHRoOiB7dmFsdWV9cHgpPC9jb2RlPn0gbWR4VHlwZT1cIkJyZWFrcG9pbnRMaXN0XCIgLz5cbiAgICA8cD57YEltcG9ydCB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgYnJlYWtwb2ludHMubGVzc2B9PC9pbmxpbmVDb2RlPntgIGZpbGUgZnJvbSB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS9kcy13ZWItY29yZWB9PC9pbmxpbmVDb2RlPntgIHBhY2thZ2UgYW5kIHVzZSB0aGUgYnJlYWtwb2ludCBuYW1lIGFzIGEgbWl4aW4uYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1sZXNzXCJcbiAgICAgIH19PntgQGltcG9ydCAnQHByZXBseS9kcy13ZWItY29yZS9kaXN0L2dlbmVyYXRlZC90b2tlbnMubGVzcyc7XG5AaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL2JyZWFrcG9pbnRzLmxlc3MnO1xuXG4uc29tZS1jc3MtY2xhc3Mge1xuICAgIGRpc3BsYXk6IGZsZXg7IC8vIGJhc2UgcnVsZXMgKG1vYmlsZSBmaXJzdCEpXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IEByb290LXNwYWNlLXM7XG5cbiAgICBAbWVkaWEgQG1lZGl1bS1sIHtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICB9XG59XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFRoZSBmb2xsb3dpbmcgZXhhbXBsZSByZW5kZXJzIHRoZSBhYm92ZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BNeUNvbXBvbmVudFdpdGhMZXNzTW9kdWxlYH08L2lubGluZUNvZGU+e2AsIHdoaWNoIHVzZXMgdGhlIGFib3ZlIHN0eWxlLiBDaGFuZ2UgdGhlIGJyb3dzZXIncyB3aWR0aCB0byBzZWUgdGhlIGxheW91dCBhbHRlcm5hdGUgYmV0d2VlbiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bjb2x1bW5gfTwvaW5saW5lQ29kZT57YGFuZGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHJvd2B9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDTXlDb21wb25lbnRXaXRoTGVzc01vZHVsZSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUzRURvJTIwdGhlJTIwdGhpbmclM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTIwdmFyaWFudD0lMjJzZWNvbmRhcnklMjIlM0VDYW5jZWwlMjBpdCUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlM0MvTXlDb21wb25lbnRXaXRoTGVzc01vZHVsZSUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TXlDb21wb25lbnRXaXRoTGVzc01vZHVsZSBtZHhUeXBlPVwiTXlDb21wb25lbnRXaXRoTGVzc01vZHVsZVwiPlxuICAgICAgICA8QnV0dG9uIG1keFR5cGU9XCJCdXR0b25cIj5EbyB0aGUgdGhpbmc8L0J1dHRvbj5cbiAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwic2Vjb25kYXJ5XCIgbWR4VHlwZT1cIkJ1dHRvblwiPkNhbmNlbCBpdDwvQnV0dG9uPlxuICAgIDwvTXlDb21wb25lbnRXaXRoTGVzc01vZHVsZT5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJhY2Nlc3NpbmctdGhlLWJyZWFrcG9pbnRzLWRpcmVjdGx5XCJcbiAgICB9fT57YEFjY2Vzc2luZyB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDJcIj57YEBicmVha3BvaW50c2B9PC9pbmxpbmVDb2RlPntgIGRpcmVjdGx5YH08L2gyPlxuICAgIDxwPntgQWx0ZXJuYXRpdmVseSB5b3UgY2FuIHVzZSB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQGJyZWFrcG9pbnRzYH08L2lubGluZUNvZGU+e2AgdmFyaWFibGUgdG8gYWNjZXNzIHRoZSBwaXhlbCB2YWx1ZXMgZGlyZWN0bHkuYH08L3A+XG4gICAgPFN0b3J5Tm90ZSB0eXBlPVwid2FybmluZ1wiIG1keFR5cGU9XCJTdG9yeU5vdGVcIj5cbiAgICAgIDxwPntgV2UgcmVjb21tZW5kIHVzaW5nIG9ubHkgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgbWluLXdpZHRoYH08L2lubGluZUNvZGU+e2AgbWVkaWEgcXVlcmllcyBpbiBvcmRlciB0byBzdHJ1Y3R1cmUgeW91ciBjb2RlIHdpdGggYSBcIm1vYmlsZSBmaXJzdFwiIGFwcHJvYWNoLmB9PC9wPlxuICAgICAgPHA+e2BDaGVjayBvdXQgdGhpcyBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCJodHRwczovL21lZGl1bS5jb20vc3dsaC91c2UtbWluLXdpZHRoLW5vdC1tYXgtd2lkdGgtaW4teW91ci1jc3MtZTY4OThmY2Y2YTc4XCIsXG4gICAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgICB9fT57YHNtYWxsIGFydGljbGUgKDMgbWluIHJlYWQpYH08L2E+e2AgZm9yIGEgcXVpY2sgZXhwbGFuYXRpb24gd2h5LmB9PC9wPlxuICAgIDwvU3RvcnlOb3RlPlxuICAgIDxCcmVha3BvaW50TGlzdCBrPXtrZXkgPT4gPD5AYnJlYWtwb2ludHNbe2tleX1dPC8+fSB2PXt2YWx1ZSA9PiA8Y29kZT4obWluLXdpZHRoOiB7dmFsdWV9cHgpPC9jb2RlPn0gbWR4VHlwZT1cIkJyZWFrcG9pbnRMaXN0XCIgLz5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLWxlc3NcIlxuICAgICAgfX0+e2BAaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL2JyZWFrcG9pbnRzLmxlc3MnO1xuXG4uc29tZS1jc3MtY2xhc3Mge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47IC8vIGJhc2UgcnVsZXMgKG1vYmlsZSBmaXJzdCEpXG5cbiAgICBAbWVkaWEgKG1pbi13aWR0aDogQGJyZWFrcG9pbnRzW21lZGl1bS1sXSkge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIH1cbn1cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL1Jlc3BvbnNpdmUvQnJlYWtwb2ludHMgaW4gTGVzcycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/50.responsive/20.using-breakpoints-in-less.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return BreakpointList; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_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_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../node_modules/core-js/modules/es.function.name.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../node_modules/core-js/modules/es.array.from.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../node_modules/core-js/modules/es.array.map.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../node_modules/core-js/modules/es.object.entries.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../packages/core/dist/generated/breakpoints.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js");\n\n\n\n\n\n\n\n\n\n\n\n\nvar _templateObject, _templateObject2, _templateObject3;\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\n\nvar Table = styled_components__WEBPACK_IMPORTED_MODULE_15__[/* default */ "b"].table(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n font-size: 14px;\\n"])));\nvar Key = styled_components__WEBPACK_IMPORTED_MODULE_15__[/* default */ "b"].td(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\\n padding: 0px 40px 10px 20px;\\n"])));\nvar Value = styled_components__WEBPACK_IMPORTED_MODULE_15__[/* default */ "b"].td(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\\n padding: 0px 40px 10px 20px;\\n"])));\nvar BreakpointList = function BreakpointList(_ref) {\n var k = _ref.k,\n v = _ref.v;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Table, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("tbody", null, Object.entries(_preply_ds_core__WEBPACK_IMPORTED_MODULE_13__[/* BREAKPOINT */ "a"]).map(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n key = _ref3[0],\n value = _ref3[1];\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("tr", {\n key: key\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Key, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("code", null, k ? k(key) : key)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Value, null, v ? v(value) : value));\n })));\n};\nBreakpointList.displayName = "BreakpointList";\n\ntry {\n // @ts-ignore\n BreakpointList.displayName = "BreakpointList";\n // @ts-ignore\n BreakpointList.__docgenInfo = { "description": "", "displayName": "BreakpointList", "props": { "k": { "defaultValue": null, "description": "", "name": "k", "required": false, "type": { "name": "((value: string) => ReactNode)" } }, "v": { "defaultValue": null, "description": "", "name": "v", "required": false, "type": { "name": "((value: number) => ReactNode)" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx#BreakpointList"] = { docgenInfo: BreakpointList.__docgenInfo, name: "BreakpointList", path: "../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx#BreakpointList" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2NvbXBvbmVudHMvQnJlYWtwb2ludExpc3QudHN4PzU1OWYiXSwibmFtZXMiOlsiVGFibGUiLCJzdHlsZWQiLCJ0YWJsZSIsIktleSIsInRkIiwiVmFsdWUiLCJCcmVha3BvaW50TGlzdCIsImsiLCJ2IiwiT2JqZWN0IiwiZW50cmllcyIsIkJSRUFLUE9JTlQiLCJtYXAiLCJrZXkiLCJ2YWx1ZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFPQSxJQUFNQSxLQUFLLEdBQUdDLGtFQUFNLENBQUNDLEtBQVYsa0dBQVg7QUFJQSxJQUFNQyxHQUFHLEdBQUdGLGtFQUFNLENBQUNHLEVBQVYsZ0hBQVQ7QUFJQSxJQUFNQyxLQUFLLEdBQUdKLGtFQUFNLENBQUNHLEVBQVYsZ0hBQVg7QUFJTyxJQUFNRSxjQUF5QixHQUFHLFNBQTVCQSxjQUE0QixPQUFjO0FBQUEsTUFBWEMsQ0FBVyxRQUFYQSxDQUFXO0FBQUEsTUFBUkMsQ0FBUSxRQUFSQSxDQUFRO0FBQ25ELHNCQUNJLDREQUFDLEtBQUQscUJBQ0ksMkVBQ0tDLE1BQU0sQ0FBQ0MsT0FBUCxDQUFlQyxtRUFBZixFQUEyQkMsR0FBM0IsQ0FBK0I7QUFBQTtBQUFBLFFBQUVDLEdBQUY7QUFBQSxRQUFPQyxLQUFQOztBQUFBLHdCQUM1QjtBQUFJLFNBQUcsRUFBRUQ7QUFBVCxvQkFDSSw0REFBQyxHQUFELHFCQUNJLDBFQUFPTixDQUFDLEdBQUdBLENBQUMsQ0FBQ00sR0FBRCxDQUFKLEdBQVlBLEdBQXBCLENBREosQ0FESixlQUlJLDREQUFDLEtBQUQsUUFBUUwsQ0FBQyxHQUFHQSxDQUFDLENBQUNNLEtBQUQsQ0FBSixHQUFjQSxLQUF2QixDQUpKLENBRDRCO0FBQUEsR0FBL0IsQ0FETCxDQURKLENBREo7QUFjSCxDQWZNO0FBQU1SLGMiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2NvbXBvbmVudHMvQnJlYWtwb2ludExpc3QudHN4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQlJFQUtQT0lOVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG50eXBlIFByb3BzID0ge1xuICAgIGs/OiAodmFsdWU6IHN0cmluZykgPT4gUmVhY3ROb2RlO1xuICAgIHY/OiAodmFsdWU6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xufTtcblxuY29uc3QgVGFibGUgPSBzdHlsZWQudGFibGVgXG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuY29uc3QgS2V5ID0gc3R5bGVkLnRkYFxuICAgIHBhZGRpbmc6IDBweCA0MHB4IDEwcHggMjBweDtcbmA7XG5cbmNvbnN0IFZhbHVlID0gc3R5bGVkLnRkYFxuICAgIHBhZGRpbmc6IDBweCA0MHB4IDEwcHggMjBweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBCcmVha3BvaW50TGlzdDogRkM8UHJvcHM+ID0gKHsgaywgdiB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRhYmxlPlxuICAgICAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAgICAgIHtPYmplY3QuZW50cmllcyhCUkVBS1BPSU5UKS5tYXAoKFtrZXksIHZhbHVlXSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8dHIga2V5PXtrZXl9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPEtleT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y29kZT57ayA/IGsoa2V5KSA6IGtleX08L2NvZGU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0tleT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxWYWx1ZT57diA/IHYodmFsdWUpIDogdmFsdWV9PC9WYWx1ZT5cbiAgICAgICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvdGJvZHk+XG4gICAgICAgIDwvVGFibGU+XG4gICAgKTtcbn07XG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx\n')},"../docs-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ MyComponentWithLessModule_MyComponentWithLessModule; });\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\nvar react_default = /*#__PURE__*/__webpack_require__.n(react);\n\n// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\nvar injectStylesIntoStyleTag = __webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");\nvar injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);\n\n// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??ref--17-1!/home/jenkins/workspace/design-system_main/node_modules/postcss-loader/dist/cjs.js??ref--17-2!/home/jenkins/workspace/design-system_main/node_modules/less-loader/dist/cjs.js!.-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.module.less\nvar MyComponentWithLessModule_module = __webpack_require__("./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.module.less");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.module.less\n\n \n\nvar options = {};\n\noptions.insert = "head";\noptions.singleton = false;\n\nvar update = injectStylesIntoStyleTag_default()(MyComponentWithLessModule_module["a" /* default */], options);\n\n\n\n/* harmony default export */ var examples_MyComponentWithLessModule_module = (MyComponentWithLessModule_module["a" /* default */].locals || {});\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.tsx\n\n\nvar MyComponentWithLessModule_MyComponentWithLessModule = function MyComponentWithLessModule(_ref) {\n var children = _ref.children;\n return /*#__PURE__*/react_default.a.createElement("div", {\n className: examples_MyComponentWithLessModule_module.MyComponentWithLessModule\n }, children);\n};\nMyComponentWithLessModule_MyComponentWithLessModule.displayName = "MyComponentWithLessModule";\n\ntry {\n // @ts-ignore\n MyComponentWithLessModule_MyComponentWithLessModule.displayName = "MyComponentWithLessModule";\n // @ts-ignore\n MyComponentWithLessModule_MyComponentWithLessModule.__docgenInfo = { "description": "", "displayName": "MyComponentWithLessModule", "props": {} };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.tsx#MyComponentWithLessModule"] = { docgenInfo: MyComponentWithLessModule_MyComponentWithLessModule.__docgenInfo, name: "MyComponentWithLessModule", path: "../docs-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.tsx#MyComponentWithLessModule" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2V4YW1wbGVzL015Q29tcG9uZW50V2l0aExlc3NNb2R1bGUubW9kdWxlLmxlc3M/Y2Y3YyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2V4YW1wbGVzL015Q29tcG9uZW50V2l0aExlc3NNb2R1bGUudHN4PzIwMzQiXSwibmFtZXMiOlsiTXlDb21wb25lbnRXaXRoTGVzc01vZHVsZSIsImNoaWxkcmVuIiwic3R5bGUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBNkc7QUFDN0csWUFBb1I7O0FBRXBSOztBQUVBO0FBQ0E7O0FBRUEsYUFBYSxrQ0FBRyxDQUFDLG1EQUFPOzs7O0FBSVQsaUlBQU8sYUFBYSxFOztBQ1puQztBQUVBO0FBRU8sSUFBTUEsbURBQTZCLEdBQUcsU0FBaENBLHlCQUFnQyxPQUFrQjtBQUFBLE1BQWZDLFFBQWUsUUFBZkEsUUFBZTtBQUMzRCxzQkFBTztBQUFLLGFBQVMsRUFBRUMseUNBQUssQ0FBQ0Y7QUFBdEIsS0FBa0RDLFFBQWxELENBQVA7QUFDSCxDQUZNO0FBQU1ELG1EIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNTAucmVzcG9uc2l2ZS9leGFtcGxlcy9NeUNvbXBvbmVudFdpdGhMZXNzTW9kdWxlLnRzeC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBhcGkgZnJvbSBcIiEuLi8uLi8uLi8uLi8uLi8uLi9kb2NzL25vZGVfbW9kdWxlcy9zdHlsZS1sb2FkZXIvZGlzdC9ydW50aW1lL2luamVjdFN0eWxlc0ludG9TdHlsZVRhZy5qc1wiO1xuICAgICAgICAgICAgaW1wb3J0IGNvbnRlbnQgZnJvbSBcIiEhLi4vLi4vLi4vLi4vLi4vLi4vZG9jcy9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L2Nqcy5qcz8/cmVmLS0xNy0xIS4uLy4uLy4uLy4uLy4uLy4uLy4uL25vZGVfbW9kdWxlcy9wb3N0Y3NzLWxvYWRlci9kaXN0L2Nqcy5qcz8/cmVmLS0xNy0yIS4uLy4uLy4uLy4uLy4uLy4uLy4uL25vZGVfbW9kdWxlcy9sZXNzLWxvYWRlci9kaXN0L2Nqcy5qcyEuL015Q29tcG9uZW50V2l0aExlc3NNb2R1bGUubW9kdWxlLmxlc3NcIjtcblxudmFyIG9wdGlvbnMgPSB7fTtcblxub3B0aW9ucy5pbnNlcnQgPSBcImhlYWRcIjtcbm9wdGlvbnMuc2luZ2xldG9uID0gZmFsc2U7XG5cbnZhciB1cGRhdGUgPSBhcGkoY29udGVudCwgb3B0aW9ucyk7XG5cblxuXG5leHBvcnQgZGVmYXVsdCBjb250ZW50LmxvY2FscyB8fCB7fTsiLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL015Q29tcG9uZW50V2l0aExlc3NNb2R1bGUubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgY29uc3QgTXlDb21wb25lbnRXaXRoTGVzc01vZHVsZTogRkMgPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtzdHlsZS5NeUNvbXBvbmVudFdpdGhMZXNzTW9kdWxlfT57Y2hpbGRyZW59PC9kaXY+O1xufTtcbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.tsx\n')},"../docs-pages/docs/pages/30.guides/60.assets/assets.guide.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/DocContext.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_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../packages/media-icons/dist/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\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: "Guides/Assets/Icons",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContext */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "assets"\n }, "Assets"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryNote */ "o"], {\n mdxType: "StoryNote"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "We are working to systematize the assets we currently have and setup a workflow for adding, optimising, and classifying assets.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Are you working on icons, logos, illustrations as well? Reach out to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n href: "https://preply.slack.com/archives/C024EAEHP6V"\n }, "#design-system-public"), "!")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "coloring"\n }, "Coloring"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "monochrome--colorable"\n }, "Monochrome / colorable"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Colorable icons can be achieved by using paths/areas/shapes colorable by ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "fill"), " and not using ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "stroke"), " at all. Also, the svg should not provide a default ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "fill"), " attribute."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-svg"\n }, "<svg viewBox=\\"0 0 12 12\\" xmlns=\\"http://www.w3.org/2000/svg\\">\\n<path d=\\"M0 5.00002L6 1.12134L12 5.00002V7.00002V11H11V7.64646L6 10.8787L0 7.00002L0.773459 6.50002L6 9.8787L11 6.64646V5.64646L6 8.8787L0 5.00002Z\\" />\\n</svg>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-icon-docs--page"\n }, "Icon"), " component recolors the SVG using CSS, as illustrated by the following snippet."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3Cspan%20style=%7B%7B%0A%20%20display:%20\'inline-block\',%0A%20%20width:%20\'48px\'%0A%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CHatSvg%20style=%7B%7B%0A%20%20%20%20fill:%20\'#50BF16\'%0A%20%20%7D%7D%20/%3E%0A%20%20%20%20%3C/span%3E%0A%0A%3Cspan%20style=%7B%7B%0A%20%20display:%20\'inline-block\',%0A%20%20width:%20\'48px\'%0A%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3CHatSvg%20style=%7B%7B%0A%20%20%20%20fill:%20\'#AEB5BC\'%0A%20%20%7D%7D%20/%3E%0A%20%20%20%20%3C/span%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("span", {\n style: {\n display: \'inline-block\',\n width: \'48px\'\n }\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"], {\n style: {\n fill: \'#50BF16\'\n },\n mdxType: "HatSvg"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("span", {\n style: {\n display: \'inline-block\',\n width: \'48px\'\n }\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"], {\n style: {\n fill: \'#AEB5BC\'\n },\n mdxType: "HatSvg"\n }))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "We also get this great auto-magical effect for free: by applying the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "fill: \'currentColor\'"), " style on the SVG, the Icon component is ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "by default"), " colored according to the surrounded text."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3Cp%20style=%7B%7B%0A%20%20color:%20\'#3BB3BD\',%0A%20%20display:%20\'inline-flex\',%0A%20%20gap:%20\'10px\',%0A%20%20fontSize:%20\'18px\'%0A%7D%7D%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20style=%7B%7B%0A%20%20%20%20display:%20\'inline-block\',%0A%20%20%20%20width:%20\'24px\'%0A%20%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHatSvg%20style=%7B%7B%0A%20%20%20%20%20%20fill:%20\'currentColor\'%0A%20%20%20%20%7D%7D%20/%3E%0A%20%20%20%20%20%20%20%20%3C/span%3E%0A%20%20%20%20%20%20%20%20%3Cspan%3ELorem%20Ipsum%3C/span%3E%0A%20%20%20%20%3C/p%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", {\n style: {\n color: \'#3BB3BD\',\n display: \'inline-flex\',\n gap: \'10px\',\n fontSize: \'18px\'\n }\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("span", {\n style: {\n display: \'inline-block\',\n width: \'24px\'\n }\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"], {\n style: {\n fill: \'currentColor\'\n },\n mdxType: "HatSvg"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("span", null, "Lorem Ipsum"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "sizing"\n }, "Sizing"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "viewbox"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "viewbox")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "While it is easier to manage a collection of icons where the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "viewbox"), " is consistant among them (typically square in case of icons), the actual size of the viewbox is not very relevant."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If it\'s an icon, make sure it\'s a square viewbox."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In general, make sure the image is centered."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "width-and-height"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "width"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "height")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Do not provide ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "width"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "height"), " attributes on the SVG element."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "optimisation"\n }, "Optimisation"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "TODO"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "markup"\n }, "Markup"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Make sure the SVG source file uses ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "xmlns=\\"http://www.w3.org/2000/svg\\""), " otherwise the file can not be processed by tooling."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If you are loading the SVG inline (as opposed to using a loader that exposes a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "ReactSVGComponent"), ") make sure the source file contains ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "focusable=\\"false\\""), " as well."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If you are using React loader, make sure you render ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "focusable=\\"false\\""), " attribute."));\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: \'Guides/Assets/Icons\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContext */ "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5hc3NldHMvYXNzZXRzLmd1aWRlLnN0b3JpZXMubWR4P2Q1YTUiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHQiLCJkaXNwbGF5Iiwid2lkdGgiLCJmaWxsIiwiY29sb3IiLCJnYXAiLCJmb250U2l6ZSIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHFCQUFaO0FBQWtDLGNBQVUsRUFBRTtBQUM1Q0UsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLDBFQUFVQTtBQURqQjtBQURzQyxLQUE5QztBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUixjQVZLLEVBYUwsa0VBQUMseUVBQUQ7QUFBVyxXQUFPLEVBQUM7QUFBbkIsS0FDRSw2RUFBRztBQUFR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QUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxxQkFBVDtBQUFnQ0gsWUFBVSxFQUFFO0FBQ2hFWixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywwRUFBVUE7QUFEakI7QUFEMEQsR0FBNUM7QUFJbkJjLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJaLElBQXpCLHFCQUNNYyxhQUFhLENBQUNGLFVBQWQsQ0FBeUJaLElBQXpCLElBQWlDLEVBRHZDO0FBRUVrQixNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmFzc2V0cy9hc3NldHMuZ3VpZGUuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0IH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgU3RvcnlHcmlkLCBTdG9yeU5vdGUgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgSGF0U3ZnIGZyb20gJ0BwcmVwbHkvZHMtbWVkaWEtaWNvbnMvZGlzdC9oYXQuc3ZnJztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvQXNzZXRzL0ljb25zXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHRcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiYXNzZXRzXCJcbiAgICB9fT57YEFzc2V0c2B9PC9oMT5cbiAgICA8U3RvcnlOb3RlIG1keFR5cGU9XCJTdG9yeU5vdGVcIj5cbiAgICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YFdlIGFyZSB3b3JraW5nIHRvIHN5c3RlbWF0aXplIHRoZSBhc3NldHMgd2UgY3VycmVudGx5IGhhdmUgYW5kIHNldHVwIGEgd29ya2Zsb3cgZm9yIGFkZGluZywgb3B0aW1pc2luZywgYW5kIGNsYXNzaWZ5aW5nIGFzc2V0cy5gfTwvc3Ryb25nPjwvcD5cbiAgICAgIDxwPntgQXJlIHlvdSB3b3JraW5nIG9uIGljb25zLCBsb2dvcywgaWxsdXN0cmF0aW9ucyBhcyB3ZWxsPyBSZWFjaCBvdXQgdG8gYH08YSBocmVmPVwiaHR0cHM6Ly9wcmVwbHkuc2xhY2suY29tL2FyY2hpdmVzL0MwMjRFQUVIUDZWXCI+e2AjZGVzaWduLXN5c3RlbS1wdWJsaWNgfTwvYT57YCFgfTwvcD5cbiAgICA8L1N0b3J5Tm90ZT5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb2xvcmluZ1wiXG4gICAgfX0+e2BDb2xvcmluZ2B9PC9oMj5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJtb25vY2hyb21lLS1jb2xvcmFibGVcIlxuICAgIH19PntgTW9ub2Nocm9tZSAvIGNvbG9yYWJsZWB9PC9oMz5cbiAgICA8cD57YENvbG9yYWJsZSBpY29ucyBjYW4gYmUgYWNoaWV2ZWQgYnkgdXNpbmcgcGF0aHMvYXJlYXMvc2hhcGVzIGNvbG9yYWJsZSBieSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BmaWxsYH08L2lubGluZUNvZGU+e2AgYW5kIG5vdCB1c2luZyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BzdHJva2VgfTwvaW5saW5lQ29kZT57YCBhdCBhbGwuIEFsc28sIHRoZSBzdmcgc2hvdWxkIG5vdCBwcm92aWRlIGEgZGVmYXVsdCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BmaWxsYH08L2lubGluZUNvZGU+e2AgYXR0cmlidXRlLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2Utc3ZnXCJcbiAgICAgIH19PntgPHN2ZyB2aWV3Qm94PVwiMCAwIDEyIDEyXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuPHBhdGggZD1cIk0wIDUuMDAwMDJMNiAxLjEyMTM0TDEyIDUuMDAwMDJWNy4wMDAwMlYxMUgxMVY3LjY0NjQ2TDYgMTAuODc4N0wwIDcuMDAwMDJMMC43NzM0NTkgNi41MDAwMkw2IDkuODc4N0wxMSA2LjY0NjQ2VjUuNjQ2NDZMNiA4Ljg3ODdMMCA1LjAwMDAyWlwiIC8+XG48L3N2Zz5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgVGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1pY29uLWRvY3MtLXBhZ2VcIlxuICAgICAgfX0+e2BJY29uYH08L2E+e2AgY29tcG9uZW50IHJlY29sb3JzIHRoZSBTVkcgdXNpbmcgQ1NTLCBhcyBpbGx1c3RyYXRlZCBieSB0aGUgZm9sbG93aW5nIHNuaXBwZXQuYH08L3A+XG4gICAgPENhbnZhcyBtZHhTb3VyY2U9XCIlMEElM0NzcGFuJTIwc3R5bGU9JTdCJTdCJTBBJTIwJTIwZGlzcGxheTolMjAnaW5saW5lLWJsb2NrJywlMEElMjAlMjB3aWR0aDolMjAnNDhweCclMEElN0QlN0QlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIYXRTdmclMjBzdHlsZT0lN0IlN0IlMEElMjAlMjAlMjAlMjBmaWxsOiUyMCcjNTBCRjE2JyUwQSUyMCUyMCU3RCU3RCUyMC8lM0UlMEElMjAlMjAlMjAlMjAlM0Mvc3BhbiUzRSUwQSUwQSUzQ3NwYW4lMjBzdHlsZT0lN0IlN0IlMEElMjAlMjBkaXNwbGF5OiUyMCdpbmxpbmUtYmxvY2snLCUwQSUyMCUyMHdpZHRoOiUyMCc0OHB4JyUwQSU3RCU3RCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0hhdFN2ZyUyMHN0eWxlPSU3QiU3QiUwQSUyMCUyMCUyMCUyMGZpbGw6JTIwJyNBRUI1QkMnJTBBJTIwJTIwJTdEJTdEJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUzQy9zcGFuJTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxzcGFuIHN0eWxlPXt7XG4gICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICB3aWR0aDogJzQ4cHgnXG4gICAgICB9fT5cbiAgICAgICAgPEhhdFN2ZyBzdHlsZT17e1xuICAgICAgICAgIGZpbGw6ICcjNTBCRjE2J1xuICAgICAgICB9fSBtZHhUeXBlPVwiSGF0U3ZnXCIgLz5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gc3R5bGU9e3tcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICAgIHdpZHRoOiAnNDhweCdcbiAgICAgIH19PlxuICAgICAgICA8SGF0U3ZnIHN0eWxlPXt7XG4gICAgICAgICAgZmlsbDogJyNBRUI1QkMnXG4gICAgICAgIH19IG1keFR5cGU9XCJIYXRTdmdcIiAvPlxuICAgIDwvc3Bhbj5cbiAgICA8L0NhbnZhcz5cbiAgICA8cD57YFdlIGFsc28gZ2V0IHRoaXMgZ3JlYXQgYXV0by1tYWdpY2FsIGVmZmVjdCBmb3IgZnJlZTogYnkgYXBwbHlpbmcgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGZpbGw6ICdjdXJyZW50Q29sb3InYH08L2lubGluZUNvZGU+e2Agc3R5bGUgb24gdGhlIFNWRywgdGhlIEljb24gY29tcG9uZW50IGlzIGB9PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgYnkgZGVmYXVsdGB9PC9zdHJvbmc+e2AgY29sb3JlZCBhY2NvcmRpbmcgdG8gdGhlIHN1cnJvdW5kZWQgdGV4dC5gfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ3AlMjBzdHlsZT0lN0IlN0IlMEElMjAlMjBjb2xvcjolMjAnIzNCQjNCRCcsJTBBJTIwJTIwZGlzcGxheTolMjAnaW5saW5lLWZsZXgnLCUwQSUyMCUyMGdhcDolMjAnMTBweCcsJTBBJTIwJTIwZm9udFNpemU6JTIwJzE4cHgnJTBBJTdEJTdEJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDc3BhbiUyMHN0eWxlPSU3QiU3QiUwQSUyMCUyMCUyMCUyMGRpc3BsYXk6JTIwJ2lubGluZS1ibG9jaycsJTBBJTIwJTIwJTIwJTIwd2lkdGg6JTIwJzI0cHgnJTBBJTIwJTIwJTdEJTdEJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGF0U3ZnJTIwc3R5bGU9JTdCJTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwZmlsbDolMjAnY3VycmVudENvbG9yJyUwQSUyMCUyMCUyMCUyMCU3RCU3RCUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0Mvc3BhbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NwYW4lM0VMb3JlbSUyMElwc3VtJTNDL3NwYW4lM0UlMEElMjAlMjAlMjAlMjAlM0MvcCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8cCBzdHlsZT17e1xuICAgICAgICBjb2xvcjogJyMzQkIzQkQnLFxuICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgICAgICBnYXA6ICcxMHB4JyxcbiAgICAgICAgZm9udFNpemU6ICcxOHB4J1xuICAgICAgfX0+XG4gICAgICAgIDxzcGFuIHN0eWxlPXt7XG4gICAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICAgICAgd2lkdGg6ICcyNHB4J1xuICAgICAgICB9fT5cbiAgICAgICAgICAgIDxIYXRTdmcgc3R5bGU9e3tcbiAgICAgICAgICAgIGZpbGw6ICdjdXJyZW50Q29sb3InXG4gICAgICAgICAgfX0gbWR4VHlwZT1cIkhhdFN2Z1wiIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4+TG9yZW0gSXBzdW08L3NwYW4+XG4gICAgPC9wPlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInNpemluZ1wiXG4gICAgfX0+e2BTaXppbmdgfTwvaDI+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwidmlld2JveFwiXG4gICAgfX0+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgzXCI+e2B2aWV3Ym94YH08L2lubGluZUNvZGU+PC9oMz5cbiAgICA8cD57YFdoaWxlIGl0IGlzIGVhc2llciB0byBtYW5hZ2UgYSBjb2xsZWN0aW9uIG9mIGljb25zIHdoZXJlIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B2aWV3Ym94YH08L2lubGluZUNvZGU+e2AgaXMgY29uc2lzdGFudCBhbW9uZyB0aGVtICh0eXBpY2FsbHkgc3F1YXJlIGluIGNhc2Ugb2YgaWNvbnMpLCB0aGUgYWN0dWFsIHNpemUgb2YgdGhlIHZpZXdib3ggaXMgbm90IHZlcnkgcmVsZXZhbnQuYH08L3A+XG4gICAgPHA+e2BJZiBpdCdzIGFuIGljb24sIG1ha2Ugc3VyZSBpdCdzIGEgc3F1YXJlIHZpZXdib3guYH08L3A+XG4gICAgPHA+e2BJbiBnZW5lcmFsLCBtYWtlIHN1cmUgdGhlIGltYWdlIGlzIGNlbnRlcmVkLmB9PC9wPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcIndpZHRoLWFuZC1oZWlnaHRcIlxuICAgIH19PjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoM1wiPntgd2lkdGhgfTwvaW5saW5lQ29kZT57YCBhbmQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDNcIj57YGhlaWdodGB9PC9pbmxpbmVDb2RlPjwvaDM+XG4gICAgPHA+e2BEbyBub3QgcHJvdmlkZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B3aWR0aGB9PC9pbmxpbmVDb2RlPntgIGFuZCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BoZWlnaHRgfTwvaW5saW5lQ29kZT57YCBhdHRyaWJ1dGVzIG9uIHRoZSBTVkcgZWxlbWVudC5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJvcHRpbWlzYXRpb25cIlxuICAgIH19PntgT3B0aW1pc2F0aW9uYH08L2gyPlxuICAgIDxwPntgVE9ET2B9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcIm1hcmt1cFwiXG4gICAgfX0+e2BNYXJrdXBgfTwvaDI+XG4gICAgPHA+e2BNYWtlIHN1cmUgdGhlIFNWRyBzb3VyY2UgZmlsZSB1c2VzIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcImB9PC9pbmxpbmVDb2RlPntgIG90aGVyd2lzZSB0aGUgZmlsZSBjYW4gbm90IGJlIHByb2Nlc3NlZCBieSB0b29saW5nLmB9PC9wPlxuICAgIDxwPntgSWYgeW91IGFyZSBsb2FkaW5nIHRoZSBTVkcgaW5saW5lIChhcyBvcHBvc2VkIHRvIHVzaW5nIGEgbG9hZGVyIHRoYXQgZXhwb3NlcyBhIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YFJlYWN0U1ZHQ29tcG9uZW50YH08L2lubGluZUNvZGU+e2ApIG1ha2Ugc3VyZSB0aGUgc291cmNlIGZpbGUgY29udGFpbnMgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZm9jdXNhYmxlPVwiZmFsc2VcImB9PC9pbmxpbmVDb2RlPntgIGFzIHdlbGwuYH08L3A+XG4gICAgPHA+e2BJZiB5b3UgYXJlIHVzaW5nIFJlYWN0IGxvYWRlciwgbWFrZSBzdXJlIHlvdSByZW5kZXIgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZm9jdXNhYmxlPVwiZmFsc2VcImB9PC9pbmxpbmVDb2RlPntgIGF0dHJpYnV0ZS5gfTwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9Bc3NldHMvSWNvbnMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHRcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/60.assets/assets.guide.stories.mdx\n')},"../docs-pages/docs/pages/50.reference/ds-web-core/hocs/withColorScheme.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__, "LIBRARY_NAME", function() { return LIBRARY_NAME; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FEATURE_NAME", function() { return FEATURE_NAME; });\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_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __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 LIBRARY_NAME = \'@preply/ds-web-core\';\nvar FEATURE_NAME = \'hocs/withColorScheme\';\nvar layoutProps = {\n LIBRARY_NAME: LIBRARY_NAME\n};\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: "API/ds-web-core/hocs/withColorScheme",\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"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "withcolorschemecomponent"\n }, "withColorScheme(component)"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* DocMetadata */ "b"], {\n project: LIBRARY_NAME,\n feature: FEATURE_NAME,\n mdxType: "DocMetadata"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This HOC wraps your StyledComponent so that you can easily switch color schemes for a part of the UI."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "See the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-color-schemes-nesting--page"\n }, "Color Schemes: Nesting"), " guide for a complete example."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "params"\n }, "Params"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "component-component"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "component: Component")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Any component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "returns-fc"\n }, "Returns ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "FC")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The wrapped component."));\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: \'API/ds-web-core/hocs/withColorScheme\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItY29yZS9ob2NzL3dpdGhDb2xvclNjaGVtZS5zdG9yaWVzLm1keD9lZmU2Il0sIm5hbWVzIjpbIkxJQlJBUllfTkFNRSIsIkZFQVRVUkVfTkFNRSIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDTyxJQUFNQSxZQUFZLEdBQUcscUJBQXJCO0FBQ0EsSUFBTUMsWUFBWSxHQUFHLHNCQUFyQjtBQUVQLElBQU1DLFdBQVcsR0FBRztBQUNsQkYsY0FBWSxFQUFaQTtBQURrQixDQUFwQjtBQUdBLElBQU1HLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU1MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHNDQUFaO0FBQW1ELGNBQVUsRUFBRTtBQUM3REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUR1RCxLQUEvRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTkssRUFXTCxrRUFBQyw2RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVhLLEVBWUw7QUFDRSxVQUFNO0FBRFIsa0NBWkssRUFlTCxrRUFBQywyRUFBRDtBQUFhLFdBQU8sRUFBRVQsWUFBdEI7QUFBb0MsV0FBTyxFQUFFQyxZQUE3QztBQUEyRCxXQUFPLEVBQUM7QUFBbkUsSUFmSyxFQWdCTCxxTEFoQkssRUFpQkwseUZBQWU7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUNYLFlBQVE7QUFERyw4QkFBZixtQ0FqQkssRUFvQkw7QUFDRSxVQUFNO0FBRFIsY0FwQkssRUF1Qkw7QUFDRSxVQUFNO0FBRFIsS0FFRztBQUFZLGNBQVUsRUFBQztBQUF2Qiw0QkFGSCxDQXZCSyxFQTBCTCw4RkExQkssRUEyQkw7QUFDRSxVQUFNO0FBRFIsaUJBRWU7QUFBWSxjQUFVLEVBQUM7QUFBdkIsVUFGZixDQTNCSyxFQThCTCxzR0E5QkssQ0FBUDtBQWdDRDs7QUFwQ1FHLFU7QUFzQ1Q7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxzQ0FBVDtBQUFpREgsWUFBVSxFQUFFO0FBQ2pGTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEMkUsR0FBN0Q7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy81MC5yZWZlcmVuY2UvZHMtd2ViLWNvcmUvaG9jcy93aXRoQ29sb3JTY2hlbWUuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NNZXRhZGF0YSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuZXhwb3J0IGNvbnN0IExJQlJBUllfTkFNRSA9ICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmV4cG9ydCBjb25zdCBGRUFUVVJFX05BTUUgPSAnaG9jcy93aXRoQ29sb3JTY2hlbWUnO1xuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgTElCUkFSWV9OQU1FXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiQVBJL2RzLXdlYi1jb3JlL2hvY3Mvd2l0aENvbG9yU2NoZW1lXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwid2l0aGNvbG9yc2NoZW1lY29tcG9uZW50XCJcbiAgICB9fT57YHdpdGhDb2xvclNjaGVtZShjb21wb25lbnQpYH08L2gxPlxuICAgIDxEb2NNZXRhZGF0YSBwcm9qZWN0PXtMSUJSQVJZX05BTUV9IGZlYXR1cmU9e0ZFQVRVUkVfTkFNRX0gbWR4VHlwZT1cIkRvY01ldGFkYXRhXCIgLz5cbiAgICA8cD57YFRoaXMgSE9DIHdyYXBzIHlvdXIgU3R5bGVkQ29tcG9uZW50IHNvIHRoYXQgeW91IGNhbiBlYXNpbHkgc3dpdGNoIGNvbG9yIHNjaGVtZXMgZm9yIGEgcGFydCBvZiB0aGUgVUkuYH08L3A+XG4gICAgPHA+e2BTZWUgdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWNvbG9yLXNjaGVtZXMtbmVzdGluZy0tcGFnZVwiXG4gICAgICB9fT57YENvbG9yIFNjaGVtZXM6IE5lc3RpbmdgfTwvYT57YCBndWlkZSBmb3IgYSBjb21wbGV0ZSBleGFtcGxlLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInBhcmFtc1wiXG4gICAgfX0+e2BQYXJhbXNgfTwvaDI+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwiY29tcG9uZW50LWNvbXBvbmVudFwiXG4gICAgfX0+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgzXCI+e2Bjb21wb25lbnQ6IENvbXBvbmVudGB9PC9pbmxpbmVDb2RlPjwvaDM+XG4gICAgPHA+e2BBbnkgY29tcG9uZW50LmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInJldHVybnMtZmNcIlxuICAgIH19PntgUmV0dXJucyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoMlwiPntgRkNgfTwvaW5saW5lQ29kZT48L2gyPlxuICAgIDxwPntgVGhlIHdyYXBwZWQgY29tcG9uZW50LmB9PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnQVBJL2RzLXdlYi1jb3JlL2hvY3Mvd2l0aENvbG9yU2NoZW1lJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/50.reference/ds-web-core/hocs/withColorScheme.stories.mdx\n')},"../docs-pages/docs/pages/50.reference/ds-web-core/hocs/withGetToken.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__, "LIBRARY_NAME", function() { return LIBRARY_NAME; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FEATURE_NAME", function() { return FEATURE_NAME; });\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_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __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 LIBRARY_NAME = \'@preply/ds-web-core\';\nvar FEATURE_NAME = \'hocs/withGetToken\';\nvar layoutProps = {\n LIBRARY_NAME: LIBRARY_NAME\n};\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: "API/ds-web-core/hocs/withGetToken",\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"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "withgettokencomponent"\n }, "withGetToken(component)"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* DocMetadata */ "b"], {\n project: LIBRARY_NAME,\n feature: FEATURE_NAME,\n mdxType: "DocMetadata"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "status-deprecated"\n }, "Status: Deprecated"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This HOC has been deprecated in favor of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-utils-gettokenvar--page"\n }, "getTokenVar()"), " util. See ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-tokens-creating-styledcomponents--page"\n }, "Tokens: Creating StyledComponents"), " for a complete example."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "summary"\n }, "Summary"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This HOC wraps your StyledComponent so that you can easily access the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "getToken()"), " context from inside."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "params"\n }, "Params"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "component-component"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "component: Component")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Any component. But you typically want to use this with StyledComponents."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "returns-fc"\n }, "Returns ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "FC")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The wrapped component."));\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: \'API/ds-web-core/hocs/withGetToken\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItY29yZS9ob2NzL3dpdGhHZXRUb2tlbi5zdG9yaWVzLm1keD81MGIyIl0sIm5hbWVzIjpbIkxJQlJBUllfTkFNRSIsIkZFQVRVUkVfTkFNRSIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDTyxJQUFNQSxZQUFZLEdBQUcscUJBQXJCO0FBQ0EsSUFBTUMsWUFBWSxHQUFHLG1CQUFyQjtBQUVQLElBQU1DLFdBQVcsR0FBRztBQUNsQkYsY0FBWSxFQUFaQTtBQURrQixDQUFwQjtBQUdBLElBQU1HLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU1MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLG1DQUFaO0FBQWdELGNBQVUsRUFBRTtBQUMxREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURvRCxLQUE1RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTkssRUFXTCxrRUFBQyw2RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVhLLEVBWUw7QUFDRSxVQUFNO0FBRFIsK0JBWkssRUFlTCxrRUFBQywyRUFBRDtBQUFhLFdBQU8sRUFBRVQsWUFBdEI7QUFBb0MsV0FBTyxFQUFFQyxZQUE3QztBQUEyRCxXQUFPLEVBQUM7QUFBbkUsSUFmSyxFQWdCTDtBQUNFLFVBQU07QUFEUiwwQkFoQkssRUFtQkwsOEhBQW9EO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDaEQsWUFBUTtBQUR3QyxxQkFBcEQsaUJBRXlDO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDckMsWUFBUTtBQUQ2Qix5Q0FGekMsNkJBbkJLLEVBd0JMO0FBQ0UsVUFBTTtBQURSLGVBeEJLLEVBMkJMLHVKQUE2RTtBQUFZLGNBQVUsRUFBQztBQUF2QixrQkFBN0UsMEJBM0JLLEVBNEJMO0FBQ0UsVUFBTTtBQURSLGNBNUJLLEVBK0JMO0FBQ0UsVUFBTTtBQURSLEtBRUc7QUFBWSxjQUFVLEVBQUM7QUFBdkIsNEJBRkgsQ0EvQkssRUFrQ0wsd0pBbENLLEVBbUNMO0FBQ0UsVUFBTTtBQURSLGlCQUVlO0FBQVksY0FBVSxFQUFDO0FBQXZCLFVBRmYsQ0FuQ0ssRUFzQ0wsc0dBdENLLENBQVA7QUF3Q0Q7O0FBNUNRRyxVO0FBOENUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsbUNBQVQ7QUFBOENILFlBQVUsRUFBRTtBQUM5RU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRHdFLEdBQTFEO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvNTAucmVmZXJlbmNlL2RzLXdlYi1jb3JlL2hvY3Mvd2l0aEdldFRva2VuLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViLCBUaGVtZVN3aXRjaGVyIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgRG9jTWV0YWRhdGEgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmV4cG9ydCBjb25zdCBMSUJSQVJZX05BTUUgPSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5leHBvcnQgY29uc3QgRkVBVFVSRV9OQU1FID0gJ2hvY3Mvd2l0aEdldFRva2VuJztcblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIExJQlJBUllfTkFNRVxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkFQSS9kcy13ZWItY29yZS9ob2NzL3dpdGhHZXRUb2tlblwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcIndpdGhnZXR0b2tlbmNvbXBvbmVudFwiXG4gICAgfX0+e2B3aXRoR2V0VG9rZW4oY29tcG9uZW50KWB9PC9oMT5cbiAgICA8RG9jTWV0YWRhdGEgcHJvamVjdD17TElCUkFSWV9OQU1FfSBmZWF0dXJlPXtGRUFUVVJFX05BTUV9IG1keFR5cGU9XCJEb2NNZXRhZGF0YVwiIC8+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwic3RhdHVzLWRlcHJlY2F0ZWRcIlxuICAgIH19PntgU3RhdHVzOiBEZXByZWNhdGVkYH08L2gyPlxuICAgIDxwPntgVGhpcyBIT0MgaGFzIGJlZW4gZGVwcmVjYXRlZCBpbiBmYXZvciBvZiB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9hcGktZHMtd2ViLWNvcmUtdXRpbHMtZ2V0dG9rZW52YXItLXBhZ2VcIlxuICAgICAgfX0+e2BnZXRUb2tlblZhcigpYH08L2E+e2AgdXRpbC4gU2VlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLXRva2Vucy1jcmVhdGluZy1zdHlsZWRjb21wb25lbnRzLS1wYWdlXCJcbiAgICAgIH19PntgVG9rZW5zOiBDcmVhdGluZyBTdHlsZWRDb21wb25lbnRzYH08L2E+e2AgZm9yIGEgY29tcGxldGUgZXhhbXBsZS5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJzdW1tYXJ5XCJcbiAgICB9fT57YFN1bW1hcnlgfTwvaDI+XG4gICAgPHA+e2BUaGlzIEhPQyB3cmFwcyB5b3VyIFN0eWxlZENvbXBvbmVudCBzbyB0aGF0IHlvdSBjYW4gZWFzaWx5IGFjY2VzcyB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZ2V0VG9rZW4oKWB9PC9pbmxpbmVDb2RlPntgIGNvbnRleHQgZnJvbSBpbnNpZGUuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicGFyYW1zXCJcbiAgICB9fT57YFBhcmFtc2B9PC9oMj5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb21wb25lbnQtY29tcG9uZW50XCJcbiAgICB9fT48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDNcIj57YGNvbXBvbmVudDogQ29tcG9uZW50YH08L2lubGluZUNvZGU+PC9oMz5cbiAgICA8cD57YEFueSBjb21wb25lbnQuIEJ1dCB5b3UgdHlwaWNhbGx5IHdhbnQgdG8gdXNlIHRoaXMgd2l0aCBTdHlsZWRDb21wb25lbnRzLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInJldHVybnMtZmNcIlxuICAgIH19PntgUmV0dXJucyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoMlwiPntgRkNgfTwvaW5saW5lQ29kZT48L2gyPlxuICAgIDxwPntgVGhlIHdyYXBwZWQgY29tcG9uZW50LmB9PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnQVBJL2RzLXdlYi1jb3JlL2hvY3Mvd2l0aEdldFRva2VuJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/50.reference/ds-web-core/hocs/withGetToken.stories.mdx\n')},"../docs-pages/docs/pages/50.reference/ds-web-core/hooks/useToken.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__, "LIBRARY_NAME", function() { return LIBRARY_NAME; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FEATURE_NAME", function() { return FEATURE_NAME; });\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_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __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 LIBRARY_NAME = \'@preply/ds-web-core\';\nvar FEATURE_NAME = \'hooks/useToken\';\nvar layoutProps = {\n LIBRARY_NAME: LIBRARY_NAME\n};\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: "API/ds-web-core/hooks/useToken",\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"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "usetokentoken"\n }, "useToken(token)"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* DocMetadata */ "b"], {\n project: LIBRARY_NAME,\n feature: FEATURE_NAME,\n mdxType: "DocMetadata"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This hook allows you to retrieve a token\'s value, depending on the current ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "theme"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "colorScheme"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "See the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-tokens-using-in-components--page"\n }, "Tokens: Using in components"), " guide for a complete example."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "params"\n }, "Params"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "token-token"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "token: Token")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "A token definition which you can import from ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-core"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://github.com/preply/design-system/blob/main/packages/core/dist/tokens/types.d.ts#L5",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Token"), " definition type, is a small data structure that contains the token\'s id, its type, and whether it depends on color schemes or not."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "returns-tokenvalue"\n }, "Returns ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "TokenValue")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This hook returns ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://github.com/preply/design-system/blob/main/packages/core/dist/tokens/types.d.ts#L6",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "TokenValue"), ", basically a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "string"), " or a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "number"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The value is first looked up in the current theme and in case it doesn\'t exist there and the theme is based on another theme, it falls back to the inherited theme. Note that some tokens are color scheme aware: their value also depends on the current color scheme."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In case the token is not found, an exception is thrown."));\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: \'API/ds-web-core/hooks/useToken\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItY29yZS9ob29rcy91c2VUb2tlbi5zdG9yaWVzLm1keD84ZjI4Il0sIm5hbWVzIjpbIkxJQlJBUllfTkFNRSIsIkZFQVRVUkVfTkFNRSIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDTyxJQUFNQSxZQUFZLEdBQUcscUJBQXJCO0FBQ0EsSUFBTUMsWUFBWSxHQUFHLGdCQUFyQjtBQUVQLElBQU1DLFdBQVcsR0FBRztBQUNsQkYsY0FBWSxFQUFaQTtBQURrQixDQUFwQjtBQUdBLElBQU1HLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU1MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLGdDQUFaO0FBQTZDLGNBQVUsRUFBRTtBQUN2REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURpRCxLQUF6RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTkssRUFXTCxrRUFBQyw2RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVhLLEVBWUw7QUFDRSxVQUFNO0FBRFIsdUJBWkssRUFlTCxrRUFBQywyRUFBRDtBQUFhLFdBQU8sRUFBRVQsWUFBdEI7QUFBb0MsV0FBTyxFQUFFQyxZQUE3QztBQUEyRCxXQUFPLEVBQUM7QUFBbkUsSUFmSyxFQWdCTCw0SkFBa0Y7QUFBWSxjQUFVLEVBQUM7QUFBdkIsYUFBbEYsV0FBNEk7QUFBWSxjQUFVLEVBQUM7QUFBdkIsbUJBQTVJLE1BaEJLLEVBaUJMLHlGQUFlO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDWCxZQUFRO0FBREcsbUNBQWYsbUNBakJLLEVBb0JMO0FBQ0UsVUFBTTtBQURSLGNBcEJLLEVBdUJMO0FBQ0UsVUFBTTtBQURSLEtBRUc7QUFBWSxjQUFVLEVBQUM7QUFBdkIsb0JBRkgsQ0F2QkssRUEwQkwsOEhBQW9EO0FBQVksY0FBVSxFQUFDO0FBQXZCLHVCQUFwRCxNQTFCSyxFQTJCTCxxRkFBVztBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ1AsWUFBUSwyRkFERDtBQUVQLGNBQVUsUUFGSDtBQUdQLFdBQU87QUFIQSxhQUFYLHdJQTNCSyxFQWdDTDtBQUNFLFVBQU07QUFEUixpQkFFZTtBQUFZLGNBQVUsRUFBQztBQUF2QixrQkFGZixDQWhDSyxFQW1DTCxtR0FBeUI7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUNyQixZQUFRLDJGQURhO0FBRXJCLGNBQVUsUUFGVztBQUdyQixXQUFPO0FBSGMsa0JBQXpCLG9CQUl5QztBQUFZLGNBQVUsRUFBQztBQUF2QixjQUp6QyxZQUlxRztBQUFZLGNBQVUsRUFBQztBQUF2QixjQUpyRyxNQW5DSyxFQXdDTCx1VkF4Q0ssRUF5Q0wsdUlBekNLLENBQVA7QUEyQ0Q7O0FBL0NRRyxVO0FBaURUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsZ0NBQVQ7QUFBMkNILFlBQVUsRUFBRTtBQUMzRU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRHFFLEdBQXZEO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvNTAucmVmZXJlbmNlL2RzLXdlYi1jb3JlL2hvb2tzL3VzZVRva2VuLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViLCBUaGVtZVN3aXRjaGVyIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgRG9jTWV0YWRhdGEgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmV4cG9ydCBjb25zdCBMSUJSQVJZX05BTUUgPSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5leHBvcnQgY29uc3QgRkVBVFVSRV9OQU1FID0gJ2hvb2tzL3VzZVRva2VuJztcblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIExJQlJBUllfTkFNRVxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkFQSS9kcy13ZWItY29yZS9ob29rcy91c2VUb2tlblwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInVzZXRva2VudG9rZW5cIlxuICAgIH19PntgdXNlVG9rZW4odG9rZW4pYH08L2gxPlxuICAgIDxEb2NNZXRhZGF0YSBwcm9qZWN0PXtMSUJSQVJZX05BTUV9IGZlYXR1cmU9e0ZFQVRVUkVfTkFNRX0gbWR4VHlwZT1cIkRvY01ldGFkYXRhXCIgLz5cbiAgICA8cD57YFRoaXMgaG9vayBhbGxvd3MgeW91IHRvIHJldHJpZXZlIGEgdG9rZW4ncyB2YWx1ZSwgZGVwZW5kaW5nIG9uIHRoZSBjdXJyZW50IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHRoZW1lYH08L2lubGluZUNvZGU+e2AgYW5kIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGNvbG9yU2NoZW1lYH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPHA+e2BTZWUgdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLXRva2Vucy11c2luZy1pbi1jb21wb25lbnRzLS1wYWdlXCJcbiAgICAgIH19PntgVG9rZW5zOiBVc2luZyBpbiBjb21wb25lbnRzYH08L2E+e2AgZ3VpZGUgZm9yIGEgY29tcGxldGUgZXhhbXBsZS5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJwYXJhbXNcIlxuICAgIH19PntgUGFyYW1zYH08L2gyPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRva2VuLXRva2VuXCJcbiAgICB9fT48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDNcIj57YHRva2VuOiBUb2tlbmB9PC9pbmxpbmVDb2RlPjwvaDM+XG4gICAgPHA+e2BBIHRva2VuIGRlZmluaXRpb24gd2hpY2ggeW91IGNhbiBpbXBvcnQgZnJvbSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BAcHJlcGx5L2RzLWNvcmVgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cD57YFRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9naXRodWIuY29tL3ByZXBseS9kZXNpZ24tc3lzdGVtL2Jsb2IvbWFpbi9wYWNrYWdlcy9jb3JlL2Rpc3QvdG9rZW5zL3R5cGVzLmQudHMjTDVcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgVG9rZW5gfTwvYT57YCBkZWZpbml0aW9uIHR5cGUsIGlzIGEgc21hbGwgZGF0YSBzdHJ1Y3R1cmUgdGhhdCBjb250YWlucyB0aGUgdG9rZW4ncyBpZCwgaXRzIHR5cGUsIGFuZCB3aGV0aGVyIGl0IGRlcGVuZHMgb24gY29sb3Igc2NoZW1lcyBvciBub3QuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicmV0dXJucy10b2tlbnZhbHVlXCJcbiAgICB9fT57YFJldHVybnMgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDJcIj57YFRva2VuVmFsdWVgfTwvaW5saW5lQ29kZT48L2gyPlxuICAgIDxwPntgVGhpcyBob29rIHJldHVybnMgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vZ2l0aHViLmNvbS9wcmVwbHkvZGVzaWduLXN5c3RlbS9ibG9iL21haW4vcGFja2FnZXMvY29yZS9kaXN0L3Rva2Vucy90eXBlcy5kLnRzI0w2XCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YFRva2VuVmFsdWVgfTwvYT57YCwgYmFzaWNhbGx5IGEgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgc3RyaW5nYH08L2lubGluZUNvZGU+e2Agb3IgYSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BudW1iZXJgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cD57YFRoZSB2YWx1ZSBpcyBmaXJzdCBsb29rZWQgdXAgaW4gdGhlIGN1cnJlbnQgdGhlbWUgYW5kIGluIGNhc2UgaXQgZG9lc24ndCBleGlzdCB0aGVyZSBhbmQgdGhlIHRoZW1lIGlzIGJhc2VkIG9uIGFub3RoZXIgdGhlbWUsIGl0IGZhbGxzIGJhY2sgdG8gdGhlIGluaGVyaXRlZCB0aGVtZS4gTm90ZSB0aGF0IHNvbWUgdG9rZW5zIGFyZSBjb2xvciBzY2hlbWUgYXdhcmU6IHRoZWlyIHZhbHVlIGFsc28gZGVwZW5kcyBvbiB0aGUgY3VycmVudCBjb2xvciBzY2hlbWUuYH08L3A+XG4gICAgPHA+e2BJbiBjYXNlIHRoZSB0b2tlbiBpcyBub3QgZm91bmQsIGFuIGV4Y2VwdGlvbiBpcyB0aHJvd24uYH08L3A+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdBUEkvZHMtd2ViLWNvcmUvaG9va3MvdXNlVG9rZW4nLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/50.reference/ds-web-core/hooks/useToken.stories.mdx\n')},"../docs-pages/docs/pages/50.reference/ds-web-core/providers/ColorSchemeProvider.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__, "LIBRARY_NAME", function() { return LIBRARY_NAME; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FEATURE_NAME", function() { return FEATURE_NAME; });\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_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../packages/core/dist/generated/options.js");\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../packages/core/dist/generated/defaults.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../docs-context/dist/components/ThemeOptionsList.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_11__ = __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\n\nvar LIBRARY_NAME = \'@preply/ds-web-core\';\nvar FEATURE_NAME = \'providers/ColorSchemeProvider\';\nvar layoutProps = {\n LIBRARY_NAME: LIBRARY_NAME\n};\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: "API/ds-web-core/providers/ColorSchemeProvider",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "colorschemeprovider"\n }, "ColorSchemeProvider"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_11__[/* DocMetadata */ "b"], {\n project: LIBRARY_NAME,\n feature: FEATURE_NAME,\n mdxType: "DocMetadata"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Provides a new color scheme context for all components rendered within its subtree."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Note:"), " You do not need to instantiate ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<ColorSchemeProvider/>"), " unless you are nesting color schemes, as the global (topmost) instance is already provided by ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-root-providers-rootprovider--page"\n }, "RootProvider"), ". To select the default color scheme of your application you will want to use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/providers-root--page#colorscheme-string"\n }, "colorScheme prop"), " of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "For a straightforward guide and examples, check ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-color-schemes-intro--page"\n }, "Color Scheme: Intro"), " guide."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "props"\n }, "Props"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "colorscheme-colorschemename"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "colorScheme: ColorSchemeName")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Available color schemes:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__[/* ThemeOptionsList */ "a"], {\n options: _preply_ds_core__WEBPACK_IMPORTED_MODULE_7__[/* COLOR_SCHEME_OPTIONS */ "d"],\n defaultValue: _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__[/* COLOR_SCHEME_DEFAULT */ "d"],\n mdxType: "ThemeOptionsList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Set the theme for the subtree. Inside this provider, you can:"), 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 }, "use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "useColorScheme()"), " hook to access the current color scheme."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "useToken()"), " hook to retrieve token values for this color scheme.")));\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: \'API/ds-web-core/providers/ColorSchemeProvider\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__[/* 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItY29yZS9wcm92aWRlcnMvQ29sb3JTY2hlbWVQcm92aWRlci5zdG9yaWVzLm1keD85NTUwIl0sIm5hbWVzIjpbIkxJQlJBUllfTkFNRSIsIkZFQVRVUkVfTkFNRSIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJDT0xPUl9TQ0hFTUVfT1BUSU9OUyIsIkNPTE9SX1NDSEVNRV9ERUZBVUxUIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNPLElBQU1BLFlBQVksR0FBRyxxQkFBckI7QUFDQSxJQUFNQyxZQUFZLEdBQUcsK0JBQXJCO0FBRVAsSUFBTUMsV0FBVyxHQUFHO0FBQ2xCRixjQUFZLEVBQVpBO0FBRGtCLENBQXBCO0FBR0EsSUFBTUcsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BTUwsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsK0NBQVo7QUFBNEQsY0FBVSxFQUFFO0FBQ3RFRSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRGdFLEtBQXhFO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFOSyxFQVdMO0FBQ0UsVUFBTTtBQURSLDJCQVhLLEVBY0wsa0VBQUMsNEVBQUQ7QUFBYSxXQUFPLEVBQUVULFlBQXRCO0FBQW9DLFdBQU8sRUFBRUMsWUFBN0M7QUFBMkQsV0FBTyxFQUFDO0FBQW5FLElBZEssRUFlTCxtS0FmSyxFQWdCTCw2RUFBRztBQUFRLGNBQVUsRUFBQztBQUFuQixhQUFILHNDQUFnRjtBQUFZLGNBQVUsRUFBQztBQUF2Qiw4QkFBaEYscUdBQXFQO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDalAsWUFBUTtBQUR5TyxvQkFBclAsd0ZBRStHO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDM0csWUFBUTtBQURtRyx3QkFGL0csY0FJeUM7QUFBWSxjQUFVLEVBQUM7QUFBdkIsdUJBSnpDLE1BaEJLLEVBcUJMLGlJQUF1RDtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ25ELFlBQVE7QUFEMkMsMkJBQXZELFlBckJLLEVBd0JMO0FBQ0UsVUFBTTtBQURSLGFBeEJLLEVBMkJMO0FBQ0UsVUFBTTtBQURSLEtBRUc7QUFBWSxjQUFVLEVBQUM7QUFBdkIsb0NBRkgsQ0EzQkssRUE4QkwsNkVBQUc7QUFBUSxjQUFVLEVBQUM7QUFBbkIsZ0NBQUgsQ0E5QkssRUErQkwsa0VBQUMsaUZBQUQ7QUFBa0IsV0FBTyxFQUFFUyw0RUFBM0I7QUFBaUQsZ0JBQVksRUFBRUMsNEVBQS9EO0FBQXFGLFdBQU8sRUFBQztBQUE3RixJQS9CSyxFQWdDTCw2SUFoQ0ssRUFpQ0wsOEVBQ0U7QUFBSSxjQUFVLEVBQUM7QUFBZixhQUE0QjtBQUFZLGNBQVUsRUFBQztBQUF2Qix3QkFBNUIsOENBREYsRUFFRTtBQUFJLGNBQVUsRUFBQztBQUFmLGFBQTRCO0FBQVksY0FBVSxFQUFDO0FBQXZCLGtCQUE1QiwwREFGRixDQWpDSyxDQUFQO0FBc0NEOztBQTFDUVAsVTtBQTRDVDtBQUNBQSxVQUFVLENBQUNRLGNBQVgsR0FBNEIsSUFBNUI7QUFFTyxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQUUsUUFBTSxJQUFJQyxLQUFKLENBQVUsaUJBQVYsQ0FBTjtBQUFxQyxDQUE1RDtBQUVQRCxNQUFNLENBQUNFLFVBQVAsR0FBb0I7QUFBRUMsVUFBUSxFQUFFO0FBQVosQ0FBcEI7QUFFQSxJQUFNQyxhQUFhLEdBQUc7QUFBRUMsT0FBSyxFQUFFLCtDQUFUO0FBQTBESCxZQUFVLEVBQUU7QUFDMUZSLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURvRixHQUF0RTtBQUluQlUsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QlIsSUFBekIscUJBQ01VLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QlIsSUFBekIsSUFBaUMsRUFEdkM7QUFFRWMsTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItY29yZS9wcm92aWRlcnMvQ29sb3JTY2hlbWVQcm92aWRlci5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IENPTE9SX1NDSEVNRV9ERUZBVUxULCBDT0xPUl9TQ0hFTUVfT1BUSU9OUyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lT3B0aW9uc0xpc3QgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NNZXRhZGF0YSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuZXhwb3J0IGNvbnN0IExJQlJBUllfTkFNRSA9ICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmV4cG9ydCBjb25zdCBGRUFUVVJFX05BTUUgPSAncHJvdmlkZXJzL0NvbG9yU2NoZW1lUHJvdmlkZXInO1xuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgTElCUkFSWV9OQU1FXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiQVBJL2RzLXdlYi1jb3JlL3Byb3ZpZGVycy9Db2xvclNjaGVtZVByb3ZpZGVyXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb2xvcnNjaGVtZXByb3ZpZGVyXCJcbiAgICB9fT57YENvbG9yU2NoZW1lUHJvdmlkZXJgfTwvaDE+XG4gICAgPERvY01ldGFkYXRhIHByb2plY3Q9e0xJQlJBUllfTkFNRX0gZmVhdHVyZT17RkVBVFVSRV9OQU1FfSBtZHhUeXBlPVwiRG9jTWV0YWRhdGFcIiAvPlxuICAgIDxwPntgUHJvdmlkZXMgYSBuZXcgY29sb3Igc2NoZW1lIGNvbnRleHQgZm9yIGFsbCBjb21wb25lbnRzIHJlbmRlcmVkIHdpdGhpbiBpdHMgc3VidHJlZS5gfTwvcD5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BOb3RlOmB9PC9zdHJvbmc+e2AgWW91IGRvIG5vdCBuZWVkIHRvIGluc3RhbnRpYXRlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxDb2xvclNjaGVtZVByb3ZpZGVyLz5gfTwvaW5saW5lQ29kZT57YCB1bmxlc3MgeW91IGFyZSBuZXN0aW5nIGNvbG9yIHNjaGVtZXMsIGFzIHRoZSBnbG9iYWwgKHRvcG1vc3QpIGluc3RhbmNlIGlzIGFscmVhZHkgcHJvdmlkZWQgYnkgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9hcGktZHMtd2ViLXJvb3QtcHJvdmlkZXJzLXJvb3Rwcm92aWRlci0tcGFnZVwiXG4gICAgICB9fT57YFJvb3RQcm92aWRlcmB9PC9hPntgLiBUbyBzZWxlY3QgdGhlIGRlZmF1bHQgY29sb3Igc2NoZW1lIG9mIHlvdXIgYXBwbGljYXRpb24geW91IHdpbGwgd2FudCB0byB1c2UgdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvcHJvdmlkZXJzLXJvb3QtLXBhZ2UjY29sb3JzY2hlbWUtc3RyaW5nXCJcbiAgICAgIH19PntgY29sb3JTY2hlbWUgcHJvcGB9PC9hPntgIG9mIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8Um9vdFByb3ZpZGVyLz5gfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cD57YEZvciBhIHN0cmFpZ2h0Zm9yd2FyZCBndWlkZSBhbmQgZXhhbXBsZXMsIGNoZWNrIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWNvbG9yLXNjaGVtZXMtaW50cm8tLXBhZ2VcIlxuICAgICAgfX0+e2BDb2xvciBTY2hlbWU6IEludHJvYH08L2E+e2AgZ3VpZGUuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicHJvcHNcIlxuICAgIH19PntgUHJvcHNgfTwvaDI+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwiY29sb3JzY2hlbWUtY29sb3JzY2hlbWVuYW1lXCJcbiAgICB9fT48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDNcIj57YGNvbG9yU2NoZW1lOiBDb2xvclNjaGVtZU5hbWVgfTwvaW5saW5lQ29kZT48L2gzPlxuICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YEF2YWlsYWJsZSBjb2xvciBzY2hlbWVzOmB9PC9zdHJvbmc+PC9wPlxuICAgIDxUaGVtZU9wdGlvbnNMaXN0IG9wdGlvbnM9e0NPTE9SX1NDSEVNRV9PUFRJT05TfSBkZWZhdWx0VmFsdWU9e0NPTE9SX1NDSEVNRV9ERUZBVUxUfSBtZHhUeXBlPVwiVGhlbWVPcHRpb25zTGlzdFwiIC8+XG4gICAgPHA+e2BTZXQgdGhlIHRoZW1lIGZvciB0aGUgc3VidHJlZS4gSW5zaWRlIHRoaXMgcHJvdmlkZXIsIHlvdSBjYW46YH08L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgdXNlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2B1c2VDb2xvclNjaGVtZSgpYH08L2lubGluZUNvZGU+e2AgaG9vayB0byBhY2Nlc3MgdGhlIGN1cnJlbnQgY29sb3Igc2NoZW1lLmB9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YHVzZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgdXNlVG9rZW4oKWB9PC9pbmxpbmVDb2RlPntgIGhvb2sgdG8gcmV0cmlldmUgdG9rZW4gdmFsdWVzIGZvciB0aGlzIGNvbG9yIHNjaGVtZS5gfTwvbGk+XG4gICAgPC91bD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0FQSS9kcy13ZWItY29yZS9wcm92aWRlcnMvQ29sb3JTY2hlbWVQcm92aWRlcicsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/50.reference/ds-web-core/providers/ColorSchemeProvider.stories.mdx\n')},"../docs-pages/docs/pages/50.reference/ds-web-core/providers/ThemeProvider.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__, "LIBRARY_NAME", function() { return LIBRARY_NAME; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FEATURE_NAME", function() { return FEATURE_NAME; });\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_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../packages/core/dist/generated/options.js");\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../packages/core/dist/generated/defaults.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../docs-context/dist/components/ThemeOptionsList.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_core__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/web-core/dist/theme/providers/ThemeProvider.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__ = __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\n\n\nvar LIBRARY_NAME = \'@preply/ds-web-core\';\nvar FEATURE_NAME = \'providers/ThemeProvider\';\nvar layoutProps = {\n LIBRARY_NAME: LIBRARY_NAME\n};\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: "API/ds-web-core/providers/ThemeProvider",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "themeprovider"\n }, "ThemeProvider"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_11__[/* DocMetadata */ "b"], {\n project: LIBRARY_NAME,\n feature: FEATURE_NAME,\n mdxType: "DocMetadata"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Provides a Theme context for all components rendered within its subtree."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Note:"), " You do not need to instantiate ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<ThemeProvider/>"), " unless you are nesting themes, as the global (topmost) instance is already provided by ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/providers-root--page"\n }, "RootProvider"), ". To select the default theme of your application you will want to use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/providers-root--page#theme-string"\n }, "theme prop"), " of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "For a straightforward guide to setup an application, refer to the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "Installation: Applications"), " guide."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "props"\n }, "Props"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "theme-themename"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "theme: ThemeName")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Available themes:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__[/* ThemeOptionsList */ "a"], {\n options: _preply_ds_core__WEBPACK_IMPORTED_MODULE_7__[/* THEME_OPTIONS */ "u"],\n defaultValue: _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__[/* THEME_DEFAULT */ "o"],\n mdxType: "ThemeOptionsList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Set the theme for the subtree. Inside this provider, you can:"), 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 }, "use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "useTheme()"), " hook to access the current theme."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "useToken()"), " hook to retrieve token values for this theme.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "tag-keyof-jsxintrinsicelements"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "tag: keyof JSX.IntrinsicElements")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Which element type to render. By default it renders a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<div>"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CStoryGrid%3E%0A%20%20%20%20%20%20%20%20%3CButton%3EBase%20UI%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3CThemeProvider%20theme=%22preply-ui%22%20tag=%22section%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3EPreply%20UI%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3C/ThemeProvider%3E%0A%20%20%20%20%3C/StoryGrid%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_11__[/* StoryGrid */ "n"], {\n mdxType: "StoryGrid"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Base UI"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_core__WEBPACK_IMPORTED_MODULE_12__[/* ThemeProvider */ "b"], {\n theme: "preply-ui",\n tag: "section",\n mdxType: "ThemeProvider"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Preply UI")))));\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: \'API/ds-web-core/providers/ThemeProvider\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__[/* 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItY29yZS9wcm92aWRlcnMvVGhlbWVQcm92aWRlci5zdG9yaWVzLm1keD84ZmUxIl0sIm5hbWVzIjpbIkxJQlJBUllfTkFNRSIsIkZFQVRVUkVfTkFNRSIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJUSEVNRV9PUFRJT05TIiwiVEhFTUVfREVGQVVMVCIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNPLElBQU1BLFlBQVksR0FBRyxxQkFBckI7QUFDQSxJQUFNQyxZQUFZLEdBQUcseUJBQXJCO0FBRVAsSUFBTUMsV0FBVyxHQUFHO0FBQ2xCRixjQUFZLEVBQVpBO0FBRGtCLENBQXBCO0FBR0EsSUFBTUcsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BTUwsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMseUNBQVo7QUFBc0QsY0FBVSxFQUFFO0FBQ2hFRSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMs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QUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItY29yZS9wcm92aWRlcnMvVGhlbWVQcm92aWRlci5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IFRIRU1FX0RFRkFVTFQsIFRIRU1FX09QVElPTlMgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViLCBUaGVtZU9wdGlvbnNMaXN0IH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgRG9jTWV0YWRhdGEsIFN0b3J5R3JpZCwgU3RvcnlOb3RlIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciwgdGhlbWVzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuZXhwb3J0IGNvbnN0IExJQlJBUllfTkFNRSA9ICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmV4cG9ydCBjb25zdCBGRUFUVVJFX05BTUUgPSAncHJvdmlkZXJzL1RoZW1lUHJvdmlkZXInO1xuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgTElCUkFSWV9OQU1FXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiQVBJL2RzLXdlYi1jb3JlL3Byb3ZpZGVycy9UaGVtZVByb3ZpZGVyXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJ0aGVtZXByb3ZpZGVyXCJcbiAgICB9fT57YFRoZW1lUHJvdmlkZXJgfTwvaDE+XG4gICAgPERvY01ldGFkYXRhIHByb2plY3Q9e0xJQlJBUllfTkFNRX0gZmVhdHVyZT17RkVBVFVSRV9OQU1FfSBtZHhUeXBlPVwiRG9jTWV0YWRhdGFcIiAvPlxuICAgIDxwPntgUHJvdmlkZXMgYSBUaGVtZSBjb250ZXh0IGZvciBhbGwgY29tcG9uZW50cyByZW5kZXJlZCB3aXRoaW4gaXRzIHN1YnRyZWUuYH08L3A+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgTm90ZTpgfTwvc3Ryb25nPntgIFlvdSBkbyBub3QgbmVlZCB0byBpbnN0YW50aWF0ZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8VGhlbWVQcm92aWRlci8+YH08L2lubGluZUNvZGU+e2AgdW5sZXNzIHlvdSBhcmUgbmVzdGluZyB0aGVtZXMsIGFzIHRoZSBnbG9iYWwgKHRvcG1vc3QpIGluc3RhbmNlIGlzIGFscmVhZHkgcHJvdmlkZWQgYnkgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9wcm92aWRlcnMtcm9vdC0tcGFnZVwiXG4gICAgICB9fT57YFJvb3RQcm92aWRlcmB9PC9hPntgLiBUbyBzZWxlY3QgdGhlIGRlZmF1bHQgdGhlbWUgb2YgeW91ciBhcHBsaWNhdGlvbiB5b3Ugd2lsbCB3YW50IHRvIHVzZSB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9wcm92aWRlcnMtcm9vdC0tcGFnZSN0aGVtZS1zdHJpbmdcIlxuICAgICAgfX0+e2B0aGVtZSBwcm9wYH08L2E+e2Agb2YgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxSb290UHJvdmlkZXIvPmB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDxwPntgRm9yIGEgc3RyYWlnaHRmb3J3YXJkIGd1aWRlIHRvIHNldHVwIGFuIGFwcGxpY2F0aW9uLCByZWZlciB0byB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtaW5zdGFsbGF0aW9uLWFwcGxpY2F0aW9ucy0tcGFnZVwiXG4gICAgICB9fT57YEluc3RhbGxhdGlvbjogQXBwbGljYXRpb25zYH08L2E+e2AgZ3VpZGUuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicHJvcHNcIlxuICAgIH19PntgUHJvcHNgfTwvaDI+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwidGhlbWUtdGhlbWVuYW1lXCJcbiAgICB9fT48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDNcIj57YHRoZW1lOiBUaGVtZU5hbWVgfTwvaW5saW5lQ29kZT48L2gzPlxuICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YEF2YWlsYWJsZSB0aGVtZXM6YH08L3N0cm9uZz48L3A+XG4gICAgPFRoZW1lT3B0aW9uc0xpc3Qgb3B0aW9ucz17VEhFTUVfT1BUSU9OU30gZGVmYXVsdFZhbHVlPXtUSEVNRV9ERUZBVUxUfSBtZHhUeXBlPVwiVGhlbWVPcHRpb25zTGlzdFwiIC8+XG4gICAgPHA+e2BTZXQgdGhlIHRoZW1lIGZvciB0aGUgc3VidHJlZS4gSW5zaWRlIHRoaXMgcHJvdmlkZXIsIHlvdSBjYW46YH08L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgdXNlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2B1c2VUaGVtZSgpYH08L2lubGluZUNvZGU+e2AgaG9vayB0byBhY2Nlc3MgdGhlIGN1cnJlbnQgdGhlbWUuYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgdXNlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2B1c2VUb2tlbigpYH08L2lubGluZUNvZGU+e2AgaG9vayB0byByZXRyaWV2ZSB0b2tlbiB2YWx1ZXMgZm9yIHRoaXMgdGhlbWUuYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwidGFnLWtleW9mLWpzeGludHJpbnNpY2VsZW1lbnRzXCJcbiAgICB9fT48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDNcIj57YHRhZzoga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzYH08L2lubGluZUNvZGU+PC9oMz5cbiAgICA8cD57YFdoaWNoIGVsZW1lbnQgdHlwZSB0byByZW5kZXIuIEJ5IGRlZmF1bHQgaXQgcmVuZGVycyBhIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxkaXY+YH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPENhbnZhcyBtZHhTb3VyY2U9XCIlMEElM0NTdG9yeUdyaWQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lM0VCYXNlJTIwVUklM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGhlbWVQcm92aWRlciUyMHRoZW1lPSUyMnByZXBseS11aSUyMiUyMHRhZz0lMjJzZWN0aW9uJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTNFUHJlcGx5JTIwVUklM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL1RoZW1lUHJvdmlkZXIlM0UlMEElMjAlMjAlMjAlMjAlM0MvU3RvcnlHcmlkJTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxTdG9yeUdyaWQgbWR4VHlwZT1cIlN0b3J5R3JpZFwiPlxuICAgICAgICA8QnV0dG9uIG1keFR5cGU9XCJCdXR0b25cIj5CYXNlIFVJPC9CdXR0b24+XG4gICAgICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPVwicHJlcGx5LXVpXCIgdGFnPVwic2VjdGlvblwiIG1keFR5cGU9XCJUaGVtZVByb3ZpZGVyXCI+XG4gICAgICAgICAgICA8QnV0dG9uIG1keFR5cGU9XCJCdXR0b25cIj5QcmVwbHkgVUk8L0J1dHRvbj5cbiAgICAgICAgPC9UaGVtZVByb3ZpZGVyPlxuICAgIDwvU3RvcnlHcmlkPlxuICAgIDwvQ2FudmFzPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnQVBJL2RzLXdlYi1jb3JlL3Byb3ZpZGVycy9UaGVtZVByb3ZpZGVyJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/50.reference/ds-web-core/providers/ThemeProvider.stories.mdx\n')},"../docs-pages/docs/pages/50.reference/ds-web-core/providers/ThemesProvider.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__, "LIBRARY_NAME", function() { return LIBRARY_NAME; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FEATURE_NAME", function() { return FEATURE_NAME; });\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\n\nvar LIBRARY_NAME = \'@preply/ds-web-core\';\nvar FEATURE_NAME = \'providers/ThemesProvider\';\nvar layoutProps = {\n LIBRARY_NAME: LIBRARY_NAME\n};\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: "API/ds-web-core/providers/ThemesProvider",\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": "themesprovider"\n }, "ThemesProvider"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* DocMetadata */ "b"], {\n project: LIBRARY_NAME,\n feature: FEATURE_NAME,\n mdxType: "DocMetadata"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Provides the list (and instances) of available Themes and Color Schemes."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Note:"), " You do not need to instantiate ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<ThemesProvider/>"), " directly."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "For a straightforward application setup, refer to the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "Installation: Applications"), " guide."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "props"\n }, "Props"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "themes-themeinterface"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "themes: ThemeInterface[]")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Store the available themes. You can then use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "useThemes()"), " hook to access all available themes."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "colorschemes-colorschemeinterface"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "colorSchemes: ColorSchemeInterface[]")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Store the available color schemes. You can then use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "useThemes()"), " hook to access all available color schemes."));\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: \'API/ds-web-core/providers/ThemesProvider\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItY29yZS9wcm92aWRlcnMvVGhlbWVzUHJvdmlkZXIuc3Rvcmllcy5tZHg/ODE2MCJdLCJuYW1lcyI6WyJMSUJSQVJZX05BTUUiLCJGRUFUVVJFX05BTUUiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNPLElBQU1BLFlBQVksR0FBRyxxQkFBckI7QUFDQSxJQUFNQyxZQUFZLEdBQUcsMEJBQXJCO0FBRVAsSUFBTUMsV0FBVyxHQUFHO0FBQ2xCRixjQUFZLEVBQVpBO0FBRGtCLENBQXBCO0FBR0EsSUFBTUcsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BTUwsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsMENBQVo7QUFBdUQsY0FBVSxFQUFFO0FBQ2pFRSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDJELEtBQW5FO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFOSyxFQVdMO0FBQ0UsVUFBTTtBQURSLHNCQVhLLEVBY0wsa0VBQUMsMkVBQUQ7QUFBYSxXQUFPLEVBQUVULFlBQXRCO0FBQW9DLFdBQU8sRUFBRUMsWUFBN0M7QUFBMkQsV0FBTyxFQUFDO0FBQW5FLElBZEssRUFlTCx3SkFmSyxFQWdCTCw2RUFBRztBQUFRLGNBQVUsRUFBQztBQUFuQixhQUFILHNDQUFnRjtBQUFZLGNBQVUsRUFBQztBQUF2Qix5QkFBaEYsZUFoQkssRUFpQkwsdUlBQTZEO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDekQsWUFBUTtBQURpRCxrQ0FBN0QsWUFqQkssRUFvQkw7QUFDRSxVQUFNO0FBRFIsYUFwQkssRUF1Qkw7QUFDRSxVQUFNO0FBRFIsS0FFRztBQUFZLGNBQVUsRUFBQztBQUF2QixnQ0FGSCxDQXZCSyxFQTBCTCw4SEFBb0Q7QUFBWSxjQUFVLEVBQUM7QUFBdkIsbUJBQXBELDBDQTFCSyxFQTJCTDtBQUNFLFVBQU07QUFEUixLQUVHO0FBQVksY0FBVSxFQUFDO0FBQXZCLDRDQUZILENBM0JLLEVBOEJMLHFJQUEyRDtBQUFZLGNBQVUsRUFBQztBQUF2QixtQkFBM0QsaURBOUJLLENBQVA7QUFnQ0Q7O0FBcENRRyxVO0FBc0NUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsMENBQVQ7QUFBcURILFlBQVUsRUFBRTtBQUNyRk4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRCtFLEdBQWpFO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvNTAucmVmZXJlbmNlL2RzLXdlYi1jb3JlL3Byb3ZpZGVycy9UaGVtZXNQcm92aWRlci5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IERvY01ldGFkYXRhIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyLCB0aGVtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuZXhwb3J0IGNvbnN0IExJQlJBUllfTkFNRSA9ICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmV4cG9ydCBjb25zdCBGRUFUVVJFX05BTUUgPSAncHJvdmlkZXJzL1RoZW1lc1Byb3ZpZGVyJztcblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIExJQlJBUllfTkFNRVxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkFQSS9kcy13ZWItY29yZS9wcm92aWRlcnMvVGhlbWVzUHJvdmlkZXJcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRoZW1lc3Byb3ZpZGVyXCJcbiAgICB9fT57YFRoZW1lc1Byb3ZpZGVyYH08L2gxPlxuICAgIDxEb2NNZXRhZGF0YSBwcm9qZWN0PXtMSUJSQVJZX05BTUV9IGZlYXR1cmU9e0ZFQVRVUkVfTkFNRX0gbWR4VHlwZT1cIkRvY01ldGFkYXRhXCIgLz5cbiAgICA8cD57YFByb3ZpZGVzIHRoZSBsaXN0IChhbmQgaW5zdGFuY2VzKSBvZiBhdmFpbGFibGUgVGhlbWVzIGFuZCBDb2xvciBTY2hlbWVzLmB9PC9wPlxuICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YE5vdGU6YH08L3N0cm9uZz57YCBZb3UgZG8gbm90IG5lZWQgdG8gaW5zdGFudGlhdGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPFRoZW1lc1Byb3ZpZGVyLz5gfTwvaW5saW5lQ29kZT57YCBkaXJlY3RseS5gfTwvcD5cbiAgICA8cD57YEZvciBhIHN0cmFpZ2h0Zm9yd2FyZCBhcHBsaWNhdGlvbiBzZXR1cCwgcmVmZXIgdG8gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1hcHBsaWNhdGlvbnMtLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IEFwcGxpY2F0aW9uc2B9PC9hPntgIGd1aWRlLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInByb3BzXCJcbiAgICB9fT57YFByb3BzYH08L2gyPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRoZW1lcy10aGVtZWludGVyZmFjZVwiXG4gICAgfX0+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgzXCI+e2B0aGVtZXM6IFRoZW1lSW50ZXJmYWNlW11gfTwvaW5saW5lQ29kZT48L2gzPlxuICAgIDxwPntgU3RvcmUgdGhlIGF2YWlsYWJsZSB0aGVtZXMuIFlvdSBjYW4gdGhlbiB1c2UgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgdXNlVGhlbWVzKClgfTwvaW5saW5lQ29kZT57YCBob29rIHRvIGFjY2VzcyBhbGwgYXZhaWxhYmxlIHRoZW1lcy5gfTwvcD5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb2xvcnNjaGVtZXMtY29sb3JzY2hlbWVpbnRlcmZhY2VcIlxuICAgIH19PjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoM1wiPntgY29sb3JTY2hlbWVzOiBDb2xvclNjaGVtZUludGVyZmFjZVtdYH08L2lubGluZUNvZGU+PC9oMz5cbiAgICA8cD57YFN0b3JlIHRoZSBhdmFpbGFibGUgY29sb3Igc2NoZW1lcy4gWW91IGNhbiB0aGVuIHVzZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B1c2VUaGVtZXMoKWB9PC9pbmxpbmVDb2RlPntgIGhvb2sgdG8gYWNjZXNzIGFsbCBhdmFpbGFibGUgY29sb3Igc2NoZW1lcy5gfTwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0FQSS9kcy13ZWItY29yZS9wcm92aWRlcnMvVGhlbWVzUHJvdmlkZXInLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/50.reference/ds-web-core/providers/ThemesProvider.stories.mdx\n')},"../docs-pages/docs/pages/50.reference/ds-web-core/utils/getTokenVar.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__, "LIBRARY_NAME", function() { return LIBRARY_NAME; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FEATURE_NAME", function() { return FEATURE_NAME; });\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_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __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\n\n\n\nvar LIBRARY_NAME = \'@preply/ds-web-core\';\nvar FEATURE_NAME = \'utils/getTokenVar\';\nvar layoutProps = {\n LIBRARY_NAME: LIBRARY_NAME\n};\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: "API/ds-web-core/utils/getTokenVar",\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"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "gettokenvartoken-token-string"\n }, "getTokenVar(token: Token): string"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* DocMetadata */ "b"], {\n project: LIBRARY_NAME,\n feature: FEATURE_NAME,\n mdxType: "DocMetadata"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This util allows you to easily access tokens from within ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://styled-components.com/",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "styled components"), " or from within code based on other ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://css-tricks.com/a-thorough-analysis-of-css-in-js/",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "CSS-in-JS"), " frameworks."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "See ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-tokens-creating-styledcomponents--page"\n }, "Tokens: Creating StyledComponents"), " for a complete example."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "params"\n }, "Params"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "token-token"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "token: Token")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The token definition."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can import them via:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import { tokens } from \'@preply/ds-core\';\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Or more granularly via:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import { root, action, text, ... } from \'@preply/ds-core\';\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "See all available tokens in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-tokens-explorer--page"\n }, "Token Explorer"), " page."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "returns-string"\n }, "Returns ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "string")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The token\'s CSS expression, e.g.: ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "var(--abcde)"), "."));\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: \'API/ds-web-core/utils/getTokenVar\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItY29yZS91dGlscy9nZXRUb2tlblZhci5zdG9yaWVzLm1keD8xNzYwIl0sIm5hbWVzIjpbIkxJQlJBUllfTkFNRSIsIkZFQVRVUkVfTkFNRSIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDTyxJQUFNQSxZQUFZLEdBQUcscUJBQXJCO0FBQ0EsSUFBTUMsWUFBWSxHQUFHLG1CQUFyQjtBQUVQLElBQU1DLFdBQVcsR0FBRztBQUNsQkYsY0FBWSxFQUFaQTtBQURrQixDQUFwQjtBQUdBLElBQU1HLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU1MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLG1DQUFaO0FBQWdELGNBQVUsRUFBRTtBQUMxREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURvRCxLQUE1RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTkssRUFXTCxrRUFBQyw2RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVhLLEVBWUw7QUFDRSxVQUFNO0FBRFIseUNBWkssRUFlTCxrRUFBQywyRUFBRDtBQUFhLFdBQU8sRUFBRVQsWUFBdEI7QUFBb0MsV0FBTyxFQUFFQyxZQUE3QztBQUEyRCxXQUFPLEVBQUM7QUFBbkUsSUFmSyxFQWdCTCwwSUFBZ0U7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUM1RCxZQUFRLGdDQURvRDtBQUU1RCxjQUFVLFFBRmtEO0FBRzVELFdBQU87QUFIcUQseUJBQWhFLDBDQUlzRTtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ2xFLFlBQVEsMERBRDBEO0FBRWxFLGNBQVUsUUFGd0Q7QUFHbEUsV0FBTztBQUgyRCxpQkFKdEUsaUJBaEJLLEVBeUJMLHFGQUFXO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDUCxZQUFRO0FBREQseUNBQVgsNkJBekJLLEVBNEJMO0FBQ0UsVUFBTTtBQURSLGNBNUJLLEVBK0JMO0FBQ0UsVUFBTTtBQURSLEtBRUc7QUFBWSxjQUFVLEVBQUM7QUFBdkIsb0JBRkgsQ0EvQkssRUFrQ0wscUdBbENLLEVBbUNMLHdHQW5DSyxFQW9DTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosbURBQUwsQ0FwQ0ssRUF3Q0wsdUdBeENLLEVBeUNMLCtFQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWixvRUFBTCxDQXpDSyxFQTZDTCxpSEFBdUM7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUNuQyxZQUFRO0FBRDJCLHNCQUF2QyxXQTdDSyxFQWdETDtBQUNFLFVBQU07QUFEUixpQkFFZTtBQUFZLGNBQVUsRUFBQztBQUF2QixjQUZmLENBaERLLEVBbURMLG1IQUF5QztBQUFZLGNBQVUsRUFBQztBQUF2QixvQkFBekMsTUFuREssQ0FBUDtBQXFERDs7QUF6RFFHLFU7QUEyRFQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxtQ0FBVDtBQUE4Q0gsWUFBVSxFQUFFO0FBQzlFTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEd0UsR0FBMUQ7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy81MC5yZWZlcmVuY2UvZHMtd2ViLWNvcmUvdXRpbHMvZ2V0VG9rZW5WYXIuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBDT0xPUl9TQ0hFTUVfREVGQVVMVCwgY29sb3JTY2hlbWVDb25maWcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViLCBUaGVtZVN3aXRjaGVyIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgRG9jTWV0YWRhdGEsIE9wdGlvbnNMaXN0IH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgQnV0dG9uLCBQYW5lbCwgUGFuZWxCb2R5LCBQYW5lbEhlYWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5leHBvcnQgY29uc3QgTElCUkFSWV9OQU1FID0gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuZXhwb3J0IGNvbnN0IEZFQVRVUkVfTkFNRSA9ICd1dGlscy9nZXRUb2tlblZhcic7XG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBMSUJSQVJZX05BTUVcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJBUEkvZHMtd2ViLWNvcmUvdXRpbHMvZ2V0VG9rZW5WYXJcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJnZXR0b2tlbnZhcnRva2VuLXRva2VuLXN0cmluZ1wiXG4gICAgfX0+e2BnZXRUb2tlblZhcih0b2tlbjogVG9rZW4pOiBzdHJpbmdgfTwvaDE+XG4gICAgPERvY01ldGFkYXRhIHByb2plY3Q9e0xJQlJBUllfTkFNRX0gZmVhdHVyZT17RkVBVFVSRV9OQU1FfSBtZHhUeXBlPVwiRG9jTWV0YWRhdGFcIiAvPlxuICAgIDxwPntgVGhpcyB1dGlsIGFsbG93cyB5b3UgdG8gZWFzaWx5IGFjY2VzcyB0b2tlbnMgZnJvbSB3aXRoaW4gYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vc3R5bGVkLWNvbXBvbmVudHMuY29tL1wiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BzdHlsZWQgY29tcG9uZW50c2B9PC9hPntgIG9yIGZyb20gd2l0aGluIGNvZGUgYmFzZWQgb24gb3RoZXIgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vY3NzLXRyaWNrcy5jb20vYS10aG9yb3VnaC1hbmFseXNpcy1vZi1jc3MtaW4tanMvXCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YENTUy1pbi1KU2B9PC9hPntgIGZyYW1ld29ya3MuYH08L3A+XG4gICAgPHA+e2BTZWUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtdG9rZW5zLWNyZWF0aW5nLXN0eWxlZGNvbXBvbmVudHMtLXBhZ2VcIlxuICAgICAgfX0+e2BUb2tlbnM6IENyZWF0aW5nIFN0eWxlZENvbXBvbmVudHNgfTwvYT57YCBmb3IgYSBjb21wbGV0ZSBleGFtcGxlLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInBhcmFtc1wiXG4gICAgfX0+e2BQYXJhbXNgfTwvaDI+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwidG9rZW4tdG9rZW5cIlxuICAgIH19PjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoM1wiPntgdG9rZW46IFRva2VuYH08L2lubGluZUNvZGU+PC9oMz5cbiAgICA8cD57YFRoZSB0b2tlbiBkZWZpbml0aW9uLmB9PC9wPlxuICAgIDxwPntgWW91IGNhbiBpbXBvcnQgdGhlbSB2aWE6YH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c3hcIlxuICAgICAgfX0+e2BpbXBvcnQgeyB0b2tlbnMgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BPciBtb3JlIGdyYW51bGFybHkgdmlhOmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHsgcm9vdCwgYWN0aW9uLCB0ZXh0LCAuLi4gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BTZWUgYWxsIGF2YWlsYWJsZSB0b2tlbnMgaW4gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLXRva2Vucy1leHBsb3Jlci0tcGFnZVwiXG4gICAgICB9fT57YFRva2VuIEV4cGxvcmVyYH08L2E+e2AgcGFnZS5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJyZXR1cm5zLXN0cmluZ1wiXG4gICAgfX0+e2BSZXR1cm5zIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgyXCI+e2BzdHJpbmdgfTwvaW5saW5lQ29kZT48L2gyPlxuICAgIDxwPntgVGhlIHRva2VuJ3MgQ1NTIGV4cHJlc3Npb24sIGUuZy46IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHZhcigtLWFiY2RlKWB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnQVBJL2RzLXdlYi1jb3JlL3V0aWxzL2dldFRva2VuVmFyJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/50.reference/ds-web-core/utils/getTokenVar.stories.mdx\n')},"../docs-pages/docs/pages/50.reference/ds-web-root/providers/RootProvider.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__, "LIBRARY_NAME", function() { return LIBRARY_NAME; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FEATURE_NAME", function() { return FEATURE_NAME; });\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_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../packages/core/dist/generated/options.js");\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../packages/core/dist/generated/defaults.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../docs-context/dist/components/ThemeOptionsList.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _preply_ds_web_root__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../packages/web-root/dist/root/providers/RootProvider.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\n\nvar LIBRARY_NAME = \'@preply/ds-web-root\';\nvar FEATURE_NAME = \'providers/RootProvider\';\nvar layoutProps = {\n LIBRARY_NAME: LIBRARY_NAME\n};\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: "API/ds-web-root/providers/RootProvider",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "rootprovider"\n }, "RootProvider"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_11__[/* DocMetadata */ "b"], {\n project: LIBRARY_NAME,\n feature: FEATURE_NAME,\n mdxType: "DocMetadata"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This page is about the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), " API and its advanced usage."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Refer to the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "Installation: Applications"), " guide for step by step instructions."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "intro"\n }, "Intro"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Preply\'s Design System uses theming at its core. This capability is provided by a few independent context providers."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The responsibility of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), " is to initialize the default context and add the CSS class names to the document."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "props"\n }, "Props"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "theme-string"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "theme"), ": string"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Select the theme for the scope of the whole page."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Available themes:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__[/* ThemeOptionsList */ "a"], {\n options: _preply_ds_core__WEBPACK_IMPORTED_MODULE_7__[/* THEME_OPTIONS */ "u"],\n defaultValue: _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__[/* THEME_DEFAULT */ "o"],\n mdxType: "ThemeOptionsList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CRootProvider%20tag=%22main%22%20theme=%22preply-ui%22%3E%0A%20%20%20%20%20%20%20%20%3CButton%20variant=%22primary%22%3ESecondary%3C/Button%3E%0A%20%20%20%20%3C/RootProvider%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_root__WEBPACK_IMPORTED_MODULE_13__[/* RootProvider */ "a"], {\n tag: "main",\n theme: "preply-ui",\n mdxType: "RootProvider"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__[/* Button */ "a"], {\n variant: "primary",\n mdxType: "Button"\n }, "Secondary"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "colorscheme-string"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "colorScheme"), ": string"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Select the color scheme for the scope of the whole page."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Available colorScheme:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__[/* ThemeOptionsList */ "a"], {\n options: _preply_ds_core__WEBPACK_IMPORTED_MODULE_7__[/* COLOR_SCHEME_OPTIONS */ "d"],\n defaultValue: _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__[/* COLOR_SCHEME_DEFAULT */ "d"],\n mdxType: "ThemeOptionsList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CRootProvider%20tag=%22main%22%20colorScheme=%22banner%22%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20style=%7B%7B%0A%20%20%20%20backgroundColor:%20\'#22ae25\',%0A%20%20%20%20padding:%20\'20px\'%0A%20%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20variant=%22primary%22%3ESecondary%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3C/div%3E%0A%20%20%20%20%3C/RootProvider%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_root__WEBPACK_IMPORTED_MODULE_13__[/* RootProvider */ "a"], {\n tag: "main",\n colorScheme: "banner",\n mdxType: "RootProvider"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("div", {\n style: {\n backgroundColor: \'#22ae25\',\n padding: \'20px\'\n }\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__[/* Button */ "a"], {\n variant: "primary",\n mdxType: "Button"\n }, "Secondary")))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Note:"), " You will have to render the background color in your app. Take a look at ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-color-schemes-nesting--page"\n }, "Color Schemes: Nesting\\n"), " to learn how to do it."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "target-string--element--undefined"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "target"), ": string | Element | undefined"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Where in the document should we add add the CSS class names."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Typically, you will want to pass the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "document.body"), " element so that CSS classes are rendering directly in ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<body class=\\"...\\">"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This will make sure the CSS classes are in scope for components rendered anywhere in the page, including ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("em", {\n parentName: "p"\n }, "portals"), " outside of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<div id=\\"root>"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "export const App = ({ children }) => <RootProvider target={document.body}>{children}</RootProvider>;\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Which results in:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-html"\n }, "<body class=\\"_1AbtxS e3tba3 ds-scheme--base\\">\\n ...\\n</body>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In SSR scenarios this is not available, so you will need to provide ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "none"), " as target. Please refer to the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-storybook--page"\n }, "Installation: Storybook"), " guide."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "<RootProvider target=\\"none\\">{children}</RootProvider>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If you want to scope the CSS to only a specific part of the page, you can supply the element\'s ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "#id"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "<RootProvider target=\\"root\\">{children}</RootProvider>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If no value is provided to the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "target"), " prop, an extra ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<div>"), " will rendered. This is probably only desirable when adding a specially scoped instance of the Design System in a page otherwise managed by different component libraries."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-html"\n }, "<div id=\\"root\\">\\n <div class=\\"ds...\\">...</div>\\n</div>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "tag-keyof-jsxintrinsicelements"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h3"\n }, "tag"), ": keyof JSX.IntrinsicElements"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Provide this prop to chose which tag to render (when ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "target"), " is absent)."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CRootProvider%20tag=%22main%22%3E%0A%20%20%20%20%20%20%20%20%3CButton%20variant=%22primary%22%3ESecondary%3C/Button%3E%0A%20%20%20%20%3C/RootProvider%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_root__WEBPACK_IMPORTED_MODULE_13__[/* RootProvider */ "a"], {\n tag: "main",\n mdxType: "RootProvider"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__[/* Button */ "a"], {\n variant: "primary",\n mdxType: "Button"\n }, "Secondary"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If no value is provided to the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "target"), " prop, an extra ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<div>"), " will rendered. This is probably only desirable when adding a specially scoped instance of the Design System in a page otherwise managed by different component libraries."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-html"\n }, "<div id=\\"root\\">\\n <div class=\\"ds...\\">...</div>\\n</div>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "advanced"\n }, "Advanced"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "css-classes"\n }, "CSS classes"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The following CSS classes are required for our CSS modules based components to work properly:"), 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 }, "The CSS class(es) for the current theme (e.g.: ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "ds-preply-ui"), " + ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "ds-base-ui"), ")"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "The CSS class(es) for the current color scheme (e.g.: ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "ds-scheme-base"), ") Yes. See See ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/providers-colorscheme--page"\n }, "Providers: ColorScheme"), ".")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "why-more-than-one-class-per-theme"\n }, "Why more than one class per theme?"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The legacy theme ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "preply-ui"), " is implemented as a layer of overrides on top of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "base-ui"), ", hence two classes are set: ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "ds-preply-ui ds-base-ui"), "."));\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: \'API/ds-web-root/providers/RootProvider\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__[/* 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItcm9vdC9wcm92aWRlcnMvUm9vdFByb3ZpZGVyLnN0b3JpZXMubWR4PzNhODkiXSwibmFtZXMiOlsiTElCUkFSWV9OQU1FIiwiRkVBVFVSRV9OQU1FIiwibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsIlRIRU1FX09QVElPTlMiLCJUSEVNRV9ERUZBVUxUIiwiQ09MT1JfU0NIRU1FX09QVElPTlMiLCJDT0xPUl9TQ0hFTUVfREVGQVVMVCIsImJhY2tncm91bmRDb2xvciIsInBhZGRpbmciLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFNQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ08sSUFBTUEsWUFBWSxHQUFHLHFCQUFyQjtBQUNBLElBQU1DLFlBQVksR0FBRyx3QkFBckI7QUFFUCxJQUFNQyxXQUFXLEdBQUc7QUFDbEJGLGNBQVksRUFBWkE7QUFEa0IsQ0FBcEI7QUFHQSxJQUFNRyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFTTCxrRUFBQyxrRUFB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QUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJaLElBQXpCLHFCQUNNYyxhQUFhLENBQUNGLFVBQWQsQ0FBeUJaLElBQXpCLElBQWlDLEVBRHZDO0FBRUVrQixNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvNTAucmVmZXJlbmNlL2RzLXdlYi1yb290L3Byb3ZpZGVycy9Sb290UHJvdmlkZXIuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQge1xuICAgIENPTE9SX1NDSEVNRV9ERUZBVUxULFxuICAgIENPTE9SX1NDSEVNRV9PUFRJT05TLFxuICAgIFRIRU1FX0RFRkFVTFQsXG4gICAgVEhFTUVfT1BUSU9OUyxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IERvY01ldGFkYXRhIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciwgdGhlbWVzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuZXhwb3J0IGNvbnN0IExJQlJBUllfTkFNRSA9ICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmV4cG9ydCBjb25zdCBGRUFUVVJFX05BTUUgPSAncHJvdmlkZXJzL1Jvb3RQcm92aWRlcic7XG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBMSUJSQVJZX05BTUVcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAge1xuICAgICAgLyogdXNlcyBEb2NDb250ZXh0IChpbnN0ZWFkIG9mIERvY0NvbnRleHREU1dlYikgc28gdGhhdCB3ZSBjYW4gcmVuZGVyIGFuIGFjdHVhbCBSb290UHJvdmlkZXIgZXhhbXBsZSAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkFQSS9kcy13ZWItcm9vdC9wcm92aWRlcnMvUm9vdFByb3ZpZGVyXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJyb290cHJvdmlkZXJcIlxuICAgIH19PntgUm9vdFByb3ZpZGVyYH08L2gxPlxuICAgIDxEb2NNZXRhZGF0YSBwcm9qZWN0PXtMSUJSQVJZX05BTUV9IGZlYXR1cmU9e0ZFQVRVUkVfTkFNRX0gbWR4VHlwZT1cIkRvY01ldGFkYXRhXCIgLz5cbiAgICA8cD57YFRoaXMgcGFnZSBpcyBhYm91dCB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPFJvb3RQcm92aWRlci8+YH08L2lubGluZUNvZGU+e2AgQVBJIGFuZCBpdHMgYWR2YW5jZWQgdXNhZ2UuYH08L3A+XG4gICAgPHA+e2BSZWZlciB0byB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtaW5zdGFsbGF0aW9uLWFwcGxpY2F0aW9ucy0tcGFnZVwiXG4gICAgICB9fT57YEluc3RhbGxhdGlvbjogQXBwbGljYXRpb25zYH08L2E+e2AgZ3VpZGUgZm9yIHN0ZXAgYnkgc3RlcCBpbnN0cnVjdGlvbnMuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW50cm9cIlxuICAgIH19PntgSW50cm9gfTwvaDI+XG4gICAgPHA+e2BQcmVwbHkncyBEZXNpZ24gU3lzdGVtIHVzZXMgdGhlbWluZyBhdCBpdHMgY29yZS4gVGhpcyBjYXBhYmlsaXR5IGlzIHByb3ZpZGVkIGJ5IGEgZmV3IGluZGVwZW5kZW50IGNvbnRleHQgcHJvdmlkZXJzLmB9PC9wPlxuICAgIDxwPntgVGhlIHJlc3BvbnNpYmlsaXR5IG9mIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxSb290UHJvdmlkZXIvPmB9PC9pbmxpbmVDb2RlPntgIGlzIHRvIGluaXRpYWxpemUgdGhlIGRlZmF1bHQgY29udGV4dCBhbmQgYWRkIHRoZSBDU1MgY2xhc3MgbmFtZXMgdG8gdGhlIGRvY3VtZW50LmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInByb3BzXCJcbiAgICB9fT57YFByb3BzYH08L2gyPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRoZW1lLXN0cmluZ1wiXG4gICAgfX0+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgzXCI+e2B0aGVtZWB9PC9pbmxpbmVDb2RlPntgOiBzdHJpbmdgfTwvaDM+XG4gICAgPHA+e2BTZWxlY3QgdGhlIHRoZW1lIGZvciB0aGUgc2NvcGUgb2YgdGhlIHdob2xlIHBhZ2UuYH08L3A+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgQXZhaWxhYmxlIHRoZW1lczpgfTwvc3Ryb25nPjwvcD5cbiAgICA8VGhlbWVPcHRpb25zTGlzdCBvcHRpb25zPXtUSEVNRV9PUFRJT05TfSBkZWZhdWx0VmFsdWU9e1RIRU1FX0RFRkFVTFR9IG1keFR5cGU9XCJUaGVtZU9wdGlvbnNMaXN0XCIgLz5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ1Jvb3RQcm92aWRlciUyMHRhZz0lMjJtYWluJTIyJTIwdGhlbWU9JTIycHJlcGx5LXVpJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTIwdmFyaWFudD0lMjJwcmltYXJ5JTIyJTNFU2Vjb25kYXJ5JTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUzQy9Sb290UHJvdmlkZXIlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPFJvb3RQcm92aWRlciB0YWc9XCJtYWluXCIgdGhlbWU9XCJwcmVwbHktdWlcIiBtZHhUeXBlPVwiUm9vdFByb3ZpZGVyXCI+XG4gICAgICAgIDxCdXR0b24gdmFyaWFudD1cInByaW1hcnlcIiBtZHhUeXBlPVwiQnV0dG9uXCI+U2Vjb25kYXJ5PC9CdXR0b24+XG4gICAgPC9Sb290UHJvdmlkZXI+XG4gICAgPC9DYW52YXM+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwiY29sb3JzY2hlbWUtc3RyaW5nXCJcbiAgICB9fT48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDNcIj57YGNvbG9yU2NoZW1lYH08L2lubGluZUNvZGU+e2A6IHN0cmluZ2B9PC9oMz5cbiAgICA8cD57YFNlbGVjdCB0aGUgY29sb3Igc2NoZW1lIGZvciB0aGUgc2NvcGUgb2YgdGhlIHdob2xlIHBhZ2UuYH08L3A+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgQXZhaWxhYmxlIGNvbG9yU2NoZW1lOmB9PC9zdHJvbmc+PC9wPlxuICAgIDxUaGVtZU9wdGlvbnNMaXN0IG9wdGlvbnM9e0NPTE9SX1NDSEVNRV9PUFRJT05TfSBkZWZhdWx0VmFsdWU9e0NPTE9SX1NDSEVNRV9ERUZBVUxUfSBtZHhUeXBlPVwiVGhlbWVPcHRpb25zTGlzdFwiIC8+XG4gICAgPENhbnZhcyBtZHhTb3VyY2U9XCIlMEElM0NSb290UHJvdmlkZXIlMjB0YWc9JTIybWFpbiUyMiUyMGNvbG9yU2NoZW1lPSUyMmJhbm5lciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ2RpdiUyMHN0eWxlPSU3QiU3QiUwQSUyMCUyMCUyMCUyMGJhY2tncm91bmRDb2xvcjolMjAnIzIyYWUyNScsJTBBJTIwJTIwJTIwJTIwcGFkZGluZzolMjAnMjBweCclMEElMjAlMjAlN0QlN0QlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnByaW1hcnklMjIlM0VTZWNvbmRhcnklM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL2RpdiUzRSUwQSUyMCUyMCUyMCUyMCUzQy9Sb290UHJvdmlkZXIlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPFJvb3RQcm92aWRlciB0YWc9XCJtYWluXCIgY29sb3JTY2hlbWU9XCJiYW5uZXJcIiBtZHhUeXBlPVwiUm9vdFByb3ZpZGVyXCI+XG4gICAgICAgIDxkaXYgc3R5bGU9e3tcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjMjJhZTI1JyxcbiAgICAgICAgICBwYWRkaW5nOiAnMjBweCdcbiAgICAgICAgfX0+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJwcmltYXJ5XCIgbWR4VHlwZT1cIkJ1dHRvblwiPlNlY29uZGFyeTwvQnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L1Jvb3RQcm92aWRlcj5cbiAgICA8L0NhbnZhcz5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BOb3RlOmB9PC9zdHJvbmc+e2AgWW91IHdpbGwgaGF2ZSB0byByZW5kZXIgdGhlIGJhY2tncm91bmQgY29sb3IgaW4geW91ciBhcHAuIFRha2UgYSBsb29rIGF0IGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWNvbG9yLXNjaGVtZXMtbmVzdGluZy0tcGFnZVwiXG4gICAgICB9fT57YENvbG9yIFNjaGVtZXM6IE5lc3RpbmdcbmB9PC9hPntgIHRvIGxlYXJuIGhvdyB0byBkbyBpdC5gfTwvcD5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJ0YXJnZXQtc3RyaW5nLS1lbGVtZW50LS11bmRlZmluZWRcIlxuICAgIH19PjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoM1wiPntgdGFyZ2V0YH08L2lubGluZUNvZGU+e2A6IHN0cmluZyB8IEVsZW1lbnQgfCB1bmRlZmluZWRgfTwvaDM+XG4gICAgPHA+e2BXaGVyZSBpbiB0aGUgZG9jdW1lbnQgc2hvdWxkIHdlIGFkZCBhZGQgdGhlIENTUyBjbGFzcyBuYW1lcy5gfTwvcD5cbiAgICA8cD57YFR5cGljYWxseSwgeW91IHdpbGwgd2FudCB0byBwYXNzIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bkb2N1bWVudC5ib2R5YH08L2lubGluZUNvZGU+e2AgZWxlbWVudCBzbyB0aGF0IENTUyBjbGFzc2VzIGFyZSByZW5kZXJpbmcgZGlyZWN0bHkgaW4gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPGJvZHkgY2xhc3M9XCIuLi5cIj5gfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cD57YFRoaXMgd2lsbCBtYWtlIHN1cmUgdGhlIENTUyBjbGFzc2VzIGFyZSBpbiBzY29wZSBmb3IgY29tcG9uZW50cyByZW5kZXJlZCBhbnl3aGVyZSBpbiB0aGUgcGFnZSwgaW5jbHVkaW5nIGB9PGVtIHBhcmVudE5hbWU9XCJwXCI+e2Bwb3J0YWxzYH08L2VtPntgIG91dHNpZGUgb2YgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPGRpdiBpZD1cInJvb3Q+YH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c3hcIlxuICAgICAgfX0+e2BleHBvcnQgY29uc3QgQXBwID0gKHsgY2hpbGRyZW4gfSkgPT4gPFJvb3RQcm92aWRlciB0YXJnZXQ9e2RvY3VtZW50LmJvZHl9PntjaGlsZHJlbn08L1Jvb3RQcm92aWRlcj47XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFdoaWNoIHJlc3VsdHMgaW46YH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1odG1sXCJcbiAgICAgIH19PntgPGJvZHkgY2xhc3M9XCJfMUFidHhTIGUzdGJhMyBkcy1zY2hlbWUtLWJhc2VcIj5cbiAgICAuLi5cbjwvYm9keT5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgSW4gU1NSIHNjZW5hcmlvcyB0aGlzIGlzIG5vdCBhdmFpbGFibGUsIHNvIHlvdSB3aWxsIG5lZWQgdG8gcHJvdmlkZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bub25lYH08L2lubGluZUNvZGU+e2AgYXMgdGFyZ2V0LiBQbGVhc2UgcmVmZXIgdG8gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1zdG9yeWJvb2stLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IFN0b3J5Ym9va2B9PC9hPntgIGd1aWRlLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgPFJvb3RQcm92aWRlciB0YXJnZXQ9XCJub25lXCI+e2NoaWxkcmVufTwvUm9vdFByb3ZpZGVyPlxuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BJZiB5b3Ugd2FudCB0byBzY29wZSB0aGUgQ1NTIHRvIG9ubHkgYSBzcGVjaWZpYyBwYXJ0IG9mIHRoZSBwYWdlLCB5b3UgY2FuIHN1cHBseSB0aGUgZWxlbWVudCdzIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YCNpZGB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgPFJvb3RQcm92aWRlciB0YXJnZXQ9XCJyb290XCI+e2NoaWxkcmVufTwvUm9vdFByb3ZpZGVyPlxuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCB0byB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgdGFyZ2V0YH08L2lubGluZUNvZGU+e2AgcHJvcCwgYW4gZXh0cmEgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPGRpdj5gfTwvaW5saW5lQ29kZT57YCB3aWxsIHJlbmRlcmVkLiBUaGlzIGlzIHByb2JhYmx5IG9ubHkgZGVzaXJhYmxlIHdoZW4gYWRkaW5nIGEgc3BlY2lhbGx5IHNjb3BlZCBpbnN0YW5jZSBvZiB0aGUgRGVzaWduIFN5c3RlbSBpbiBhIHBhZ2Ugb3RoZXJ3aXNlIG1hbmFnZWQgYnkgZGlmZmVyZW50IGNvbXBvbmVudCBsaWJyYXJpZXMuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1odG1sXCJcbiAgICAgIH19PntgPGRpdiBpZD1cInJvb3RcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZHMuLi5cIj4uLi48L2Rpdj5cbjwvZGl2PlxuYH08L2NvZGU+PC9wcmU+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwidGFnLWtleW9mLWpzeGludHJpbnNpY2VsZW1lbnRzXCJcbiAgICB9fT48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDNcIj57YHRhZ2B9PC9pbmxpbmVDb2RlPntgOiBrZXlvZiBKU1guSW50cmluc2ljRWxlbWVudHNgfTwvaDM+XG4gICAgPHA+e2BQcm92aWRlIHRoaXMgcHJvcCB0byBjaG9zZSB3aGljaCB0YWcgdG8gcmVuZGVyICh3aGVuIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHRhcmdldGB9PC9pbmxpbmVDb2RlPntgIGlzIGFic2VudCkuYH08L3A+XG4gICAgPENhbnZhcyBtZHhTb3VyY2U9XCIlMEElM0NSb290UHJvdmlkZXIlMjB0YWc9JTIybWFpbiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIycHJpbWFyeSUyMiUzRVNlY29uZGFyeSUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlM0MvUm9vdFByb3ZpZGVyJTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxSb290UHJvdmlkZXIgdGFnPVwibWFpblwiIG1keFR5cGU9XCJSb290UHJvdmlkZXJcIj5cbiAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicHJpbWFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5TZWNvbmRhcnk8L0J1dHRvbj5cbiAgICA8L1Jvb3RQcm92aWRlcj5cbiAgICA8L0NhbnZhcz5cbiAgICA8cD57YElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkIHRvIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0YXJnZXRgfTwvaW5saW5lQ29kZT57YCBwcm9wLCBhbiBleHRyYSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8ZGl2PmB9PC9pbmxpbmVDb2RlPntgIHdpbGwgcmVuZGVyZWQuIFRoaXMgaXMgcHJvYmFibHkgb25seSBkZXNpcmFibGUgd2hlbiBhZGRpbmcgYSBzcGVjaWFsbHkgc2NvcGVkIGluc3RhbmNlIG9mIHRoZSBEZXNpZ24gU3lzdGVtIGluIGEgcGFnZSBvdGhlcndpc2UgbWFuYWdlZCBieSBkaWZmZXJlbnQgY29tcG9uZW50IGxpYnJhcmllcy5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLWh0bWxcIlxuICAgICAgfX0+e2A8ZGl2IGlkPVwicm9vdFwiPlxuICAgIDxkaXYgY2xhc3M9XCJkcy4uLlwiPi4uLjwvZGl2PlxuPC9kaXY+XG5gfTwvY29kZT48L3ByZT5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJhZHZhbmNlZFwiXG4gICAgfX0+e2BBZHZhbmNlZGB9PC9oMj5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJjc3MtY2xhc3Nlc1wiXG4gICAgfX0+e2BDU1MgY2xhc3Nlc2B9PC9oMz5cbiAgICA8cD57YFRoZSBmb2xsb3dpbmcgQ1NTIGNsYXNzZXMgYXJlIHJlcXVpcmVkIGZvciBvdXIgQ1NTIG1vZHVsZXMgYmFzZWQgY29tcG9uZW50cyB0byB3b3JrIHByb3Blcmx5OmB9PC9wPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YFRoZSBDU1MgY2xhc3MoZXMpIGZvciB0aGUgY3VycmVudCB0aGVtZSAoZS5nLjogYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGRzLXByZXBseS11aWB9PC9pbmxpbmVDb2RlPntgICsgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGRzLWJhc2UtdWlgfTwvaW5saW5lQ29kZT57YClgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BUaGUgQ1NTIGNsYXNzKGVzKSBmb3IgdGhlIGN1cnJlbnQgY29sb3Igc2NoZW1lIChlLmcuOiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgZHMtc2NoZW1lLWJhc2VgfTwvaW5saW5lQ29kZT57YCkgWWVzLiBTZWUgU2VlIGB9PGEgcGFyZW50TmFtZT1cImxpXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvcHJvdmlkZXJzLWNvbG9yc2NoZW1lLS1wYWdlXCJcbiAgICAgICAgfX0+e2BQcm92aWRlcnM6IENvbG9yU2NoZW1lYH08L2E+e2AuYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwid2h5LW1vcmUtdGhhbi1vbmUtY2xhc3MtcGVyLXRoZW1lXCJcbiAgICB9fT57YFdoeSBtb3JlIHRoYW4gb25lIGNsYXNzIHBlciB0aGVtZT9gfTwvaDM+XG4gICAgPHA+e2BUaGUgbGVnYWN5IHRoZW1lIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHByZXBseS11aWB9PC9pbmxpbmVDb2RlPntgIGlzIGltcGxlbWVudGVkIGFzIGEgbGF5ZXIgb2Ygb3ZlcnJpZGVzIG9uIHRvcCBvZiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BiYXNlLXVpYH08L2lubGluZUNvZGU+e2AsIGhlbmNlIHR3byBjbGFzc2VzIGFyZSBzZXQ6IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGRzLXByZXBseS11aSBkcy1iYXNlLXVpYH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdBUEkvZHMtd2ViLXJvb3QvcHJvdmlkZXJzL1Jvb3RQcm92aWRlcicsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/50.reference/ds-web-root/providers/RootProvider.stories.mdx\n')},"./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.module.less":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js");\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/css-loader/dist/runtime/api.js");\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default.a);\n// Module\n___CSS_LOADER_EXPORT___.push([module.i, "/* AUTO GENERATED @Mon May 02 2022 09:35:50 GMT+0000 (Coordinated Universal Time) */\\n/* AUTO GENERATED @Mon May 02 2022 09:35:50 GMT+0000 (Coordinated Universal Time) */\\n.Pg\\\\+bkl {\\n display: flex;\\n flex-direction: column;\\n gap: var(--74380);\\n}\\n@media (min-width: 880px) {\\n .Pg\\\\+bkl {\\n flex-direction: row;\\n }\\n}\\n", "",{"version":3,"sources":["webpack://./../docs-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.module.less"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,mFAAmF;AAEnF;EACI,aAAA;EACA,sBAAA;EACA,iBAAA;AAAJ;AAEI;EAAA;IACI,mBAAA;EACN;AACF","sourcesContent":["@import \'@preply/ds-web-core/dist/generated/tokens.less\';\\n@import \'@preply/ds-web-core/dist/generated/breakpoints.less\';\\n\\n.MyComponentWithLessModule {\\n display: flex;\\n flex-direction: column;\\n gap: @root-space-s;\\n\\n @media @medium-l {\\n flex-direction: row;\\n }\\n}\\n"],"sourceRoot":""}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t"MyComponentWithLessModule": "Pg+bkl"\n};\n/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2V4YW1wbGVzL015Q29tcG9uZW50V2l0aExlc3NNb2R1bGUubW9kdWxlLmxlc3M/YzNhOSJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQzBJO0FBQzdCO0FBQzdHLDhCQUE4Qix3RkFBMkIsQ0FBQywyR0FBcUM7QUFDL0Y7QUFDQSw4QkFBOEIsUUFBUywwTEFBMEwsa0JBQWtCLDJCQUEyQixzQkFBc0IsR0FBRyw2QkFBNkIsZUFBZSwwQkFBMEIsS0FBSyxHQUFHLFNBQVMseUtBQXlLLGFBQWEsTUFBTSxVQUFVLFdBQVcsV0FBVyxLQUFLLEtBQUssS0FBSyxXQUFXLEtBQUssa0ZBQWtGLGdFQUFnRSxnQ0FBZ0Msb0JBQW9CLDZCQUE2Qix5QkFBeUIsMEJBQTBCLDhCQUE4QixPQUFPLEdBQUcscUJBQXFCO0FBQzU4QjtBQUNBO0FBQ0E7QUFDQTtBQUNlLGdGQUF1QixFQUFDIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanM/IS4uLy4uL25vZGVfbW9kdWxlcy9wb3N0Y3NzLWxvYWRlci9kaXN0L2Nqcy5qcz8hLi4vLi4vbm9kZV9tb2R1bGVzL2xlc3MtbG9hZGVyL2Rpc3QvY2pzLmpzIS4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNTAucmVzcG9uc2l2ZS9leGFtcGxlcy9NeUNvbXBvbmVudFdpdGhMZXNzTW9kdWxlLm1vZHVsZS5sZXNzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gSW1wb3J0c1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18gZnJvbSBcIi4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2Nzc1dpdGhNYXBwaW5nVG9TdHJpbmcuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qc1wiO1xudmFyIF9fX0NTU19MT0FERVJfRVhQT1JUX19fID0gX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fKF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18pO1xuLy8gTW9kdWxlXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5wdXNoKFttb2R1bGUuaWQsIFwiLyogQVVUTyBHRU5FUkFURUQgQE1vbiBNYXkgMDIgMjAyMiAwOTozNTo1MCBHTVQrMDAwMCAoQ29vcmRpbmF0ZWQgVW5pdmVyc2FsIFRpbWUpICovXFxuLyogQVVUTyBHRU5FUkFURUQgQE1vbiBNYXkgMDIgMjAyMiAwOTozNTo1MCBHTVQrMDAwMCAoQ29vcmRpbmF0ZWQgVW5pdmVyc2FsIFRpbWUpICovXFxuLlBnXFxcXCtia2wge1xcbiAgZGlzcGxheTogZmxleDtcXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICBnYXA6IHZhcigtLTc0MzgwKTtcXG59XFxuQG1lZGlhIChtaW4td2lkdGg6IDg4MHB4KSB7XFxuICAuUGdcXFxcK2JrbCB7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XFxuICB9XFxufVxcblwiLCBcIlwiLHtcInZlcnNpb25cIjozLFwic291cmNlc1wiOltcIndlYnBhY2s6Ly8uLy4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNTAucmVzcG9uc2l2ZS9leGFtcGxlcy9NeUNvbXBvbmVudFdpdGhMZXNzTW9kdWxlLm1vZHVsZS5sZXNzXCJdLFwibmFtZXNcIjpbXSxcIm1hcHBpbmdzXCI6XCJBQUFBLG1GQUFtRjtBQUNuRixtRkFBbUY7QUFFbkY7RUFDSSxhQUFBO0VBQ0Esc0JBQUE7RUFDQSxpQkFBQTtBQUFKO0FBRUk7RUFBQTtJQUNJLG1CQUFBO0VBQ047QUFDRlwiLFwic291cmNlc0NvbnRlbnRcIjpbXCJAaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL3Rva2Vucy5sZXNzJztcXG5AaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL2JyZWFrcG9pbnRzLmxlc3MnO1xcblxcbi5NeUNvbXBvbmVudFdpdGhMZXNzTW9kdWxlIHtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gICAgZ2FwOiBAcm9vdC1zcGFjZS1zO1xcblxcbiAgICBAbWVkaWEgQG1lZGl1bS1sIHtcXG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XFxuICAgIH1cXG59XFxuXCJdLFwic291cmNlUm9vdFwiOlwiXCJ9XSk7XG4vLyBFeHBvcnRzXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5sb2NhbHMgPSB7XG5cdFwiTXlDb21wb25lbnRXaXRoTGVzc01vZHVsZVwiOiBcIlBnK2JrbFwiXG59O1xuZXhwb3J0IGRlZmF1bHQgX19fQ1NTX0xPQURFUl9FWFBPUlRfX187XG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/50.responsive/examples/MyComponentWithLessModule.module.less\n')}},[[0,9,11,13,16,15,10,12,14,5,8,6,4]]]);