@preply/ds-docs 0.20.0 → 0.22.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 (15) hide show
  1. package/dist/docs-pages/docs/pages/10.quick-start/static/figma-resizing-behavior.png +0 -0
  2. package/dist/global/docs/static/data/features.json +1 -1
  3. package/dist/global/docs/static/data/used-by.json +1 -1
  4. package/dist/iframe.html +1 -1
  5. package/dist/main~3c949452.6e717e81.iframe.bundle.js +1 -0
  6. package/dist/main~493df0b3.e8d0864f.iframe.bundle.js +1 -0
  7. package/dist/main~6dcfc2f7.ccf4e3a8.iframe.bundle.js +1 -0
  8. package/dist/main~adec5aba.2658e074.iframe.bundle.js +1 -0
  9. package/dist/main~dc51bad7.2a35c3b4.iframe.bundle.js +1 -0
  10. package/package.json +2 -2
  11. package/dist/main~3c949452.2a11c6c6.iframe.bundle.js +0 -1
  12. package/dist/main~493df0b3.66ea919f.iframe.bundle.js +0 -1
  13. package/dist/main~6dcfc2f7.af21f2b6.iframe.bundle.js +0 -1
  14. package/dist/main~adec5aba.fd0f395a.iframe.bundle.js +0 -1
  15. package/dist/main~dc51bad7.8775a267.iframe.bundle.js +0 -1
package/dist/main~adec5aba.fd0f395a.iframe.bundle.js DELETED
@@ -1 +0,0 @@
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. 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"])("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 */ "j"], {\n mdxType: "StoryDoDont"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDont */ "k"], {\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 */ "i"], {\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, "Resize components horizontally")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryDo */ "i"], {\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 */ "k"], {\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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QUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0LzEwLmZvci1kZXNpZ25lcnMuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBTdG9yeURvLCBTdG9yeURvRG9udCwgU3RvcnlEb250IH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJRdWlja1N0YXJ0L0ZvciBEZXNpZ25lcnNcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInF1aWNrLXN0YXJ0LWZvci1kZXNpZ25lcnNcIlxuICAgIH19PntgUXVpY2sgU3RhcnQgZm9yIERlc2lnbmVyc2B9PC9oMT5cbiAgICA8cD57YEZpZ21hIGlzIHRoZSBzdXBwb3J0ZWQgdG9vbCBvZiB0aGUgZGVzaWduIHN5c3RlbS4gSWYgeW91IG5lZWQgZ2VuZXJhbCBoZWxwIHdpdGggdXNpbmcgRmlnbWEsIHdlIGhpZ2hseSByZWNvbW1lbmQgY2hlY2tpbmcgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vaGVscC5maWdtYS5jb21cIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgdGhlaXIgZG9jdW1lbnRhdGlvbiBgfTwvYT57YC5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJpbnN0YWxsYXRpb25cIlxuICAgIH19PntgSW5zdGFsbGF0aW9uYH08L2gyPlxuICAgIDxwPntgRGVzaWduIHN5c3RlbSBsaWJyYXJ5IGlzIGFscmVhZHkgZW5hYmxlZCBieSBkZWZhdWx0IGlmIHlvdSBhcmUgY3JlYXRpbmcgZmlsZXMgaW4gUHJlcGx5IHRlYW0uIFlvdSBuZWVkIHRvIGVuYWJsZSB0aGUgbGlicmFyeSB3aGVuIGNyZWF0aW5nIGZpbGVzIGluIHRoZSBkcmFmdCBmb2xkZXIgb3IgaW4gb3RoZXIgdGVhbXMgb2YgUHJlcGx5IG9yZ2FuaXphdGlvbi5gfTwvcD5cbiAgICA8cD57YFRvIGVuYWJsZSB0aGUgbGlicmFyeSB1c2UgdGhlIHNob3J0Y3V0IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YOKMpSArIDNgfTwvaW5saW5lQ29kZT57YCBhbmQgbG9vayBmb3IgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgRGVzaWduIFN5c3RlbSBBbHBoYWB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL2ZpZ21hLWxpYnJhcmllcy5wbmdcIiBhbHQ9XCJGaWdtYSBsaWJyYXJpZXMgd2luZG93XCIgd2lkdGg9XCI0NzVcIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImltcG9ydGluZy1jb21wb25lbnRzXCJcbiAgICB9fT57YEltcG9ydGluZyBjb21wb25lbnRzYH08L2gyPlxuICAgIDxwPntgWW91IGNhbiBpbXBvcnQgZGVzaWduIHN5c3RlbSBjb21wb25lbnRzIGluIHRoZSBmb2xsb3dpbmcgd2F5cy5gfTwvcD5cbiAgICA8b2w+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BTd2l0Y2ggdG8gQXNzZXRzIHRhYiBvbiB0aGUgbGVmdCBvZiBGaWdtYSdzIFVJIChgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntg4oylICsgMmB9PC9pbmxpbmVDb2RlPntgKSBhbmQgc2ltcGx5IGRyYWcgYW5kIGRyb3AgZnJvbSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgRGVzaWduIFN5c3RlbSBBbHBoYWB9PC9pbmxpbmVDb2RlPntgLmB9PC9saT5cbiAgICA8L29sPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL2ZpZ21hLWFzc2V0cy5wbmdcIiBhbHQ9XCJGaWdtYSBhc3NldHMgdGFiXCIgd2lkdGg9XCI0MzJcIiAvPlxuICAgIDxvbCB7Li4ue1xuICAgICAgXCJzdGFydFwiOiAyXG4gICAgfX0+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BZb3UgY2FuIGJyaW5nIHVwIHRoZSBjb21wb25lbnQgaW5zZXJ0IHdpbmRvdyB3aXRoIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BTaGlmdCArIElgfTwvaW5saW5lQ29kZT57YCBhbmQgc2VsZWN0IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BEZXNpZ24gU3lzdGVtIEFscGhhYH08L2lubGluZUNvZGU+e2AgY29tcG9uZW50cyBmcm9tIHRoZXJlLmB9PC9saT5cbiAgICA8L29sPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL2ZpZ21hLWNvbXBvbmVudHMucG5nXCIgYWx0PVwiRmlnbWEgY29tcG9uZW50cyB3aW5kb3dcIiB3aWR0aD1cIjMzN1wiIC8+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwidXNpbmctc3R5bGVzXCJcbiAgICB9fT57YFVzaW5nIHN0eWxlc2B9PC9oMj5cbiAgICA8cD57YEluIGFkZGl0aW9uIHRvIGNvbXBvbmVudHMgd2UgcHJvdmlkZSBzdHlsZXMsIGUuZy4gYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9mb3VuZGF0aW9ucy1jb2xvci0tcGFnZVwiXG4gICAgICB9fT57YGNvbG9yIHBhbGV0dGVgfTwvYT57YC5gfTwvcD5cbiAgICA8cD57YFdoZW4gZWRpdGluZyBhIGxheWVyIHlvdSBjYW4gZmluZCB0aG9zZSBpbiB0aGUgZm91ci1kb3QgbWVudXMgb2YgdGhlIERlc2lnbiB0YWIgb24gdGhlIHJpZ2h0IG9mIEZpZ21hJ3MgVUkuYH08L3A+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvZmlnbWEtZmlsbHMucG5nXCIgYWx0PVwiRmlnbWEgZmlsbCBzZWxlY3Rpb24gd2luZG93XCIgd2lkdGg9XCIyMzJcIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInN3YXBwaW5nLWNvbXBvbmVudHNcIlxuICAgIH19PntgU3dhcHBpbmcgY29tcG9uZW50c2B9PC9oMj5cbiAgICA8cD57YFlvdSBjYW4gc3dhcCBvbmUgY29tcG9uZW50IGZvciBhbm90aGVyIGluIHRoZSBmb2xsb3dpbmcgd2F5cy5gfTwvcD5cbiAgICA8b2w+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BIb2xkIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2DijKVgfTwvaW5saW5lQ29kZT57YCBhbmQgZHJhZyBhIGNvbXBvbmVudCBmcm9tIHRoZSBBc3NldHMgdGFiIG92ZXIgYW5vdGhlciBvbmUgb24gdGhlIGNhbnZhcyAoaG9sZCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntg4oyYICsg4oylYH08L2lubGluZUNvZGU+e2AgZm9yIG5lc3RlZCBjb21wb25lbnRzLCBlZy4gaWNvbiBpbiBhIGJ1dHRvbilgfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9kcmFnLXRvLXJlcGxhY2UucG5nXCIgYWx0PVwiRmlnbWEgcmVwbGFjZW1lbnQgb2YgYSBjb21wb25lbnQgd2lkdGggZHJhZy1uLWRyb3BcIiB3aWR0aD1cIjU4MFwiIC8+XG4gICAgPG9sIHsuLi57XG4gICAgICBcInN0YXJ0XCI6IDJcbiAgICB9fT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj57YFlvdSBjYW4gYWxzbyBjbGljayBvbiB0aGUgY29tcG9uZW50IG5hbWUgb24gdGhlIHJpZ2h0IG9mIEZpZ21hJ3MgVUkgdG8gYnJpbmcgdXAgdGhlIHN3YXAgaW5zdGFuY2UgZHJvcGRvd25gfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS1zd2FwLWluc3RhbmNlLnBuZ1wiIGFsdD1cIkZpZ21hIHN3YXAgaW5zdGFuY2UgZHJvcGRvd25cIiB3aWR0aD1cIjMwMlwiIC8+XG4gICAgPG9sIHsuLi57XG4gICAgICBcInN0YXJ0XCI6IDNcbiAgICB9fT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj57YElmIHlvdSByaWdodCBjbGljayB0aGUgY29tcG9uZW50IG9uIHRoZSBjYW52YXMgdGhlcmUgaXMgYSDigJxTd2FwIGluc3RhbmNl4oCdIG9wdGlvbiBpbiB0aGUgbWVudWB9PC9saT5cbiAgICA8L29sPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMTAucXVpY2stc3RhcnQvc3RhdGljL2ZpZ21hLXJpZ2h0LWNsaWNrLXN3YXAucG5nXCIgYWx0PVwiRmlnbWEgcmlnaHQgY2xpY2sgbWVudSwgc3dhcCBpbnN0YW5jZSBvcHRpb25cIiB3aWR0aD1cIjE5OVwiIC8+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiY3VzdG9taXppbmctY29tcG9uZW50c1wiXG4gICAgfX0+e2BDdXN0b21pemluZyBjb21wb25lbnRzYH08L2gyPlxuICAgIDxwPntgWW91IGNhbiBvdmVycmlkZSB0aGUgZGVmYXVsdCBjb250ZW50IG9mIHRoZSBjb21wb25lbnQgYnkgc2ltcGx5IGVkaXRpbmcgaXQuIEluIGFkZGl0aW9uIHRvIHRoYXQsIHNvbWUgY29tcG9uZW50cyBsZXZlcmFnZSBGaWdtYSdzIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2hlbHAuZmlnbWEuY29tL2hjL2VuLXVzL2FydGljbGVzLzM2MDA1NjQ0MDU5NC1DcmVhdGUtYW5kLXVzZS12YXJpYW50c1wiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BWYXJpYW50cyBmZWF0dXJlYH08L2E+e2AuIFlvdSBjYW4gc2V0IHNwZWNpZmljIHByb3BzIG9uIGFuIGluc3RhbmNlIG9mIHRoZSBjb21wb25lbnQgaW4gdGhlIGZvbGxvd2luZyB3YXlzLmB9PC9wPlxuICAgIDxvbD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj57YE9uIHRoZSByaWdodCBvZiB0aGUgRmlnbWEgVUkgd2hlbiBzZWxlY3RpbmcgYSBjb21wb25lbnQgeW91J2xsIHNlZSBjb250cm9scyBmb3IgY2hhbmdpbmcgcHJvcHNgfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS1wcm9wcy5wbmdcIiBhbHQ9XCJGaWdtYTogcHJvcHMgb2YgYSBjb21wb25lbnRcIiB3aWR0aD1cIjQ0NlwiIC8+XG4gICAgPG9sIHsuLi57XG4gICAgICBcInN0YXJ0XCI6IDJcbiAgICB9fT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj57YFlvdSBjYW4gYWNjZXNzIHZhcmlhbnRzIGluIHRoZSByaWdodC1jbGljayBtZW51IG9mIHRoZSBjb21wb25lbnQuYH08L2xpPlxuICAgIDwvb2w+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvcmlnaHQtY2xpY2stdmFyaWFudHMucG5nXCIgYWx0PVwiRmlnbWEgcmlnaHQgY2xpY2sgdmFyaWFudCBtZW51XCIgd2lkdGg9XCI2NTJcIiAvPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInJlY29tbWVuZGF0aW9uc1wiXG4gICAgfX0+e2BSZWNvbW1lbmRhdGlvbnNgfTwvaDM+XG4gICAgPFN0b3J5RG9Eb250IG1keFR5cGU9XCJTdG9yeURvRG9udFwiPlxuICAgIDxTdG9yeURvbnQgbWR4VHlwZT1cIlN0b3J5RG9udFwiPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy92ZXJ0aWNhbC1yZXNpemUucG5nXCIgYWx0PVwiUmVzaXppbmcgY29tcG9uZW50IHZlcnRpY2FsbHkgaW4gRmlnbWFcIiB3aWR0aD1cIjMwMFwiIC8+XG4gICAgICAgIDxwPlJlc2l6ZSBjb21wb25lbnRzIHZlcnRpY2FsbHkgb3Igb3ZlcnJpZGUgcmVzaXppbmcgYmVoYXZpb3I8L3A+XG4gICAgPC9TdG9yeURvbnQ+XG4gICAgPFN0b3J5RG8gbWR4VHlwZT1cIlN0b3J5RG9cIj5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvaG9yaXpvbnRhbC1yZXNpemUucG5nXCIgYWx0PVwiUmVzaXppbmcgY29tcG9uZW50IGhvcml6b250YWxseSBpbiBGaWdtYVwiIHdpZHRoPVwiMzAwXCIgLz5cbiAgICAgICAgPHA+UmVzaXplIGNvbXBvbmVudHMgaG9yaXpvbnRhbGx5PC9wPlxuICAgIDwvU3RvcnlEbz5cbiAgICA8U3RvcnlEbyBtZHhUeXBlPVwiU3RvcnlEb1wiPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9zcGFjZS1zY2FsZS5wbmdcIiBhbHQ9XCJBcHBsaWNhdGlvbiBvZiBzcGFjZSBzY2FsZSBpbiBGaWdtYVwiIHdpZHRoPVwiMzAwXCIgLz5cbiAgICAgICAgPHA+XG4gICAgICAgICAgICBVc2UgdGhlIDxhIGhyZWY9XCI/cGF0aD0vc3RvcnkvZm91bmRhdGlvbnMtc3BhY2UtLXBhZ2Ujc3BhY2luZy1zY2FsZVwiPnNwYWNpbmcgc2NhbGU8L2E+eycgJ31cbiAgICAgICAgICAgIGZvciBhbGlnbmluZyBhbmQgZGlzdHJpYnV0aW5nIGNvbXBvbmVudHMuIFdlIHJlY29tbWVuZCB1c2luZyBGaWdtYSdzIEF1dG8gTGF5b3V0LlxuICAgICAgICA8L3A+XG4gICAgPC9TdG9yeURvPlxuICAgIDxTdG9yeURvbnQgbWR4VHlwZT1cIlN0b3J5RG9udFwiPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9hcmJpdHJhcnktc3R5bGUucG5nXCIgYWx0PVwiQXJiaXRyYXJ5IHN0eWxpbmcgb3ZlcnJpZGUgb24gdGhlIGJ1dHRvbiBjb21wb25lbnQgaW4gRmlnbWFcIiB3aWR0aD1cIjMwMFwiIC8+XG4gICAgICAgIDxwPkFwcGx5IG92ZXJyaWRlcyB0byBzdHlsaW5nIG9mIHRoZSBjb21wb25lbnRzPC9wPlxuICAgIDwvU3RvcnlEb250PlxuICAgIDwvU3RvcnlEb0RvbnQ+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicmVjZWl2aW5nLWNoYW5nZXNcIlxuICAgIH19PntgUmVjZWl2aW5nIENoYW5nZXNgfTwvaDI+XG4gICAgPHA+e2BDb21wb25lbnRzIGFuZCBzdHlsZXMgaW4gYSBmaWxlIGluIEZpZ21hIHN0aWNrIHRvIHRoZSB2ZXJzaW9uIHB1Ymxpc2hlZCBvbiB0aGUgZGF0ZSBvZiB0aGUgY3JlYXRpb24gdW50aWwgeW91IHVwZGF0ZSB0aGVtLiBXaGVuIHRoZXJlIGFyZSB1cGRhdGVzIGluIGEgZmlsZSBGaWdtYSB3aWxsIHNob3cgeW91IGFuIGFsZXJ0IGluIHRoZSBib3R0b20gcmlnaHQgb2YgdGhlIFVJLiBJZiB5b3UgZGlzbWlzcyBpdCB0aGUgZGlhbG9nIHdpbGwgYmUgYXZhaWxhYmxlIGZyb20gQXNzZXRzIHRhYiB3aXRoIHRoZSBsaWJyYXJpZXMgYnV0dG9uIChgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2DijKUrM2B9PC9pbmxpbmVDb2RlPntgKS5gfTwvcD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy91cGRhdGUtYWxlcnQucG5nXCIgYWx0PVwiRmlnbWEgdXBkYXRlIGFsZXJ0c1wiIHdpZHRoPVwiMzYwXCIgLz5cbiAgICA8cD57YFlvdSdsbCBoYXZlIGEgY2hhbmNlIHRvIHJldmlldyB1cGRhdGVzIGJlZm9yZSBhcHBseWluZyB0aGVtIGFuZCBzZWxlY3Qgd2hpY2ggb25lcyB5b3Ugd2lsbCBhcHBseS4gSW4gbW9zdCBjYXNlcyBpdCBzaG91bGRuJ3QgYnJlYWsgYW55dGhpbmcgaW4geW91ciBmaWxlLiBDaGFuZ2Vsb2cgaW5mb3JtYXRpb24gaXMgcHJvdmlkZWQgdG8gaGVscCB5b3Ugd2l0aCB1bmRlcnN0YW5kaW5nIHdoYXQgd2lsbCBjaGFuZ2UuYH08L3A+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvdXBkYXRlLWRpYWxvZy5wbmdcIiBhbHQ9XCJGaWdtYSB1cGRhdGUgZGlhbG9nXCIgd2lkdGg9XCI0NzhcIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImd1aWRlbGluZXNcIlxuICAgIH19PntgR3VpZGVsaW5lc2B9PC9oMj5cbiAgICA8cD57YEFkZGl0aW9uYWwgaGVscGZ1bCBpbmZvcm1hdGlvbiBhYm91dCBjb21wb25lbnRzIGlzIHByb3ZpZGVkIGluIHRoZSBmb2xsb3dpbmcgcGxhY2VzLmB9PC9wPlxuICAgIDxvbD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj57YEF0IHRoZSB0b3Agb2YgdGhlIEluc3BlY3QgdGFiIChgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntg4oylKzBgfTwvaW5saW5lQ29kZT57YCkgb24gdGhlIHJpZ2h0IG9mIEZpZ21hJ3MgVUkuIEZ1bGwgZG9jdW1lbnRhdGlvbiBjYW4gYmUgYWNjZXNzZWQgd2l0aCBhIGJ1dHRvbiAobmV3IGJyb3dzZXIgdGFiIHdpbGwgb3BlbikuYH08L2xpPlxuICAgIDwvb2w+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvaW5zcGVjdGluZy5wbmdcIiBhbHQ9XCJUb3Agb2YgdGhlIGluc3BlY3QgdGFiXCIgd2lkdGg9XCI1MDhcIiAvPlxuICAgIDxvbCB7Li4ue1xuICAgICAgXCJzdGFydFwiOiAyXG4gICAgfX0+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BJbiB0b29sdGlwcyBvZiB0aGUgQXNzZXRzIHRhYi5gfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzEwLnF1aWNrLXN0YXJ0L3N0YXRpYy9maWdtYS10b29sdGlwcy5wbmdcIiBhbHQ9XCJGaWdtYSB0b29sdGlwIGZvciBhIGNvbXBvbmVudFwiIHdpZHRoPVwiMzQyXCIgLz5cbiAgICA8b2wgey4uLntcbiAgICAgIFwic3RhcnRcIjogM1xuICAgIH19PlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgT24gdGhlIHJpZ2h0IGFib3ZlIHRoZSBjb21wb25lbnQgcHJvcHMuYH08L2xpPlxuICAgIDwvb2w+XG4gICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8xMC5xdWljay1zdGFydC9zdGF0aWMvZmlnbWEtcHJvcHMucG5nXCIgYWx0PVwiRmlnbWEgXCIgd2lkdGg9XCI0NDZcIiAvPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnUXVpY2tTdGFydC9Gb3IgRGVzaWduZXJzJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\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 + 43 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["j" /* StoryDoDont */], {\n mdxType: "StoryDoDont"\n }, Object(esm["b" /* mdx */])(dist["k" /* 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["i" /* 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["k" /* 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["i" /* 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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QWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCUCxJQUF6QixxQkFDTVMsYUFBYSxDQUFDRixVQUFkLENBQXlCUCxJQUF6QixJQUFpQyxFQUR2QztBQUVFYSxNQUFJLEVBQUU7QUFBQSxXQUFNLDJCQUFDLDhCQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsMkJBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSxvR0FBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvMDAuc3BhY2Uuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX3BhdGg7XG5cbmZ1bmN0aW9uIF9leHRlbmRzKCkgeyBfZXh0ZW5kcyA9IE9iamVjdC5hc3NpZ24gfHwgZnVuY3Rpb24gKHRhcmdldCkgeyBmb3IgKHZhciBpID0gMTsgaSA8IGFyZ3VtZW50cy5sZW5ndGg7IGkrKykgeyB2YXIgc291cmNlID0gYXJndW1lbnRzW2ldOyBmb3IgKHZhciBrZXkgaW4gc291cmNlKSB7IGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwoc291cmNlLCBrZXkpKSB7IHRhcmdldFtrZXldID0gc291cmNlW2tleV07IH0gfSB9IHJldHVybiB0YXJnZXQ7IH07IHJldHVybiBfZXh0ZW5kcy5hcHBseSh0aGlzLCBhcmd1bWVudHMpOyB9XG5cbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5mdW5jdGlvbiBTdmdIYXQocHJvcHMpIHtcbiAgcmV0dXJuIC8qI19fUFVSRV9fKi9SZWFjdC5jcmVhdGVFbGVtZW50KFwic3ZnXCIsIF9leHRlbmRzKHtcbiAgICB2aWV3Qm94OiBcIjAgMCAxMiAxMlwiLFxuICAgIHhtbG5zOiBcImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgfSwgcHJvcHMpLCBfcGF0aCB8fCAoX3BhdGggPSAvKiNfX1BVUkVfXyovUmVhY3QuY3JlYXRlRWxlbWVudChcInBhdGhcIiwge1xuICAgIGQ6IFwiTTAgNWw2LTMuODc5TDEyIDV2NmgtMVY3LjY0Nkw2IDEwLjg4IDAgN2wuNzczLS41TDYgOS44NzlsNS0zLjIzM3YtMUw2IDguODggMCA1elwiXG4gIH0pKSk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFN2Z0hhdDsiLCJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBTdG9yeURvLCBTdG9yeURvRG9udCwgU3RvcnlEb250LCBTdG9yeUdyaWQsIFN0b3J5Tm90ZSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEljb24sIExheW91dEZsZXgsIFRleHQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEsIFN0b3J5IH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCBoYXQgZnJvbSAnLi4vaGF0LnN2Zyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkZvdW5kYXRpb25zL1NwYWNlXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJzcGFjZVwiXG4gICAgfX0+e2BTcGFjZWB9PC9oMT5cbiAgICA8cD57YFRoZSBhbW91bnQgb2Ygc3BhY2UgYmV0d2VlbiBlbGVtZW50cyBpbiBhIGNvbXBvc2l0aW9uIGFmZmVjdHMgaHVtYW4gcGVyY2VwdGlvbiBvZiBjb25uZWN0aW9uIGJldHdlZW4gdGhvc2UgZWxlbWVudHMuIENsb3NlIGVsZW1lbnRzIGFyZSBsaWtlbHkgdG8gYmUgcGVyY2VpdmVkIGFzIGEgZ3JvdXAuYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0xheW91dEZsZXglMjBnYXA9JTIybSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0ljb24lMjBzaXplPSUyMm0lMjIlMjBzdmc9JTdCaGF0JTdEJTIwLyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBnYXA9JTIyMnhzJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSWNvbiUyMHNpemU9JTIybSUyMiUyMHN2Zz0lN0JoYXQlN0QlMjAvJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSWNvbiUyMHNpemU9JTIybSUyMiUyMHN2Zz0lN0JoYXQlN0QlMjAvJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TGF5b3V0RmxleCBnYXA9XCJtXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPEljb24gc2l6ZT1cIm1cIiBzdmc9e2hhdH0gbWR4VHlwZT1cIkljb25cIiAvPlxuICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCIyeHNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPEljb24gc2l6ZT1cIm1cIiBzdmc9e2hhdH0gbWR4VHlwZT1cIkljb25cIiAvPlxuICAgICAgICAgICAgPEljb24gc2l6ZT1cIm1cIiBzdmc9e2hhdH0gbWR4VHlwZT1cIkljb25cIiAvPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvQ2FudmFzPlxuICAgIDxwPntgVmlzaWJsZSBhbmQgY29uc2lzdGVudCBhbGlnbm1lbnQgb2YgZWxlbWVudHMgY2FuIGZ1cnRoZXIgZW5oYW5jZSBncm91cCBwZXJjZXB0aW9uIGFuZCBwYWdlIHNjYW5uaW5nIGZvciB0aGUgdXNlcnMuYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0xheW91dEZsZXglMjBnYXA9JTIyeGwlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwY29sdW1uJTIwZ2FwPSUyMnhzJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSWNvbiUyMHN2Zz0lN0JoYXQlN0QlMjAvJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGNvbHVtbiUyMGdhcD0lMjJub25lJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUzRUFsaWduaW5nJTIwZWxlbWVudHMlMjBhbGxvd3MlMjBodW1hbiUyMGV5ZXMlMjB0byUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUzRXNjYW4lMjB0aGUlMjBjb21wb3NpdGlvbiUyMGVhc2llciwlMjBtYWtpbmclMjBwZXJjZXB0aW9uJTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTNFb2YlMjBjb25uZWN0aW9uJTIwYmV0d2VlbiUyMGVsZW1lbnRzJTIwZWZmb3J0bGVzcy4lM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwY29sdW1uJTIwZ2FwPSUyMnhzJTIyJTIwYWxpZ25JdGVtcz0lMjJlbmQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NJY29uJTIwc3ZnPSU3QmhhdCU3RCUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwY29sdW1uJTIwZ2FwPSUyMm5vbmUlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwY29sdW1uJTIwZ2FwPSUyMm5vbmUlMjIlMjBhbGlnbkl0ZW1zPSUyMmNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1RleHQlM0VJbiUyMGNvbXBvc2l0aW9ucyUyMHdpdGhvdXQlMjBvYnZpb3VzJTIwYWxpZ25tZW50JTNDL1RleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUZXh0JTNFaXQncyUyMGhhcmRlciUyMHRvJTIwcGVyY2VpdmUlM0MvVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDVGV4dCUzRWNvbm5lY3Rpb25zJTIwYmV0d2VlbiUyMGVsZW1lbnRzLiUzQy9UZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxMYXlvdXRGbGV4IGdhcD1cInhsXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPExheW91dEZsZXggY29sdW1uIGdhcD1cInhzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxJY29uIHN2Zz17aGF0fSBtZHhUeXBlPVwiSWNvblwiIC8+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBjb2x1bW4gZ2FwPVwibm9uZVwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICAgICAgPFRleHQgbWR4VHlwZT1cIlRleHRcIj5BbGlnbmluZyBlbGVtZW50cyBhbGxvd3MgaHVtYW4gZXllcyB0bzwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dCBtZHhUeXBlPVwiVGV4dFwiPnNjYW4gdGhlIGNvbXBvc2l0aW9uIGVhc2llciwgbWFraW5nIHBlcmNlcHRpb248L1RleHQ+XG4gICAgICAgICAgICAgICAgPFRleHQgbWR4VHlwZT1cIlRleHRcIj5vZiBjb25uZWN0aW9uIGJldHdlZW4gZWxlbWVudHMgZWZmb3J0bGVzcy48L1RleHQ+XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPExheW91dEZsZXggY29sdW1uIGdhcD1cInhzXCIgYWxpZ25JdGVtcz1cImVuZFwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8SWNvbiBzdmc9e2hhdH0gbWR4VHlwZT1cIkljb25cIiAvPlxuICAgICAgICAgICAgPExheW91dEZsZXggY29sdW1uIGdhcD1cIm5vbmVcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBnYXA9XCJub25lXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IG1keFR5cGU9XCJUZXh0XCI+SW4gY29tcG9zaXRpb25zIHdpdGhvdXQgb2J2aW91cyBhbGlnbm1lbnQ8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IG1keFR5cGU9XCJUZXh0XCI+aXQncyBoYXJkZXIgdG8gcGVyY2VpdmU8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgIDxUZXh0IG1keFR5cGU9XCJUZXh0XCI+Y29ubmVjdGlvbnMgYmV0d2VlbiBlbGVtZW50cy48L1RleHQ+XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPC9DYW52YXM+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicm9vdC1zcGFjZS1tb2R1bGVcIlxuICAgIH19PntgUm9vdCBzcGFjZSBtb2R1bGVgfTwvaDI+XG4gICAgPHA+e2BBbGwgdmFsdWVzIGluIHRoZSBzcGFjZSBzY2FsZSBhcmUgZGVyaXZlZCBmcm9tIGEgcm9vdCBtb2R1bGUgb2YgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgNHB4YH08L2lubGluZUNvZGU+e2AuIFRoaXMgYWxsb3dzIHVzIHRvIGtlZXAgc3BhY2luZyByaHl0aG1pYyBhbmQgaGFybW9uaW91cy4gV2Ugc3RyaXZlIHRvIGtlZXAgc2l6aW5nIG9mIHRoZSBlbGVtZW50cyBkaXZpc2libGUgYnkgdGhpcyByb290IG1vZHVsZSB2YWx1ZSB0byBmdXJ0aGVyIHJlaW5mb3JjZSB0aGF0IHJoeXRobS5gfTwvcD5cbiAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9yb290LnN2Z1wiIGFsdD1cIlJvb3Qgc3BhY2UgbW9kdWxlXCIgLz5cbiAgICA8cD57YE5vdGUgdGhhdCB0aGUgdW5pdCBvZiBtZWFzdXJlbWVudCBmb3Igcm9vdCBzcGFjZSBtb2R1bGUgaXMgZXhwcmVzc2VkIGluIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL0dsb3NzYXJ5L0NTU19waXhlbFwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BDU1MgUGl4ZWxzYH08L2E+e2AuIEl0IGlzIHJlbGF0aXZlIHRvIHNjcmVlbiBwaXhlbCBkZW5zaXR5IGFuZCBVSSBzY2FsaW5nIGZhY3RvciBhbmQgZG9lc24ndCBuZWNlc3NhcmlseSBlcXVhdGUgdG8gYSBwaHlzaWNhbCBzY3JlZW4gcGl4ZWwuIFRoaXMgaXMgY29udmVudGlvbmFsIGZvciB3ZWIuIEZvciBBbmRyb2lkIGFuZCBpT1MgaXQgY29ycmVzcG9uZHMgdG8gYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vZGV2ZWxvcGVyLmFuZHJvaWQuY29tL3JlZmVyZW5jZS9rb3RsaW4vYW5kcm9pZHgvY29tcG9zZS91aS91bml0L0RwXCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YGRwYH08L2E+e2AgYW5kIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2RldmVsb3Blci5hcHBsZS5jb20vbGlicmFyeS9hcmNoaXZlL2RvY3VtZW50YXRpb24vMkREcmF3aW5nL0NvbmNlcHR1YWwvRHJhd2luZ1ByaW50aW5naU9TL0dyYXBoaWNzRHJhd2luZ092ZXJ2aWV3L0dyYXBoaWNzRHJhd2luZ092ZXJ2aWV3Lmh0bWwjLy9hcHBsZV9yZWYvZG9jL3VpZC9UUDQwMDEwMTU2LUNIMTQtU1c3XCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YHB0YH08L2E+e2AgcmVzcGVjdGl2ZWx5LiBOdW1lcmljYWwgdmFsdWUgc3RheXMgdGhlIHNhbWUuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwic3BhY2luZy1zY2FsZVwiXG4gICAgfX0+e2BTcGFjaW5nIHNjYWxlYH08L2gyPlxuICAgIDxwPntgU3BhY2luZyBzY2FsZSBpcyBkZXJpdmVkIGZyb20gcm9vdCBzcGFjZSBtb2R1bGUgYW5kIGNvbmZvcm1zIHRvIHRoZSDigJx0LXNoaXJ04oCdIG5hbWluZyBjb252ZW50aW9uLmB9PC9wPlxuICAgIDxwPntgU2NhbGUgaXMgdXNlZCB0byBzZXQgdGhlIGFtb3VudCBvZiBzcGFjZSBiZXR3ZWVuIGNvbXBvbmVudHMgaW4gYSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtbGF5b3V0ZmxleC1kb2NzLS1wYWdlXCJcbiAgICAgIH19PntgbGF5b3V0YH08L2E+e2AuYH08L3A+XG4gICAge1xuICAgICAgLyogVE9ETzogUmVwbGFjZSB3aXRoIHZpc3VhbGlzYXRpb24gZnJvbSBhY3R1YWwgdG9rZW5zICovXG4gICAgfVxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3NjYWxlLnN2Z1wiIGFsdD1cIlNwYWNpbmcgc2NhbGVcIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImFwcGxpY2F0aW9uLXJlY29tbWVuZGF0aW9uc1wiXG4gICAgfX0+e2BBcHBsaWNhdGlvbiByZWNvbW1lbmRhdGlvbnNgfTwvaDI+XG4gICAgPFN0b3J5RG9Eb250IG1keFR5cGU9XCJTdG9yeURvRG9udFwiPlxuICAgIDxTdG9yeURvbnQgbWR4VHlwZT1cIlN0b3J5RG9udFwiPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9tb25vdG9uZS1zcGFjZS5zdmdcIiBhbHQ9XCJNb25vdG9uZSBzcGFjZSBpbnNpZGUgYSBncm91cFwiIC8+XG4gICAgICAgIDxwPkF2b2lkIHVzaW5nIHRoZSBzYW1lIHNwYWNpbmcgdmFsdWUgZXZlcnl3aGVyZSBpbiB5b3VyIGNvbXBvc2l0aW9uPC9wPlxuICAgIDwvU3RvcnlEb250PlxuICAgIDxTdG9yeURvIG1keFR5cGU9XCJTdG9yeURvXCI+XG4gICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3ZhcmllZC1zcGFjZS5zdmdcIiBhbHQ9XCJWYXJpZWQgc3BhY2UgaW5zaWRlIGEgZ3JvdXBcIiAvPlxuICAgICAgICA8cD5Vc2Ugc21hbGxlciBzcGFjaW5nIG9uIHRoZSBpbnNpZGUgYW5kIGxhcmdlciBvbiB0aGUgb3V0c2lkZTwvcD5cbiAgICA8L1N0b3J5RG8+XG4gICAgPFN0b3J5RG9udCBtZHhUeXBlPVwiU3RvcnlEb250XCI+XG4gICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL2NvbXBvbmVudC1zcGFjZS5zdmdcIiBhbHQ9XCJPdXRzaWRlIHNwYWNlIGRpcmVjdGx5IG9uIGEgY29tcG9uZW50XCIgLz5cbiAgICAgICAgPHA+RG8gbm90IGFwcGx5IG91dHNpZGUgc3BhY2UgZGlyZWN0bHkgdG8gYSBjb21wb25lbnQ8L3A+XG4gICAgPC9TdG9yeURvbnQ+XG4gICAgPFN0b3J5RG8gbWR4VHlwZT1cIlN0b3J5RG9cIj5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvb3V0ZXItc3BhY2Uuc3ZnXCIgYWx0PVwiT3V0c2lkZSBzcGFjZSBkaXJlY3RseSBvbiBhIGNvbXBvbmVudFwiIC8+XG4gICAgICAgIDxwPlxuICAgICAgICAgICAgRGlzdHJpYnV0ZSBzcGFjZSBiZXR3ZWVuIGNvbXBvbmVudHMgaW4gYXsnICd9XG4gICAgICAgICAgICA8YSBocmVmPVwiP3BhdGg9L3N0b3J5L2NvbXBvbmVudHMtbGF5b3V0ZmxleC1kb2NzLS1wYWdlXCI+bGF5b3V0PC9hPiB1c2luZyB2YWx1ZXMgZnJvbVxuICAgICAgICAgICAgc3BhY2luZyBzY2FsZVxuICAgICAgICA8L3A+XG4gICAgPC9TdG9yeURvPlxuICAgIDwvU3RvcnlEb0RvbnQ+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicHJvdmlkZWQtdG9vbGluZ1wiXG4gICAgfX0+e2BQcm92aWRlZCB0b29saW5nYH08L2gyPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YFNwYWNpbmcgc2NhbGUgaXMgYXZhaWxhYmxlIGFzIHZhbHVlcyBmb3IgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGdhcGB9PC9pbmxpbmVDb2RlPntgIGFuZCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgcGFkZGluZ2B9PC9pbmxpbmVDb2RlPntgIGluIGB9PGEgcGFyZW50TmFtZT1cImxpXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29tcG9uZW50cy1sYXlvdXRmbGV4LWRvY3MtLXBhZ2VcIlxuICAgICAgICB9fT57YExheW91dEZsZXhgfTwvYT57YCBhbmQgYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWxheW91dGdyaWQtZG9jcy0tcGFnZVwiXG4gICAgICAgIH19PntgTGF5b3V0R3JpZGB9PC9hPntgIGNvbXBvbmVudHNgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BBIHNldCBvZiBoZWxwZXIgY29tcG9uZW50cyBpcyBwcm92aWRlZCBpbiBGaWdtYS4gWW91IGNhbiB1c2UgdGhlbSBhcyBzcGFjZXJzIGluc2lkZSBBdXRvIExheW91dCBvciB0byB2ZXJpZnkgc3BhY2luZ3MgaW4gYSBmcmVlIGxheW91dC4gV2UgcmVjb21tZW5kIHNldHRpbmcgeW91ciBudWRnZSBhbW91bnRzIHRvIHNjYWxlIHZhbHVlczogYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YOKMmCArIC9gfTwvaW5saW5lQ29kZT57YCA+IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BOdWRnZSBhbW91bnRgfTwvaW5saW5lQ29kZT57YC5gfTwvbGk+XG4gICAgPC91bD5cbiAgICA8cD48ZW0gcGFyZW50TmFtZT1cInBcIj57YFRvIGJlIGNvbnRpbnVlZOKApmB9PC9lbT48L3A+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdGb3VuZGF0aW9ucy9TcGFjZScsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/20.foundations/00.space.stories.mdx\n')},"../docs-pages/docs/pages/20.foundations/10.color.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutGrid/LayoutGrid.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Foundations/Color",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "color"\n }, "Color"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Consistent color usage helps us to keep distinct visual style and helps our learners with navigating the screens. Design System\'s color palette is an upgrade to the variety of color styles used at Preply before. It addresses accessibility concerns and gives designers access to more vibrant and varied colors."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "palette"\n }, "Palette"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Palette consists of 6 color hue scales, gray scale, ivory, and white. Color scales (teal, magenta, yellow, blue, green, red) have 5 steps each: from ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "100"), " to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "500"), ". Gray scale additionally has ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "600"), " step. White and ivory consist of only one step."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n alignItems: "start",\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_9__[/* LayoutFlex */ "a"], {\n 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 */ "m"], {\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 */ "h"], {\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"])("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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SyxFQUFDO0FBQTVILElBak1LLEVBcU1MLDZFQUFHO0FBQUksY0FBVSxFQUFDO0FBQWYsNkJBQUgsQ0FyTUssQ0FBUDtBQXVNRDs7QUEzTVFMLFU7QUE2TVQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxtQkFBVDtBQUE4QkgsWUFBVSxFQUFFO0FBQzlETixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEd0QsR0FBMUM7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy8xMC5jb2xvci5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7XG4gICAgQ29kZUxhYmVsLFxuICAgIEZha2VUZXh0LFxuICAgIEZha2VWaWV3cG9ydCxcbiAgICBMb3JlbUlwc3VtLFxuICAgIFBzZXVkb0NhcmQsXG4gICAgU3RvcnlOb3RlLFxufSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBCdXR0b24sIExheW91dEZsZXgsIExheW91dEdyaWQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiRm91bmRhdGlvbnMvQ29sb3JcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImNvbG9yXCJcbiAgICB9fT57YENvbG9yYH08L2gxPlxuICAgIDxwPntgQ29uc2lzdGVudCBjb2xvciB1c2FnZSBoZWxwcyB1cyB0byBrZWVwIGRpc3RpbmN0IHZpc3VhbCBzdHlsZSBhbmQgaGVscHMgb3VyIGxlYXJuZXJzIHdpdGggbmF2aWdhdGluZyB0aGUgc2NyZWVucy4gRGVzaWduIFN5c3RlbSdzIGNvbG9yIHBhbGV0dGUgaXMgYW4gdXBncmFkZSB0byB0aGUgdmFyaWV0eSBvZiBjb2xvciBzdHlsZXMgdXNlZCBhdCBQcmVwbHkgYmVmb3JlLiBJdCBhZGRyZXNzZXMgYWNjZXNzaWJpbGl0eSBjb25jZXJucyBhbmQgZ2l2ZXMgZGVzaWduZXJzIGFjY2VzcyB0byBtb3JlIHZpYnJhbnQgYW5kIHZhcmllZCBjb2xvcnMuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicGFsZXR0ZVwiXG4gICAgfX0+e2BQYWxldHRlYH08L2gyPlxuICAgIDxwPntgUGFsZXR0ZSBjb25zaXN0cyBvZiA2IGNvbG9yIGh1ZSBzY2FsZXMsIGdyYXkgc2NhbGUsIGl2b3J5LCBhbmQgd2hpdGUuIENvbG9yIHNjYWxlcyAodGVhbCwgbWFnZW50YSwgeWVsbG93LCBibHVlLCBncmVlbiwgcmVkKSBoYXZlIDUgc3RlcHMgZWFjaDogZnJvbSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2AxMDBgfTwvaW5saW5lQ29kZT57YCB0byBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A1MDBgfTwvaW5saW5lQ29kZT57YC4gR3JheSBzY2FsZSBhZGRpdGlvbmFsbHkgaGFzIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDYwMGB9PC9pbmxpbmVDb2RlPntgIHN0ZXAuIFdoaXRlIGFuZCBpdm9yeSBjb25zaXN0IG9mIG9ubHkgb25lIHN0ZXAuYH08L3A+XG4gICAgPExheW91dEZsZXggYWxpZ25JdGVtcz1cInN0YXJ0XCIgZ2FwPVwic1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgPExheW91dEZsZXggY29sdW1uIGdhcD1cInNcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICA8TGF5b3V0RmxleCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8aDM+V2hpdGU8L2gzPlxuICAgICAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS13aGl0ZS5zdmdcIiBhbHQ9XCJXaGl0ZVwiIC8+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPExheW91dEZsZXggY29sdW1uIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPGgzPlRlYWw8L2gzPlxuICAgICAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS10ZWFsLnN2Z1wiIGFsdD1cIlRlYWwgc2NhbGVcIiAvPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9MYXlvdXRGbGV4PlxuICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBnYXA9XCJzXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPExheW91dEZsZXggY29sdW1uIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPGgzPkl2b3J5PC9oMz5cbiAgICAgICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3BhbGV0dGUtaXZvcnkuc3ZnXCIgYWx0PVwiSXZvcnlcIiAvPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgICAgIDxoMz5HcmF5PC9oMz5cbiAgICAgICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3BhbGV0dGUtZ3JheS5zdmdcIiBhbHQ9XCJHcmF5IHNjYWxlXCIgLz5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8TGF5b3V0RmxleCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxoMz5NYWdlbnRhPC9oMz5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS1tYWdlbnRhLnN2Z1wiIGFsdD1cIk1hZ2VudGEgc2NhbGVcIiAvPlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8TGF5b3V0RmxleCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxoMz5ZZWxsb3c8L2gzPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLXllbGxvdy5zdmdcIiBhbHQ9XCJZZWxsb3cgc2NhbGVcIiAvPlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8TGF5b3V0RmxleCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxoMz5CbHVlPC9oMz5cbiAgICAgICAgPGltZyBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8yMC5mb3VuZGF0aW9ucy9zdGF0aWMvcGFsZXR0ZS1ibHVlLnN2Z1wiIGFsdD1cIkJsdWUgc2NhbGVcIiAvPlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8TGF5b3V0RmxleCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxoMz5HcmVlbjwvaDM+XG4gICAgICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3BhbGV0dGUtZ3JlZW4uc3ZnXCIgYWx0PVwiR3JlZW4gc2NhbGVcIiAvPlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8TGF5b3V0RmxleCBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxoMz5SZWQ8L2gzPlxuICAgICAgICA8aW1nIHNyYz1cIi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzIwLmZvdW5kYXRpb25zL3N0YXRpYy9wYWxldHRlLXJlZC5zdmdcIiBhbHQ9XCJSZWQgc2NhbGVcIiAvPlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPHA+e2BUZWNobmljYWwgaW5mb3JtYXRpb24gYWJvdXQgcHJvZHVjaW5nIHRoZXNlIHNjYWxlcyBjYW4gYmUgZm91bmQgaW4gYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vZ2l0aHViLmNvbS9wcmVwbHkvZGVzaWduLXN5c3RlbS90cmVlL21haW4vc3VwcG9ydC9kZXNpZ24vZm91bmRhdGlvbnMvY29sb3JcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgRGVzaWduIFN5c3RlbSdzIHJlcG9zaXRvcnlgfTwvYT57YC5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb21iaW5pbmctY29sb3JzLWFjY2Vzc2liaWxpdHlcIlxuICAgIH19PntgQ29tYmluaW5nIGNvbG9ycywgYWNjZXNzaWJpbGl0eWB9PC9oMj5cbiAgICA8cD57YFdoZW4gY29tYmluaW5nIGNvbG9ycyBmcm9tIG91ciBwYWxldHRlIHlvdSBzaG91bGQgc3RyaXZlIHRvIGhhdmUgc3VmZmljaWVudCBjb250cmFzdCBmb3IgdGhlIGVsZW1lbnRzLCB0aGF0IGFyZSBzdXBwb3NlZCB0byBiZSBjbGVhciBhbmQgcmVhZGFibGUgKGUuZy4gdGV4dCBhbmQgaWNvbnMpLiBUbyBhc3Npc3QgeW91IHdpdGggdGhhdCwgdGhlIG51bWJlcmVkIHN0ZXBzIHdlcmUgc2VsZWN0ZWQgc3VjaCBhcyB0aGV5IGNvbWJpbmUgYXMgZm9sbG93cyB0byBwcm9kdWNlIGB9PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgYWNjZXNzaWJsZSBjb21iaW5hdGlvbnNgfTwvc3Ryb25nPntgOmB9PC9wPlxuICAgIDxvbD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwib2xcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDEwMGB9PC9pbmxpbmVDb2RlPntgIHdpdGggYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDQwMGB9PC9pbmxpbmVDb2RlPntgIGFuZCBkYXJrZXI7IGJhY2tncm91bmQgYW5kIGZvcmVncm91bmRgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2AyMDBgfTwvaW5saW5lQ29kZT57YCB3aXRoIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2A1MDBgfTwvaW5saW5lQ29kZT57YCBhbmQgZGFya2VyOyBiYWNrZ3JvdW5kIGFuZCBmb3JlZ3JvdW5kYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgMzAwYH08L2lubGluZUNvZGU+e2Agd2l0aCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgd2hpdGVgfTwvaW5saW5lQ29kZT57YDsgYH08c3Ryb25nIHBhcmVudE5hbWU9XCJsaVwiPntgYmFja2dyb3VuZGB9PC9zdHJvbmc+e2Agb25seWB9PC9saT5cbiAgICA8L29sPlxuICAgIDxociAvPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YEFib3ZlIHJlY29tbWVuZGF0aW9ucyBhcmUgYmFzZWQgb24gYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vd3d3Lm15bmRleC5jb20vQVBDQS9cIixcbiAgICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICAgIH19PntgQVBDQWB9PC9hPntgIGFsZ29yaXRobWB9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YFRoZSB0aHJlc2hvbGQgZm9yIGNvbWJpbmF0aW9ucyB0aGF0IGFyZSBjb25zaWRlcmVkIG9rYXkgaXMgYH08c3Ryb25nPntgTGB9PHN1cD57YGNgfTwvc3VwPntgIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2DiiaUgNjBgfTwvaW5saW5lQ29kZT48L3N0cm9uZz57YDsgdGhpcyBpcyBzdWZmaWNpZW50IGZvciBtb3N0IGludGVyZmFjZSBlbGVtZW50c2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YEZvciBiaWcgYmxvY2tzIG9mIHRleHQgaGlnaGVyIGNvbnRyYXN0IHZhbHVlIGlzIHJlY29tbWVuZGVkIChpLmUuIGdyYXkgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDYwMGB9PC9pbmxpbmVDb2RlPntgIGhhcyBMYH08c3VwPntgY2B9PC9zdXA+e2Agb2YgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDEwNGB9PC9pbmxpbmVDb2RlPntgIGFnYWluc3Qgd2hpdGUpYH08L2xpPlxuICAgIDwvdWw+XG4gICAge1xuICAgICAgLyogRG8ncyBhbmQgRG9udCdzIGdvIGhlcmUgKi9cbiAgICB9XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwic2VtYW50aWMtY29sb3JzXCJcbiAgICB9fT57YFNlbWFudGljIGNvbG9yc2B9PC9oMj5cbiAgICA8U3RvcnlOb3RlIG1keFR5cGU9XCJTdG9yeU5vdGVcIj5cbiAgICBBcyBvZiBub3csIHRoaXMgaXMgYW4gZWFybHkgcHJvb2Ytb2YtY29uY2VwdC4gV2UgaW50ZW5kIHRvIGV4dGVuZCB0aGUgbnVtYmVyIG9mIHNlbWFudGljIGNvbG9yc1xuICAgIGFuZCBnaXZlIG91ciBjb25zdW1lcnMgYWNjZXNzIHRvIHRoZW0uXG4gICAgPC9TdG9yeU5vdGU+XG4gICAgPHA+e2BTb21lIGNvbG9ycyBpbiBvdXIgcGFsZXR0ZSBoYXZlIGRlc2lnbmF0ZWQgcm9sZXMgaW4gb3VyIFVJLiBXZSBjYWxsIHRoaXMgc3BlY2lmaWMgdXNhZ2Ugb2YgdGhlIGNvbG9ycyDigJxzZW1hbnRpY+KAnS4gVGhpcyBpcyBhbiBhYnN0cmFjdGlvbiBvbiB0b3Agb2YgdGhlIOKAnHJhd+KAnSBjb2xvcnM6IHRoZSB1bmRlcmx5aW5nIHNwZWNpZmljIGh1ZXMgYW5kIHNoYWRlcyBtYXkgY2hhbmdlIG9yIGV2b2x2ZSBpbiB0aGUgZnV0dXJlLCBidXQgdGhlIG1lYW5pbmcgb2Yg4oCccHJpbWFyeSBhY3Rpb24gY29sb3LigJ0gaXMgbGlrZWx5IHRvIHN0YXkuYH08L3A+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwiYWN0aW9uLWNvbG9yLS10ZWFsXCJcbiAgICB9fT57YEFjdGlvbiBjb2xvciDigJQgdGVhbGB9PC9oMz5cbiAgICA8cD57YFRlYWwgc2NhbGUgY29udGFpbnMgb3VyIGtleSBicmFuZCBzaGFkZTogYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgdGVhbC4yMDBgfTwvaW5saW5lQ29kZT57YC4gSXQgaXMgYSBicmlnaHQgYW5kIHZpYnJhbnQgY29sb3IgdGhhdCBpcyBwcmVkb21pbmFudGx5IHVzZWQgZm9yIG1hcmtldGluZyBhbmQgYnJhbmRpbmcuYH08L3A+XG4gICAgPHA+e2BJbiBVSSB3ZSB1c2Ugc2hhZGVzIG9mIHRlYWwgdG8gaGlnaGxpZ2h0IGludGVyYWN0aXZpdGUgZWxlbWVudHMsIGUuZy4gaW4gcHJpbWFyeSwgc2Vjb25kYXJ5LCBhbmQgcXVhdGVybmFyeSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtYnV0dG9uLWRvY3MtLXBhZ2VcIlxuICAgICAgfX0+e2BidXR0b25zYH08L2E+e2A6YH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0xheW91dEdyaWQlMjBnYXA9JTIyeGwlMjIlMjBjb2x1bW5zPSU3QjMlN0QlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMnMlMjIlMjBjb2x1bW4lMjBhbGlnbkl0ZW1zPSUyMmNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHByaW1hcnklMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NiciUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjB0ZWFsLjMwMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lM0VEbyUyMHRoZSUyMFRoaW5nJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGdhcD0lMjJzJTIyJTIwY29sdW1uJTIwYWxpZ25JdGVtcz0lMjJjZW50ZXIlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NDb2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBzZWNvbmRhcnklMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NiciUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjB0ZWFsLjEwMCUyMCslMjB0ZWFsLjQwMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnNlY29uZGFyeSUyMiUzRURvJTIwdGhlJTIwVGhpbmclM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NMYXlvdXRGbGV4JTIwZ2FwPSUyMnMlMjIlMjBjb2x1bW4lMjBhbGlnbkl0ZW1zPSUyMmNlbnRlciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMHF1YXRlcm5hcnklMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NiciUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjB0ZWFsLjQwMCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnF1YXRlcm5hcnklMjIlM0VEbyUyMHRoZSUyMFRoaW5nJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEdyaWQlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEdyaWQgZ2FwPVwieGxcIiBjb2x1bW5zPXszfSBtZHhUeXBlPVwiTGF5b3V0R3JpZFwiPlxuICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJzXCIgY29sdW1uIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+XG4gICAgICAgICAgICAgICAgcHJpbWFyeVxuICAgICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgICAgIHRlYWwuMzAwXG4gICAgICAgICAgICA8L0NvZGVMYWJlbD5cbiAgICAgICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPkRvIHRoZSBUaGluZzwvQnV0dG9uPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInNcIiBjb2x1bW4gYWxpZ25JdGVtcz1cImNlbnRlclwiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5cbiAgICAgICAgICAgICAgICBzZWNvbmRhcnlcbiAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgICAgICB0ZWFsLjEwMCArIHRlYWwuNDAwXG4gICAgICAgICAgICA8L0NvZGVMYWJlbD5cbiAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInNlY29uZGFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5EbyB0aGUgVGhpbmc8L0J1dHRvbj5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJzXCIgY29sdW1uIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+XG4gICAgICAgICAgICAgICAgcXVhdGVybmFyeVxuICAgICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgICAgIHRlYWwuNDAwXG4gICAgICAgICAgICA8L0NvZGVMYWJlbD5cbiAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInF1YXRlcm5hcnlcIiBtZHhUeXBlPVwiQnV0dG9uXCI+RG8gdGhlIFRoaW5nPC9CdXR0b24+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0xheW91dEdyaWQ+XG4gICAgPC9DYW52YXM+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwicGFnZS1sZXZlbC1iYWNrZ3JvdW5kLWNvbG9yLS1pdm9yeVwiXG4gICAgfX0+e2BQYWdlLWxldmVsIGJhY2tncm91bmQgY29sb3Ig4oCUIGl2b3J5YH08L2gzPlxuICAgIDxwPntgRGVmYXVsdCBwYWdlIGJhY2tncm91bmQgY29sb3IgaXMgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgaXZvcnlgfTwvaW5saW5lQ29kZT57YC4gVGhpcyB3YXJtIGxpZ2h0IGdyYXkgY2FuIGJlIGFjY2Vzc2libHkgY29tYmluZWQgd2l0aCBzaGFkZXMgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgNDAwYH08L2lubGluZUNvZGU+e2AgYW5kIGRhcmtlciBmcm9tIG91ciBwYWxldHRlLmB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NGYWtlVmlld3BvcnQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NDb2RlTGFiZWwlM0Vpdm9yeSUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlM0MvRmFrZVZpZXdwb3J0JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxGYWtlVmlld3BvcnQgbWR4VHlwZT1cIkZha2VWaWV3cG9ydFwiPlxuICAgICAgICA8Q29kZUxhYmVsIG1keFR5cGU9XCJDb2RlTGFiZWxcIj5pdm9yeTwvQ29kZUxhYmVsPlxuICAgIDwvRmFrZVZpZXdwb3J0PlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcImNhcmQtYmFja2dyb3VuZC1jb2xvci0td2hpdGVcIlxuICAgIH19PntgQ2FyZCBiYWNrZ3JvdW5kIGNvbG9yIOKAlCB3aGl0ZWB9PC9oMz5cbiAgICA8cD57YFdoZW4gd2UgbmVlZCB0byBpbnRyb2R1Y2UgYWRkaXRpb25hbCBsZXZlbCBvZiBlbGV2YXRpb24gaW4gb3VyIFVJIHdlIHVzZSB3aGl0ZSBjb2xvci5gfTwvcD5cbiAgICA8Q2FudmFzIHdpdGhTb3VyY2U9XCJub25lXCIgbWR4U291cmNlPVwiJTBBJTNDRmFrZVZpZXdwb3J0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQ29kZUxhYmVsJTNFaXZvcnklM0MvQ29kZUxhYmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDUHNldWRvQ2FyZCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRXdoaXRlJTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9Qc2V1ZG9DYXJkJTNFJTBBJTIwJTIwJTIwJTIwJTNDL0Zha2VWaWV3cG9ydCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8RmFrZVZpZXdwb3J0IG1keFR5cGU9XCJGYWtlVmlld3BvcnRcIj5cbiAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+aXZvcnk8L0NvZGVMYWJlbD5cbiAgICAgICAgPFBzZXVkb0NhcmQgbWR4VHlwZT1cIlBzZXVkb0NhcmRcIj5cbiAgICAgICAgICAgIDxDb2RlTGFiZWwgbWR4VHlwZT1cIkNvZGVMYWJlbFwiPndoaXRlPC9Db2RlTGFiZWw+XG4gICAgICAgIDwvUHNldWRvQ2FyZD5cbiAgICA8L0Zha2VWaWV3cG9ydD5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJ0ZXh0LWNvbG9yLS1ncmF5NTAwXCJcbiAgICB9fT57YFRleHQgY29sb3Ig4oCUIGdyYXkuNTAwYH08L2gzPlxuICAgIDxwPntgRGVmYXVsdCBub24taW50ZXJhY3RpdmUgdGV4dCBjb2xvciBpbiBvdXIgVUkgaXMgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZ3JheS41MDBgfTwvaW5saW5lQ29kZT57YC4gSXQgaXMgbGlnaHRlciB0aGFuIHB1cmUgYmxhY2ssIGJ1dCBoYXMgaGlnaCBlbm91Z2ggY29udHJhc3QgdG8gYmUgcGVyZmVjdGx5IHJlYWRhYmxlIHRleHQuYH08L3A+XG4gICAgPENhbnZhcyB3aXRoU291cmNlPVwibm9uZVwiIG1keFNvdXJjZT1cIiUwQSUzQ0xheW91dEZsZXglM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NDb2RlTGFiZWwlM0VncmF5LjUwMCUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NGYWtlVGV4dCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xvcmVtSXBzdW0lMjAvJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL0Zha2VUZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTNDL0xheW91dEZsZXglM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPExheW91dEZsZXggbWR4VHlwZT1cIkxheW91dEZsZXhcIj5cbiAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+Z3JheS41MDA8L0NvZGVMYWJlbD5cbiAgICAgICAgPEZha2VUZXh0IG1keFR5cGU9XCJGYWtlVGV4dFwiPlxuICAgICAgICAgICAgPExvcmVtSXBzdW0gbWR4VHlwZT1cIkxvcmVtSXBzdW1cIiAvPlxuICAgICAgICA8L0Zha2VUZXh0PlxuICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJ0ZXJ0aWFyeS1hY3Rpb24tY29sb3ItLWdyYXk2MDBcIlxuICAgIH19PntgVGVydGlhcnkgYWN0aW9uIGNvbG9yIOKAlCBncmF5LjYwMGB9PC9oMz5cbiAgICA8cD57YEZvciBvdXIgbXV0ZWQgdGVydGlhcnkgYnV0dG9ucyB0byBzdGFuZCBvdXQgYWdhaW5zdCB0aGUgbm9uLWludGVyYWN0aXZlIHRleHQgd2UgdXNlIGRhcmtlciBncmF5LjYwMGB9PC9wPlxuICAgIDxDYW52YXMgd2l0aFNvdXJjZT1cIm5vbmVcIiBtZHhTb3VyY2U9XCIlMEElM0NMYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTGF5b3V0RmxleCUyMGNvbHVtbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0NvZGVMYWJlbCUzRWdyYXkuNTAwJTNDL0NvZGVMYWJlbCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0Zha2VUZXh0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTG9yZW1JcHN1bSUyMC8lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvRmFrZVRleHQlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBjb2x1bW4lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NDb2RlTGFiZWwlM0VncmF5LjYwMCUyMCslMjBpdm9yeSUzQy9Db2RlTGFiZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnRlcnRpYXJ5JTIyJTNFRG8lMjB0aGUlMjBUaGluZyUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTGF5b3V0RmxleCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxMYXlvdXRGbGV4IG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+Z3JheS41MDA8L0NvZGVMYWJlbD5cbiAgICAgICAgICAgIDxGYWtlVGV4dCBtZHhUeXBlPVwiRmFrZVRleHRcIj5cbiAgICAgICAgICAgICAgICA8TG9yZW1JcHN1bSBtZHhUeXBlPVwiTG9yZW1JcHN1bVwiIC8+XG4gICAgICAgICAgICA8L0Zha2VUZXh0PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBtZHhUeXBlPVwiTGF5b3V0RmxleFwiPlxuICAgICAgICAgICAgPENvZGVMYWJlbCBtZHhUeXBlPVwiQ29kZUxhYmVsXCI+Z3JheS42MDAgKyBpdm9yeTwvQ29kZUxhYmVsPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwidGVydGlhcnlcIiBtZHhUeXBlPVwiQnV0dG9uXCI+RG8gdGhlIFRoaW5nPC9CdXR0b24+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICA8L0xheW91dEZsZXg+XG4gICAgPC9DYW52YXM+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicHJvdmlkZWQtdG9vbGluZ1wiXG4gICAgfX0+e2BQcm92aWRlZCB0b29saW5nYH08L2gyPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YEFjY2VzcyB0byBuZXcgcGFsZXR0ZSBpcyBwcm92aWRlZCB2aWEgRmlnbWEgTGlicmFyeSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgRGVzaWduIFN5c3RlbSBBbHBoYWB9PC9pbmxpbmVDb2RlPntgIGZvciBkZXNpZ25lcnNgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BDb2xvciB2YWx1ZXMgZm9yIGRldmVsb3BlcnMgYXJlIHByb3ZpZGVkIHRocm91Z2ggYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIj9wYXRoPS9zdG9yeS9ndWlkZXMtdG9rZW5zLXVzaW5nLWluLWNvbXBvbmVudHMtLXBhZ2VcIlxuICAgICAgICB9fT57YHRva2Vuc2B9PC9hPntgLiBDb2xvcnMgYXJlIGluIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2Byb290LnBhbGV0dGVgfTwvaW5saW5lQ29kZT57YCBuYW1lc3BhY2UsIHRvIG1ha2Ugc3VyZSB5b3UncmUgdXNpbmcgdGhlIG5ldyBjb2xvcnMgYW5kIG5vdCB0aGUgbGVnYWN5IGZhbGxiYWNrcyBjaGVjayBpZiB5b3UncmUgdXNpbmcgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGNsdWNrLXVpYH08L2lubGluZUNvZGU+e2AgYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIj9wYXRoPS9zdG9yeS9hcGktZHMtd2ViLXJvb3QtcHJvdmlkZXJzLXJvb3Rwcm92aWRlci0tcGFnZSN0aGVtZS1zdHJpbmdcIlxuICAgICAgICB9fT57YHRoZW1lYH08L2E+e2AuYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgSW5mb21hdGlvbiBhYm91dCBjb2xvciBjb21iaW5hdGlvbnMgYW5kIHVwZ3JhZGUgcGF0aHMgZm9yIGxlZ2FjeSBjb2xvcnMgaXMgcHJvdmlkZWQgaW4gb3VyIEZpZ21hIGxpYnJhcnkgd2l0aCBjb21tZW50cyAoaG92ZXIgb3ZlciB0aGUgY29sb3JzIGluIHRoZSBzdHlsZSBzZWxlY3Rpb24gZGlhbG9nKWB9PC9saT5cbiAgICA8L3VsPlxuICAgIDxpbWcgc3JjPVwiLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMjAuZm91bmRhdGlvbnMvc3RhdGljL3N0eWxlLWRpYWxvZy1maWdtYS5wbmdcIiBhbHQ9XCJTdHlsZSBzZWxlY3Rpb24gZGlhbG9nIGluIEZpZ21hXCIgd2lkdGg9XCI0NzdcIiAvPlxuICAgIHtcbiAgICAgIC8qIC0gVG9rZW5zICovXG4gICAgfVxuICAgIDxwPjxlbSBwYXJlbnROYW1lPVwicFwiPntgVG8gYmUgY29udGludWVk4oCmYH08L2VtPjwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0ZvdW5kYXRpb25zL0NvbG9yJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\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\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/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": "packages"\n }, "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 it as a peer dependency 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, "This prevents duplicate (and/or inconsistent) instances of the packages from being included in the application builds."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Make sure 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"])("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMjAubGlicmFyaWVzLnN0b3JpZXMubWR4P2JiMzEiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLCtCQUFaO0FBQTRDLGNBQVUsRUFBRTtBQUN0REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURnRCxLQUF4RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUiwrQkFWSyxFQWFMLCtPQUFxSztBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ2pLLFlBQVE7QUFEeUosa0NBQXJLLFlBYkssRUFnQkw7QUFDRSxVQUFNO0FBRFIsZ0JBaEJLLEVBbUJMLDJGQUFpQjtBQUFZLGNBQVUsRUFBQztBQUF2QiwwQkFBakIsOEdBbkJLLEVBb0JMLCtFQUFLO0FBQU0sY0FBVSxFQUFDO0FBQWpCLDRDQUFMLENBcEJLLEVBc0JMLHNNQXRCSyxFQXVCTCxxTUF2QkssRUF3QkwsNktBQW1HO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDL0YsWUFBUTtBQUR1RiwrQkFBbkcsTUF4QkssQ0FBUDtBQTRCRDs7QUFoQ1FMLFU7QUFrQ1Q7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSwrQkFBVDtBQUEwQ0gsWUFBVSxFQUFFO0FBQzFFTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEb0UsR0FBdEQ7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMDAuaW5zdGFsbGF0aW9uLzIwLmxpYnJhcmllcy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0luc3RhbGxhdGlvbi9MaWJyYXJpZXNcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImluc3RhbGxhdGlvbi1saWJyYXJpZXNcIlxuICAgIH19PntgSW5zdGFsbGF0aW9uOiBMaWJyYXJpZXNgfTwvaDE+XG4gICAgPHA+e2BUaGlzIGd1aWRlIGFwcGxpZXMgdG8gbGlicmFyaWVzIGNvbnN1bWVkIGluIFByZXBseSBhcHBsaWNhdGlvbnMsIGFuZCBhc3N1bWVzIHRoZXNlIGFwcGxpY2F0aW9ucyBhcmUgYWxyZWFkeSBpbnRlZ3JhdGVkIGFjY29yZGluZyB0byB0aGUgc3RlcHMgb3V0bGluZWQgaW4gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1hcHBsaWNhdGlvbnMtLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IEFwcGxpY2F0aW9uc2B9PC9hPntgIGd1aWRlLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInBhY2thZ2VzXCJcbiAgICB9fT57YFBhY2thZ2VzYH08L2gyPlxuICAgIDxwPntgU2luY2UgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBwcmVwbHkvZHMtd2ViLWxpYmB9PC9pbmxpbmVDb2RlPntgIGlzIGFscmVhZHkgYXZhaWxhYmxlIGluIHRoZXNlIGFwcGxpY2F0aW9ucywgeW91IG5lZWQgdG8gaW5zdGFsbCBpdCBhcyBhIHBlZXIgZGVwZW5kZW5jeSBpbiB5b3VyIGxpYnJhcnkuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLnt9fT57YHlhcm4gYWRkIC0tcGVlciBAcHJlcGx5L2RzLXdlYi1saWJcbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgVGhpcyBwcmV2ZW50cyBkdXBsaWNhdGUgKGFuZC9vciBpbmNvbnNpc3RlbnQpIGluc3RhbmNlcyBvZiB0aGUgcGFja2FnZXMgZnJvbSBiZWluZyBpbmNsdWRlZCBpbiB0aGUgYXBwbGljYXRpb24gYnVpbGRzLmB9PC9wPlxuICAgIDxwPntgTWFrZSBzdXJlIHlvdXIgbGlicmFyeSBidWlsZCBzeXN0ZW0gaXMgcHJvcGVybHkgY29uZmlndXJlZCB0byBlZmZlY3RpdmVseSBleGNsdWRlIHBlZXIgZGVwZW5kZW5jaWVzIGZyb20geW91ciBidW5kbGUuYH08L3A+XG4gICAgPHA+e2BJZiB5b3VyIGxpYnJhcnkgaGFzIGEgbG9jYWwgaW5zdGFuY2Ugb2YgU3Rvcnlib29rIHlvdSB3aWxsIGFsc28gaGF2ZSB0byBmb2xsb3cgdGhlIHN0ZXBzIGluIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1zdG9yeWJvb2stLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IFN0b3J5Ym9va2B9PC9hPntgLmB9PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL0luc3RhbGxhdGlvbi9MaWJyYXJpZXMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\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\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/MzFjNSJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BUUwsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsOEJBQVo7QUFBMkMsY0FBVSxFQUFFO0FBQ3JERSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRCtDLEtBQXZEO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFSSyxFQWFMO0FBQ0UsVUFBTTtBQURSLDhCQWJLLEVBZ0JMLHdJQUE4RDtBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBOUQsdUJBaEJLLEVBaUJMLHFJQUEyRDtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ3ZELFlBQVE7QUFEK0MsMkJBQTNELGNBakJLLEVBb0JMLGlKQXBCSyxFQXFCTCw0TEFyQkssRUFzQkwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLHMyQkFBTCxDQXRCSyxDQUFQO0FBbUREOztBQXZEUUwsVTtBQXlEVDtBQUNBQSxVQUFVLENBQUNNLGNBQVgsR0FBNEIsSUFBNUI7QUFFTyxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQUUsUUFBTSxJQUFJQyxLQUFKLENBQVUsaUJBQVYsQ0FBTjtBQUFxQyxDQUE1RDtBQUVQRCxNQUFNLENBQUNFLFVBQVAsR0FBb0I7QUFBRUMsVUFBUSxFQUFFO0FBQVosQ0FBcEI7QUFFQSxJQUFNQyxhQUFhLEdBQUc7QUFBRUMsT0FBSyxFQUFFLDhCQUFUO0FBQXlDSCxZQUFVLEVBQUU7QUFDekVOLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURtRSxHQUFyRDtBQUluQlEsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIscUJBQ01RLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIsSUFBaUMsRUFEdkM7QUFFRVksTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vOTAuYWR2YW5jZWQuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBUSEVNRV9ERUZBVUxULCBUSEVNRV9PUFRJT05TIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAge1xuICAgICAgLyogdXNlcyBEb2NDb250ZXh0IChpbnN0ZWFkIG9mIERvY0NvbnRleHREU1dlYikgc28gdGhhdCB3ZSBjYW4gcmVuZGVyIGFuIGFjdHVhbCBSb290UHJvdmlkZXIgZXhhbXBsZSAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9JbnN0YWxsYXRpb24vQWR2YW5jZWRcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImluc3RhbGxhdGlvbi1hZHZhbmNlZFwiXG4gICAgfX0+e2BJbnN0YWxsYXRpb246IEFkdmFuY2VkYH08L2gxPlxuICAgIDxwPntgVGhpcyBwYWdlIGlzIGFib3V0IHJvbGxpbmcgb3V0IHlvdXIgb3duIGFsdGVybmF0aXZlIHRvIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxSb290UHJvdmlkZXIvPmB9PC9pbmxpbmVDb2RlPntgIChhZHZhbmNlZCB1c2FnZSkuYH08L3A+XG4gICAgPHA+e2BJZiB5b3UgYXJlIGxvb2tpbmcgZm9yIGhvdyB0byBpbnN0YWxsLCByZWZlciB0byB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtaW5zdGFsbGF0aW9uLWFwcGxpY2F0aW9ucy0tcGFnZVwiXG4gICAgICB9fT57YGluc3RhbGxhdGlvbiBndWlkZXNgfTwvYT57YCBpbnN0ZWFkLmB9PC9wPlxuICAgIDxwPntgUGxhbnMgZXhpc3QgdG8gYWxsb3cgaW5qZWN0aW5nIGEgbG9jYWwgdGhlbWUgZHVyaW5nIGluc3RhbnRhdGlvbi5gfTwvcD5cbiAgICA8cD57YE1lYW53aGlsZSwgaWYgeW91IHdhbnQgdG8gZXhwZXJpbWVudCB3aXRoIHRoaXMsIHlvdSBjYW4gcm9sbCB5b3VyIG93biBpbXBsZW1lbnRhdGlvbiBpbiBhIGZldyBsaW5lcyBvZiBjb2RlLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHR5cGUgeyBUaGVtZU5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQ09MT1JfU0NIRU1FX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBDb2xvclNjaGVtZVByb3ZpZGVyLFxuICAgIFRoZW1lUHJvdmlkZXIsXG4gICAgVGhlbWVzUHJvdmlkZXIsXG4gICAgY29sb3JTY2hlbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHR5cGUgeyBSb290VGFyZ2V0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBSb290LCB0aGVtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcblxuY29uc3QgTVlfVEhFTUU6IFRoZW1lTmFtZSA9ICdteS10aGVtZSc7XG50aGVtZXNbTVlfVEhFTUVdID0gbmV3IFRoZW1lKC4uLik7XG5cbmV4cG9ydCBjb25zdCBSb290UHJvdmlkZXI6IEZDID0gKHsgY2hpbGRyZW4gfSkgPT4gKFxuICAgIDxUaGVtZXNQcm92aWRlciB0aGVtZXM9e09iamVjdC52YWx1ZXModGhlbWVzKX0gY29sb3JTY2hlbWVzPXtjb2xvclNjaGVtZXN9PlxuICAgICAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17TVlfVEhFTUV9PlxuICAgICAgICAgICAgPENvbG9yU2NoZW1lUHJvdmlkZXIgY29sb3JTY2hlbWU9e0NPTE9SX1NDSEVNRV9ERUZBVUxUfT5cbiAgICAgICAgICAgICAgICA8Um9vdCB0YXJnZXQ9e2RvY3VtZW50LmJvZHl9PntjaGlsZHJlbn08L1Jvb3Q+XG4gICAgICAgICAgICA8L0NvbG9yU2NoZW1lUHJvdmlkZXI+XG4gICAgICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgICA8L1RoZW1lc1Byb3ZpZGVyPlxuKTtcbmB9PC9jb2RlPjwvcHJlPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL0luc3RhbGxhdGlvbi9BZHZhbmNlZCcsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\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/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_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/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\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__[/* DocContextDSWeb */ "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 */ "m"], {\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 subtre."), 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=%22div%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_8__[/* StoryGrid */ "l"], {\n mdxType: "StoryGrid"\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 }, "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_10__[/* 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__[/* 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8xMC50aGVtZXMvMTAubmVzdGluZy5zdG9yaWVzLm1keD9hMGJlIl0sIm5hbWVzIjpbImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHVCQUFaO0FBQW9DLGNBQVUsRUFBRTtBQUM5Q0UsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUR3QyxLQUFoRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUix1QkFWSyxFQWFMLDJHQUFpQztBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQzdCLFlBQVE7QUFEcUIscUJBQWpDLHdGQWJLLEVBZ0JMLGtFQUFDLHlFQUFEO0FBQVcsUUFBSSxFQUFDLFNBQWhCO0FBQTBCLFdBQU8sRUFBQztBQUFsQyxLQUNBLDhUQUdnRSxHQUhoRSxFQUlJLG9KQUpKLGtEQURBLEVBUUEsK05BUkEsQ0FoQkssRUE2QkwsNkVBQUc7QUFBUSxjQUFVLEVBQUM7QUFBbkIsa0JBQUgsQ0E3QkssRUE4QkwsOEVBQ0U7QUFBSSxjQUFVLEVBQUM7QUFBZixvRUFERixFQUVFO0FBQUksY0FBVSxFQUFDO0FBQWYsK0VBRkYsRUFHRTtBQUFJLGNBQVUsRUFBQztBQUFmLDREQUhGLENBOUJLLEVBbUNMLDZFQUFHO0FBQVEsY0FBVSxFQUFDO0FBQW5CLGVBQUgsQ0FuQ0ssRUFvQ0wsK0ZBQXFCO0FBQVksY0FBVSxFQUFDO0FBQXZCLHVCQUFyQiwwQ0FBd0g7QUFBWSxjQUFVLEVBQUM7QUFBdkIsYUFBeEgsV0FwQ0ssRUFxQ0wsK0pBckNLLEVBc0NMLGtFQUFDLG9FQUFEO0FBQVEsYUFBUyxFQUFDLG1VQUFsQjtBQUFzVixXQUFPLEVBQUM7QUFBOVYsS0FDQSxrRUFBQyx5RUFBRDtBQUFXLFdBQU8sRUFBQztBQUFuQixLQUNJLGtFQUFDLGtFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLGVBREosRUFFSSxrRUFBQyx5RUFBRDtBQUFlLFNBQUssRUFBQyxXQUFyQjtBQUFpQyxPQUFHLEVBQUMsS0FBckM7QUFBMkMsV0FBTyxFQUFDO0FBQW5ELEtBQ0ksa0VBQUMsa0VBQUQ7QUFBUSxXQUFPLEVBQUM7QUFBaEIsaUJBREosQ0FGSixDQURBLENBdENLLEVBOENMLCtMQTlDSyxFQStDTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosd0VBQUwsQ0EvQ0ssQ0FBUDtBQW9ERDs7QUF4RFFMLFU7QUEwRFQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSx1QkFBVDtBQUFrQ0gsWUFBVSxFQUFFO0FBQ2xFTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFENEQsR0FBOUM7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMTAudGhlbWVzLzEwLm5lc3Rpbmcuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NNZXRhZGF0YSwgU3RvcnlHcmlkLCBTdG9yeU5vdGUgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyLCB0aGVtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvVGhlbWVzL05lc3RpbmdcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRoZW1lcy1uZXN0aW5nXCJcbiAgICB9fT57YFRoZW1lczogTmVzdGluZ2B9PC9oMT5cbiAgICA8cD57YFlvdSBjYW4gbmVzdCBpbnN0YW5jZXMgb2cgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9hcGktZHMtd2ViLWNvcmUtcHJvdmlkZXJzLXRoZW1lcHJvdmlkZXItLXBhZ2VcIlxuICAgICAgfX0+e2BUaGVtZVByb3ZpZGVyYH08L2E+e2AgdG8gYXBwbHkgYSBkaWZmZXJlbnQgdGhlbWUgdG8gYSBncm91cCBvZiBjb21wb25lbnRzIG9yIGV2ZW4gdG8gYSBzaW5nbGUgY29tcG9uZW50LmB9PC9wPlxuICAgIDxTdG9yeU5vdGUgdHlwZT1cIndhcm5pbmdcIiBtZHhUeXBlPVwiU3RvcnlOb3RlXCI+XG4gICAgPHA+XG4gICAgICAgIEFsdGhvdWdoIHRoaXMgaXMgdGVjaG5pY2FsbHkgcG9zc2libGUsIGFuZCBtaWdodCBoZWxwIHNwZWVkIHVwIHNvbWUgbWlncmF0aW9ucywgdGhlcmUgaXMgYVxuICAgICAgICBiaWcgdHJhZGVvZmY6IGNoYW5nZXMgaW4gdGhlIHRvcCBsZXZlbCB0aGVtZSB3b24ndCBwcm9wYWdhdGUgdG8gY2hpbGRyZW4gb2YgdGhlIG5lc3RlZFxuICAgICAgICBwcm92aWRlcnMuIFRoaXMgbWVhbnMgdGhhdCB1bnRpbCB0aGUgbmVzdGluZyBpcyBkcm9wcGVkLCBpdHsnICd9XG4gICAgICAgIDxzdHJvbmc+d2lsbCBub3QgYmUgcG9zc2libGUgdG8gYXBwbHkgYSBnbG9iYWwgdGhlbWUgY2hhbmdlIHRvIHRoZSBwYWdlPC9zdHJvbmc+IChlLmcuOiBkYXJrXG4gICAgICAgIG1vZGUsIGJyYW5kIGV4cGVyaW1lbnQsIGV0Yy4uLikuXG4gICAgPC9wPlxuICAgIDxwPlxuICAgICAgICBNYWtlIHN1cmUgdGhlIG5lc3RpbmcgaXMganVzdGlmaWVkIGJ5IG9uZSBvZiB0aGUgdXNlIGNhc2VzIGJlbG93LCB3ZWxsIGRvY3VtZW50ZWQsIGFuZCBwbGFuc1xuICAgICAgICBhcmUgbWFkZSB0byByZW1vdmUgaXQgYWZ0ZXIgaXQgc2VydmVzIGl0cyBwdXJwb3NlLlxuICAgIDwvcD5cbiAgICA8L1N0b3J5Tm90ZT5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BVc2UgY2FzZXM6YH08L3N0cm9uZz48L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgbWlncmF0ZSBvbmx5IHBhcnQgb2YgdGhlIFVJIGVsZW1lbnQgdG8gYSBuZXcgZGVzaWduIGxhbmd1YWdlYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgcnVuIGFuIGV4cGVyaW1lbnQgd2l0aCBhIHNwZWNpYWwgc3R5bGUsIGFmZmVjdGluZyBvbmx5IGEgcGFydCBvZiB0aGUgVUlgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BleHBlcmltZW50IHdpdGggbmV3IHRoZW1lcyBhbmQgY29udHJvbCB0aGVpciByb2xsb3V0YH08L2xpPlxuICAgIDwvdWw+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgSG93IHRvOmB9PC9zdHJvbmc+PC9wPlxuICAgIDxwPntgU2ltcGx5IHJlbmRlciBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8VGhlbWVQcm92aWRlcj5gfTwvaW5saW5lQ29kZT57YCBhbmQgcHJvdmlkZSB0aGUgbmV3IHRoZW1lIG5hbWUgdmlhIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHRoZW1lYH08L2lubGluZUNvZGU+e2AgcHJvcC5gfTwvcD5cbiAgICA8cD57YEl0IHdpbGwgbWFrZSB0aGUgdGhlbWUncyBpbnN0YW5jZSBhdmFpbGFibGUgdG8gY29kZSBleGVjdXRlZCB3aXRoaW4gaXRzIHN1YnRyZS5gfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ1N0b3J5R3JpZCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUzRUJhc2UlMjBVSSUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUaGVtZVByb3ZpZGVyJTIwdGhlbWU9JTIycHJlcGx5LXVpJTIyJTIwdGFnPSUyMmRpdiUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUzRVByZXBseSUyMFVJJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9UaGVtZVByb3ZpZGVyJTNFJTBBJTIwJTIwJTIwJTIwJTNDL1N0b3J5R3JpZCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8U3RvcnlHcmlkIG1keFR5cGU9XCJTdG9yeUdyaWRcIj5cbiAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+QmFzZSBVSTwvQnV0dG9uPlxuICAgICAgICA8VGhlbWVQcm92aWRlciB0aGVtZT1cInByZXBseS11aVwiIHRhZz1cImRpdlwiIG1keFR5cGU9XCJUaGVtZVByb3ZpZGVyXCI+XG4gICAgICAgICAgICA8QnV0dG9uIG1keFR5cGU9XCJCdXR0b25cIj5QcmVwbHkgVUk8L0J1dHRvbj5cbiAgICAgICAgPC9UaGVtZVByb3ZpZGVyPlxuICAgIDwvU3RvcnlHcmlkPlxuICAgIDwvQ2FudmFzPlxuICAgIDxwPntgSXQgYWxzbyByZW5kZXJzIGEgRE9NIGVsZW1lbnQgd2l0aCB0aGUgVGhlbWUncyBDU1MgY2xhc3NlcywgdXBkYXRpbmcgdGhlIENTUyB2YXJpYWJsZXMgZm9yIHRoZSBlbnRpcmUgc3ViLXRyZWUuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1odG1sXCJcbiAgICAgIH19PntgPGRpdiBjbGFzcz1cImRzLWJhc2UtdWlfXzFBYnR4IGRzLXByZXBseS11aV9fZTN0YmFcIj4uLi48L2Rpdj5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL1RoZW1lcy9OZXN0aW5nJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\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__, "LIBRARY_NAME", function() { return LIBRARY_NAME; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "COMPONENT_NAME", function() { return COMPONENT_NAME; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "expose", function() { return expose; });\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 LIBRARY_NAME = \'@preply/ds-web-core\';\nvar COMPONENT_NAME = \'providers/ColorSchemeProvider\';\nvar expose = {\n exports: [\'ColorSchemeProvider\'],\n request: LIBRARY_NAME\n};\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: "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzAwLmludHJvLnN0b3JpZXMubWR4PzIwOGEiXSwibmFtZXMiOlsiTElCUkFSWV9OQU1FIiwiQ09NUE9ORU5UX05BTUUiLCJleHBvc2UiLCJleHBvcnRzIiwicmVxdWVzdCIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJDT0xPUl9TQ0hFTUVfT1BUSU9OUyIsIkNPTE9SX1NDSEVNRV9ERUZBVUxUIiwiZ2FwIiwiYWxpZ25JdGVtcyIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDTyxJQUFNQSxZQUFZLEdBQUcscUJBQXJCO0FBQ0EsSUFBTUMsY0FBYyxHQUFHLCtCQUF2QjtBQUNBLElBQU1DLE1BQU0sR0FBRztBQUNwQkMsU0FBTyxFQUFFLENBQUMscUJBQUQsQ0FEVztBQUVwQkMsU0FBTyxFQUFFSjtBQUZXLENBQWY7QUFLUCxJQUFNSyxXQUFXLEdBQUc7QUFDbEJMLGNBQVksRUFBWkE7QUFEa0IsQ0FBcEI7QUFHQSxJQUFNTSxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FB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L0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzAwLmludHJvLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgQ09MT1JfU0NIRU1FX0RFRkFVTFQsIENPTE9SX1NDSEVNRV9PUFRJT05TIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IEltcG9ydFN0YXRlbWVudCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEJ1dHRvbiwgSGVhZGluZywgUGFuZWwsIFBhbmVsQm9keSwgUGFuZWxIZWFkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVzIH0gZnJvbSAnLi9jb21wb25lbnRzL0NvbG9yU2NoZW1lcyc7XG5pbXBvcnQgeyBNeUNvbXBvbmVudCB9IGZyb20gJy4vZXhhbXBsZXMvTXlDb21wb25lbnQud2l0aENvbG9yU2NoZW1lJztcbmV4cG9ydCBjb25zdCBMSUJSQVJZX05BTUUgPSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5leHBvcnQgY29uc3QgQ09NUE9ORU5UX05BTUUgPSAncHJvdmlkZXJzL0NvbG9yU2NoZW1lUHJvdmlkZXInO1xuZXhwb3J0IGNvbnN0IGV4cG9zZSA9IHtcbiAgZXhwb3J0czogWydDb2xvclNjaGVtZVByb3ZpZGVyJ10sXG4gIHJlcXVlc3Q6IExJQlJBUllfTkFNRVxufTtcblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIExJQlJBUllfTkFNRVxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0NvbG9yIFNjaGVtZXMvSW50cm9cIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb2xvci1zY2hlbWVzLWludHJvXCJcbiAgICB9fT57YENvbG9yIFNjaGVtZXM6IEludHJvYH08L2gxPlxuICAgIDxwPntgQ29sb3Igc2NoZW1lcyBhZmZlY3QgaG93IGFsbCB0aGVtYWJsZSBjb21wb25lbnRzIGFyZSByZW5kZXJlZCB3aXRoaW4gaXRzIGNvbnRleHQuIEVhY2ggdGhlbWUgY29udGFpbnMgdGhlIHNhbWUgbnVtYmVyIG9mIGNvbG9yIHNjaGVtZXMgYnV0IG1heSBkZWZpbmUgZGlmZmVyZW50IGNvbG9yIGRlY2lzaW9ucy5gfTwvcD5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+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__, "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/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 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: "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzEwLmFsbC1jb2xvci1zY2hlbWVzLnN0b3JpZXMubWR4P2RjMmEiXSwibmFtZXMiOlsiTElCUkFSWV9OQU1FIiwiRkVBVFVSRV9OQU1FIiwibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsIkNPTE9SX1NDSEVNRV9PUFRJT05TIiwiQ09MT1JfU0NIRU1FX0RFRkFVTFQiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDTyxJQUFNQSxZQUFZLEdBQUcscUJBQXJCO0FBQ0EsSUFBTUMsWUFBWSxHQUFHLCtCQUFyQjtBQUVQLElBQU1DLFdBQVcsR0FBRztBQUNsQkYsY0FBWSxFQUFaQTtBQURrQixDQUFwQjtBQUdBLElBQU1HLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU9MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLG1DQUFaO0FBQWdELGNBQVUsRUFBRTtBQUMxREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURvRCxLQUE1RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBUEssRUFZTCxrRUFBQyw4RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVpLLEVBYUw7QUFDRSxVQUFNO0FBRFIsbUNBYkssRUFnQkwsOEtBaEJLLEVBaUJMLDZFQUFHO0FBQVEsY0FBVSxFQUFDO0FBQW5CLGdDQUFILENBakJLLEVBa0JMLGtFQUFDLGlGQUFEO0FBQWtCLFdBQU8sRUFBRUMsNEVBQTNCO0FBQWlELGdCQUFZLEVBQUVDLDRFQUEvRDtBQUFxRixXQUFPLEVBQUM7QUFBN0YsSUFsQkssRUFtQkwsa0VBQUMsOEVBQUQ7QUFBYyxXQUFPLEVBQUM7QUFBdEIsSUFuQkssQ0FBUDtBQXFCRDs7QUF6QlFQLFU7QUEyQlQ7QUFDQUEsVUFBVSxDQUFDUSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxtQ0FBVDtBQUE4Q0gsWUFBVSxFQUFFO0FBQzlFUixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEd0UsR0FBMUQ7QUFJbkJVLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJSLElBQXpCLHFCQUNNVSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJSLElBQXpCLElBQWlDLEVBRHZDO0FBRUVjLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMjAuY29sb3Itc2NoZW1lcy8xMC5hbGwtY29sb3Itc2NoZW1lcy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IENPTE9SX1NDSEVNRV9ERUZBVUxULCBDT0xPUl9TQ0hFTUVfT1BUSU9OUyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lT3B0aW9uc0xpc3QsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NNZXRhZGF0YSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEJ1dHRvbiwgSGVhZGluZywgUGFuZWwsIFBhbmVsQm9keSwgUGFuZWxIZWFkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVzIH0gZnJvbSAnLi9jb21wb25lbnRzL0NvbG9yU2NoZW1lcyc7XG5pbXBvcnQgeyBNeUNvbXBvbmVudCB9IGZyb20gJy4vZXhhbXBsZXMvTXlDb21wb25lbnQud2l0aENvbG9yU2NoZW1lJztcbmV4cG9ydCBjb25zdCBMSUJSQVJZX05BTUUgPSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5leHBvcnQgY29uc3QgRkVBVFVSRV9OQU1FID0gJ3Byb3ZpZGVycy9Db2xvclNjaGVtZVByb3ZpZGVyJztcblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIExJQlJBUllfTkFNRVxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0NvbG9yIFNjaGVtZXMvQWxsIHZhcmlhbnRzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+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__, "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/* 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 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: "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/MzQ4YiJdLCJuYW1lcyI6WyJMSUJSQVJZX05BTUUiLCJGRUFUVVJFX05BTUUiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiZ2FwIiwiYWxpZ25JdGVtcyIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ08sSUFBTUEsWUFBWSxHQUFHLHFCQUFyQjtBQUNBLElBQU1DLFlBQVksR0FBRywrQkFBckI7QUFFUCxJQUFNQyxXQUFXLEdBQUc7QUFDbEJGLGNBQVksRUFBWkE7QUFEa0IsQ0FBcEI7QUFHQSxJQUFNRyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFPTCxrRUFBQyxrRUFBRDtBQUFNLFNBQUssRUFBQyw4QkFBWjtBQUEyQyxjQUFVLEVBQUU7QUFDckRFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFE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QUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsOEJBQVQ7QUFBeUNILFlBQVUsRUFBRTtBQUN6RVIsUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRG1FLEdBQXJEO0FBSW5CVSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCUixJQUF6QixxQkFDTVUsYUFBYSxDQUFDRixVQUFkLENBQXlCUixJQUF6QixJQUFpQyxFQUR2QztBQUVFYyxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzIwLmNvbG9yLXNjaGVtZXMvMzAubmVzdGluZy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IENPTE9SX1NDSEVNRV9ERUZBVUxULCBDT0xPUl9TQ0hFTUVfT1BUSU9OUyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lT3B0aW9uc0xpc3QsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NNZXRhZGF0YSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEJ1dHRvbiwgSGVhZGluZywgUGFuZWwsIFBhbmVsQm9keSwgUGFuZWxIZWFkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgTXlDb21wb25lbnQgfSBmcm9tICcuL2V4YW1wbGVzL015Q29tcG9uZW50LndpdGhDb2xvclNjaGVtZSc7XG5leHBvcnQgY29uc3QgTElCUkFSWV9OQU1FID0gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuZXhwb3J0IGNvbnN0IEZFQVRVUkVfTkFNRSA9ICdwcm92aWRlcnMvQ29sb3JTY2hlbWVQcm92aWRlcic7XG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBMSUJSQVJZX05BTUVcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9Db2xvciBTY2hlbWVzL05lc3RpbmdcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb2xvci1zY2hlbWVzLW5lc3RpbmdcIlxuICAgIH19PntgQ29sb3IgU2NoZW1lczogTmVzdGluZ2B9PC9oMT5cbiAgICA8cD57YFlvdSBjYW4gbmVzdCBjb2xvciBzY2hlbWVzIGFzIG1hbnkgdGltZXMgYXMgeW91IHdhbnRgfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ1BhbmVsJTIwY29sb3JTY2hlbWU9JTIyaW52ZXJ0JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDUGFuZWxIZWFkZXIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIZWFkaW5nJTIwbGV2ZWw9JTIyaDMlMjIlM0VMb3JlbSUyMGlwc3VtJTNDL0hlYWRpbmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvUGFuZWxIZWFkZXIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NQYW5lbEJvZHklM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NQYW5lbCUyMGNvbG9yU2NoZW1lPSUyMmJhbm5lciUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1BhbmVsQm9keSUyMGxheW91dD0lMjJmbGV4JTIyJTIwZmxleD0lN0IlN0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBnYXA6JTIwJzJ4cycsJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwYWxpZ25JdGVtczolMjAnY2VudGVyJyUwQSUyMCUyMCUyMCUyMCUyMCUyMCU3RCU3RCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUzRVNhdmUlM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTIwdmFyaWFudD0lMjJwbGFpbiUyMiUzRUNhbmNlbCUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvUGFuZWxCb2R5JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL1BhbmVsJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL1BhbmVsQm9keSUzRSUwQSUyMCUyMCUyMCUyMCUzQy9QYW5lbCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8UGFuZWwgY29sb3JTY2hlbWU9XCJpbnZlcnRcIiBtZHhUeXBlPVwiUGFuZWxcIj5cbiAgICAgICAgPFBhbmVsSGVhZGVyIG1keFR5cGU9XCJQYW5lbEhlYWRlclwiPlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoM1wiIG1keFR5cGU9XCJIZWFkaW5nXCI+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__, "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/* 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 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: "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/OTk5ZCJdLCJuYW1lcyI6WyJMSUJSQVJZX05BTUUiLCJGRUFUVVJFX05BTUUiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNPLElBQU1BLFlBQVksR0FBRyxxQkFBckI7QUFDQSxJQUFNQyxZQUFZLEdBQUcsK0JBQXJCO0FBRVAsSUFBTUMsV0FBVyxHQUFHO0FBQ2xCRixjQUFZLEVBQVpBO0FBRGtCLENBQXBCO0FBR0EsSUFBTUcsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BT0wsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsK0NBQVo7QUFBNEQsY0FBVSxFQUFFO0FBQ3RFRSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRGdFLEtBQXhFO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFQSyxFQVlMLGtFQUFDLDZFQUFEO0FBQWUsV0FBTyxFQUFDO0FBQXZCLElBWkssRUFhTDtBQUNFLFVBQU07QUFEUiwrQ0FiSyxFQWdCTCwyRkFBaUI7QUFBWSxjQUFVLEVBQUM7QUFBdkIseUJBQWpCLDREQWhCSyxFQWlCTCw4RUFDRTtBQUFJLGNBQVUsRUFBQztBQUFmLGlCQUFnQztBQUFZLGNBQVUsRUFBQztBQUF2Qiw0QkFBaEMsMEJBREYsRUFFRTtBQUFJLGNBQVUsRUFBQztBQUFmLCtCQUE4QztBQUFZLGNBQVUsRUFBQztBQUF2QixzQkFBOUMsQ0FGRixDQWpCSyxFQXFCTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosNGlCQUFMLENBckJLLEVBc0NMLHNHQUE0QjtBQUFZLGNBQVUsRUFBQztBQUF2QiwwQkFBNUIsaUNBdENLLEVBdUNMLGtFQUFDLG9FQUFEO0FBQVEsYUFBUyxFQUFDLCtlQUFsQjtBQUFrZ0IsV0FBTyxFQUFDO0FBQTFnQixLQUNBLGtFQUFDLDBGQUFEO0FBQWEsZUFBVyxFQUFDLFFBQXpCO0FBQWtDLFdBQU8sRUFBQztBQUExQyxLQUNJLGtFQUFDLGtFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLFlBREosRUFFSSxrRUFBQyxrRUFBRDtBQUFRLFdBQU8sRUFBQyxPQUFoQjtBQUF3QixXQUFPLEVBQUM7QUFBaEMsY0FGSixFQUdJLGtFQUFDLDBGQUFEO0FBQWEsZUFBVyxFQUFDLE1BQXpCO0FBQWdDLFdBQU8sRUFBQztBQUF4QyxLQUNJLGtFQUFDLGtFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLFlBREosRUFFSSxrRUFBQyxrRUFBRDtBQUFRLFdBQU8sRUFBQyxPQUFoQjtBQUF3QixXQUFPLEVBQUM7QUFBaEMsY0FGSixDQUhKLENBREEsQ0F2Q0ssQ0FBUDtBQWtERDs7QUF0RFFMLFU7QUF3RFQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSwrQ0FBVDtBQUEwREgsWUFBVSxFQUFFO0FBQzFGTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEb0YsR0FBdEU7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMjAuY29sb3Itc2NoZW1lcy80MC51c2luZy1pbi1jb21wb25lbnRzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgQ09MT1JfU0NIRU1FX0RFRkFVTFQsIENPTE9SX1NDSEVNRV9PUFRJT05TIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IERvY01ldGFkYXRhIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgQnV0dG9uLCBIZWFkaW5nLCBQYW5lbCwgUGFuZWxCb2R5LCBQYW5lbEhlYWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZXMgfSBmcm9tICcuL2NvbXBvbmVudHMvQ29sb3JTY2hlbWVzJztcbmltcG9ydCB7IE15Q29tcG9uZW50IH0gZnJvbSAnLi9leGFtcGxlcy9NeUNvbXBvbmVudC53aXRoQ29sb3JTY2hlbWUnO1xuZXhwb3J0IGNvbnN0IExJQlJBUllfTkFNRSA9ICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmV4cG9ydCBjb25zdCBGRUFUVVJFX05BTUUgPSAncHJvdmlkZXJzL0NvbG9yU2NoZW1lUHJvdmlkZXInO1xuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgTElCUkFSWV9OQU1FXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvQ29sb3IgU2NoZW1lcy9Vc2luZyBpbiB5b3VyIGNvbXBvbmVudHNcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJjb2xvci1zY2hlbWVzLXVzaW5nLWluLXlvdXItY29tcG9uZW50c1wiXG4gICAgfX0+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: .-toolkit/dist/index.js + 43 modules\nvar dist = __webpack_require__("../docs-toolkit/dist/index.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": { "src": { "defaultValue": null, "description": "", "name": "src", "required": false, "type": { "name": "string" } }, "size": { "defaultValue": null, "description": "", "name": "size", "required": false, "type": { "name": "number" } }, "type": { "defaultValue": null, "description": "", "name": "type", "required": false, "type": { "name": "string" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } }, "alt": { "defaultValue": null, "description": "", "name": "alt", "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" } }, "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" } }, "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" } }, "disabled": { "defaultValue": null, "description": "", "name": "disabled", "required": false, "type": { "name": "boolean" } }, "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" } }, "terms": { "defaultValue": null, "description": "", "name": "terms", "required": false, "type": { "name": "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/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\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/NzRiMSJdLCJuYW1lcyI6WyJleHRlbmRlZFRva2VuIiwibmFtZSIsInRva2VuIiwiaWQiLCJUT0tFTl9JRF9GSUVMRCIsInR5cGUiLCJUT0tFTl9UWVBFX0ZJRUxEIiwiY29sb3JTY2hlbWVBd2FyZSIsIlRPS0VOX0NPTE9SX1NDSEVNRV9BV0FSRV9GSUVMRCIsImZsYXQiLCJuYW1lc3BhY2UiLCJub2RlIiwiT2JqZWN0IiwiZW50cmllcyIsImZsYXRNYXAiLCJrZXkiLCJjaGlsZCIsImNoaWRLZXkiLCJpc1Rva2VuIiwiZmxhdHRlbiIsIkZMQVRfVE9LRU5TIiwidG9rZW5zIiwiZmlsdGVyVG9rZW5zIiwidGVybXMiLCJ3aXRoQ29sb3JTY2hlbWUiLCJmaWx0ZXIiLCJzdGFydHNXaXRoIiwidG9Mb3dlckNhc2UiLCJzdWJzdHJpbmciLCJuYW1lTWF0Y2giLCJpbmRleE9mIiwidmFsdWVNYXRjaCIsInZhbHVlIiwiVG9rZW5TZWFyY2hDb250ZXh0IiwiY3JlYXRlQ29udGV4dCIsImNvbG9yU2NoZW1lIiwidW5kZWZpbmVkIiwicmVzdWx0cyIsInNldENvbG9yU2NoZW1lIiwic2V0U2VhcmNoVGVybXMiLCJpbml0aWFsQ29sb3JTY2hlbWUiLCJ3aW5kb3ciLCJsb2NhbFN0b3JhZ2UiLCJnZXRJdGVtIiwiVG9rZW5TZWFyY2hQcm92aWRlciIsImNoaWxkcmVuIiwidXNlVGhlbWVzIiwiZmluZENvbG9yU2NoZW1lIiwidXNlVGhlbWUiLCJ0aGVtZSIsInVzZVN0YXRlIiwic2V0U2NoZW1lIiwic2V0VGVybXMiLCJzZXRSZXN1bHRzIiwidXNlQ2FsbGJhY2siLCJzIiwidCIsIkVycm9yIiwidXNlRWZmZWN0IiwiY3VycmVudENvbG9yU2NoZW1lIiwibWFwIiwiZ2V0VG9rZW4iLCJ1c2VUb2tlblNlYXJjaENvbnRleHQiLCJ1c2VDb250ZXh0IiwiRGl2Iiwic3R5bGVkIiwiZGl2IiwiUmVuZGVyZXJCZ0NvbG9yIiwiUmVuZGVyZXJCb3JkZXJDb2xvciIsIlJlbmRlcmVyQm9yZGVyUmFkaXVzIiwiUmVuZGVyZXJCcmlnaHRuZXNzIiwiUmVuZGVyZXJGZ0NvbG9yIiwiUmVuZGVyZXJGb250RmFtaWx5IiwiUmVuZGVyZXJGb250U2l6ZSIsIlJlbmRlcmVyRm9udFdlaWdodCIsIlJlbmRlcmVySGVpZ2h0IiwiUmVuZGVyZXJMaW5lSGVpZ2h0IiwiUmVuZGVyZXJPdXRsaW5lQ29sb3IiLCJSZW5kZXJlck91dGxpbmVPZmZzZXQiLCJSZW5kZXJlck91dGxpbmVXaWR0aCIsIlJlbmRlcmVyUGFsZXR0ZUl0ZW0iLCJSZW5kZXJlclNpemUiLCJSZW5kZXJlclNwYWNlIiwidHlwZUZyb21QcmVmaXgiLCJzdWZpeE1hcCIsImNvbG9yIiwicmVuZGVyZXJzIiwiYmdDb2xvciIsInJlbmRlcmVyIiwiYm9yZGVyQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJicmlnaHRuZXNzIiwiZmdDb2xvciIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsImZvbnRXZWlnaHQiLCJnYXAiLCJoZWlnaHQiLCJob3Jpem9udGFsUGFkZGluZyIsImxpbmVIZWlnaHQiLCJvdXRsaW5lQ29sb3IiLCJvdXRsaW5lT2Zmc2V0Iiwib3V0bGluZVdpZHRoIiwicGFkZGluZyIsInNpemUiLCJzcGFjZSIsInR5cGVmYWNlIiwidmVydGljYWxQYWRkaW5nIiwiZ2V0VHlwZUZyb21QcmVmaXgiLCJtYXRjaCIsImZpbmQiLCJwcmVmaXgiLCJnZXRUeXBlRnJvbVN1Zml4Iiwic3VmaXgiLCJzcGxpdCIsInBvcCIsImdldFJlbmRlcmVyIiwidG9rZW5SZW5kZXJlciIsIlRva2VuQ2FyZExpc3RJdGVtIiwibGkiLCJOYW1lIiwic3BhbiIsIklkIiwicCIsIlZhbHVlIiwiVG9rZW5DYXJkIiwidXNlVG9rZW4iLCJDb21wb25lbnQiLCJMaXN0IiwidWwiLCJOb1Jlc3VsdHMiLCJoaW50cyIsImJ1dCIsImFsdGVybmF0aXZlcyIsIm5vdGUiLCJsYXlvIiwiYWxpZ24iLCJqdXN0IiwiYm9sIiwiaGVscCIsIkhlYWRpbmciLCJoMyIsIkFsdGVybmF0aXZlcyIsIk5vdGUiLCJUb2tlblNlYXJjaEhpbnQiLCJoaW50IiwibGVuZ3RoIiwiYWx0IiwiaW5kZXgiLCJUb2tlblNlYXJjaEhpbnRzIiwidHJpZ2dlciIsIlRva2VuTGlzdCIsImlzTm90RGVmYXVsdCIsIlNlbGVjdCIsInNlbGVjdCIsIlNjaGVtZVN3aXRjaGVyIiwib25DaGFuZ2UiLCJoYW5kbGVDaGFuZ2UiLCJldiIsIm5ld0NvbG9yU2NoZW1lIiwidGFyZ2V0Iiwic2V0SXRlbSIsImtleXMiLCJjb2xvclNjaGVtZUNvbmZpZyIsIlNlYXJjaEJ5SWQiLCJTZWFyY2hCeU5hbWUiLCJOb3RGaWx0ZXJlZCIsIlNlYXJjaFRlcm1zIiwiVG9rZW5TZWFyY2hTdGF0aWMiLCJTZWFyY2hGb3JtIiwiU2VhcmNoSW5wdXQiLCJpbnB1dCIsImZpbHRlclBhcmFtcyIsImVudHJ5IiwibWFrZVBhcmFtcyIsInBhcmFtcyIsImVuY29kZVVSSUNvbXBvbmVudCIsImpvaW4iLCJtYWtlVXJsIiwiaHJlZiIsInRvcCIsImxvY2F0aW9uIiwiVG9rZW5TZWFyY2giLCJ0aXRsZSIsInRoZW1lcyIsInVzZVNldFRoZW1lIiwic2V0VGhlbWUiLCJzaG93RmVlZGJhY2siLCJzZXRTaG93RmVlZGJhY2siLCJ0aW1lb3V0SWQiLCJzZXRUaW1lb3V0SWQiLCJiYXNlVXJsIiwicmVwbGFjZSIsInVybCIsInVzZU1lbW8iLCJVUkwiLCJzZWFyY2hQYXJhbXMiLCJ1cmxUaGVtZSIsImdldCIsIm5ld1RoZW1lIiwidXJsQ29sb3JTY2hlbWUiLCJ1cmxUZXJtcyIsImhpc3RvcnkiLCJyZXBsYWNlU3RhdGUiLCJjbGVhclRpbWVvdXQiLCJoYW5kbGVTZWFyY2hUZXJtc0NoYW5nZSIsImhhbmRsZUNsaWNrUGVybWFsaW5rIiwiZnVsbFVybCIsIm5hdmlnYXRvciIsImNsaXBib2FyZCIsIndyaXRlVGV4dCIsInByZXZlbnREZWZhdWx0Iiwic2V0VGltZW91dCIsIlN0b3J5Q29udGV4dFdpdGhUb2tlbnMiLCJjb250ZXh0IiwiY29uc29sZSIsImluZm8iLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTs7QUFTQSxJQUFNQSxvQ0FBYSxHQUFHLFNBQWhCQSxhQUFnQixDQUFDQyxJQUFELEVBQWVDLEtBQWYsRUFBOEQ7QUFDaEYsU0FBTztBQUNIQSxTQUFLLEVBQUxBLEtBREc7QUFFSEQsUUFBSSxFQUFKQSxJQUZHO0FBR0hFLE1BQUUsRUFBRUQsS0FBSyxDQUFDRSxtQ0FBRCxDQUhOO0FBSUhDLFFBQUksRUFBRUgsS0FBSyxDQUFDSSxxQ0FBRCxDQUpSO0FBS0hDLG9CQUFnQixFQUFFLENBQUMsQ0FBQ0wsS0FBSyxDQUFDTSxtREFBRDtBQUx0QixHQUFQO0FBT0gsQ0FSRDs7QUFVQSxJQUFNQywyQkFBSSxHQUFHLFNBQVBBLElBQU8sQ0FBQ0MsU0FBRCxFQUFvQkMsSUFBcEIsRUFBNEU7QUFDckYsU0FBT0MsTUFBTSxDQUFDQyxPQUFQLENBQWVGLElBQWYsRUFBcUJHLE9BQXJCLENBQTZCLGdCQUFrQjtBQUFBO0FBQUEsUUFBaEJDLEdBQWdCO0FBQUEsUUFBWEMsS0FBVzs7QUFDbEQsUUFBTUMsT0FBTyxHQUFNUCxTQUFOLFNBQW1CSyxHQUFoQzs7QUFDQSxRQUFJRyxrQ0FBTyxDQUFDRixLQUFELENBQVgsRUFBb0I7QUFDaEIsYUFBTyxDQUFDaEIsb0NBQWEsQ0FBQ2lCLE9BQUQsRUFBVUQsS0FBVixDQUFkLENBQVA7QUFDSDs7QUFDRCxXQUFPUCxJQUFJLENBQUNRLE9BQUQs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LE9BQUssRUFBRUEsZ0NBQVQ7QUFBZ0IyQyxZQUFVLEVBQUU7QUFDaERKLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVWLDZDQUFzQkE7QUFEN0I7QUFEMEMsR0FBNUI7QUFJbkJnQixnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUYsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCSixJQUF6QixxQkFDTU0sYUFBYSxDQUFDRixVQUFkLENBQXlCSixJQUF6QixJQUFpQyxFQUR2QztBQUVFUyxNQUFJLEVBQUU7QUFBQSxXQUFNLDJCQUFDLDhCQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUY7QUFBM0UsT0FBMEYsMkJBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw2R0FBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy8wMC50b2tlbi1leHBsb3Jlci5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzVG9rZW4sIHRva2VucyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIFRPS0VOX0NPTE9SX1NDSEVNRV9BV0FSRV9GSUVMRCxcbiAgICBUT0tFTl9JRF9GSUVMRCxcbiAgICBUT0tFTl9UWVBFX0ZJRUxELFxuICAgIFRva2VuLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG5pbXBvcnQgeyBFeHRlbmRlZFRva2VuLCBUb2tlblRyZWUsIFRva2VuVHJlZU5vZGUgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGV4dGVuZGVkVG9rZW4gPSAobmFtZTogc3RyaW5nLCB0b2tlbjogVG9rZW4pOiBPbWl0PEV4dGVuZGVkVG9rZW4sICd2YWx1ZSc+ID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgICB0b2tlbixcbiAgICAgICAgbmFtZSxcbiAgICAgICAgaWQ6IHRva2VuW1RPS0VOX0lEX0ZJRUxEXSxcbiAgICAgICAgdHlwZTogdG9rZW5bVE9LRU5fVFlQRV9GSUVMRF0sXG4gICAgICAgIGNvbG9yU2NoZW1lQXdhcmU6ICEhdG9rZW5bVE9LRU5fQ09MT1JfU0NIRU1FX0FXQVJFX0ZJRUxEXSxcbiAgICB9O1xufTtcblxuY29uc3QgZmxhdCA9IChuYW1lc3BhY2U6IHN0cmluZywgbm9kZTogVG9rZW5UcmVlTm9kZSk6IE9taXQ8RXh0ZW5kZWRUb2tlbiwgJ3ZhbHVlJz5bXSA9PiB7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKG5vZGUpLmZsYXRNYXAoKFtrZXksIGNoaWxkXSkgPT4ge1xuICAgICAgICBjb25zdCBjaGlkS2V5ID0gYCR7bmFtZXNwYWNlfS4ke2tleX1gO1xuICAgICAgICBpZiAoaXNUb2tlbihjaGlsZCkpIHtcbiAgICAgICAgICAgIHJldHVybiBbZXh0ZW5kZWRUb2tlbihjaGlkS2V5LCBjaGlsZCldO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBmbGF0KGNoaWRLZXksIGNoaWxkKTtcbiAgICB9KTtcbn07XG5cbmNvbnN0IGZsYXR0ZW4gPSAobm9kZTogVG9rZW5UcmVlKTogT21pdDxFeHRlbmRlZFRva2VuLCAndmFsdWUnPltdID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmVudHJpZXMobm9kZSkuZmxhdE1hcCgoW25hbWVzcGFjZSwgY2hpbGRdKSA9PiBmbGF0KG5hbWVzcGFjZSwgY2hpbGQpKTtcbn07XG5cbmV4cG9ydCBjb25zdCBGTEFUX1RPS0VOUyA9IGZsYXR0ZW4odG9rZW5zKTtcbiIsImltcG9ydCB7IEV4dGVuZGVkVG9rZW4gfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBmaWx0ZXJUb2tlbnMgPSAoXG4gICAgdG9rZW5zOiBFeHRlbmRlZFRva2VuW10sXG4gICAgdGVybXM6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgICB3aXRoQ29sb3JTY2hlbWU6IGJvb2xlYW4sXG4pOiBFeHRlbmRlZFRva2VuW10gPT4ge1xuICAgIHJldHVybiB0b2tlbnMuZmlsdGVyKHRva2VuID0+IHtcbiAgICAgICAgaWYgKHRlcm1zID09PSAnLScgfHwgdGVybXMgPT09ICctLScpIHtcbiAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0ZXJtcz8uc3RhcnRzV2l0aCgnLS0nKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRva2VuLmlkLnRvTG93ZXJDYXNlKCkuc3RhcnRzV2l0aCh0ZXJtcy5zdWJzdHJpbmcoMikudG9Mb3dlckNhc2UoKSk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRlcm1zKSB7XG4gICAgICAgICAgICBjb25zdCBuYW1lTWF0Y2ggPSB0b2tlbi5uYW1lLnRvTG93ZXJDYXNlKCkuaW5kZXhPZih0ZXJtcy50b0xvd2VyQ2FzZSgpKSA+IC0xO1xuICAgICAgICAgICAgY29uc3QgdmFsdWVNYXRjaCA9IHRva2VuLnZhbHVlLnRvTG93ZXJDYXNlKCkuaW5kZXhPZih0ZXJtcy50b0xvd2VyQ2FzZSgpKSA+IC0xO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAobmFtZU1hdGNoIHx8IHZhbHVlTWF0Y2gpICYmXG4gICAgICAgICAgICAgICAgKHdpdGhDb2xvclNjaGVtZSA/IHRva2VuLmNvbG9yU2NoZW1lQXdhcmUgOiAhdG9rZW4uY29sb3JTY2hlbWVBd2FyZSlcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHdpdGhDb2xvclNjaGVtZSA/IHRva2VuLmNvbG9yU2NoZW1lQXdhcmUgOiAhdG9rZW4uY29sb3JTY2hlbWVBd2FyZTtcbiAgICB9KTtcbn07XG4iLCJpbXBvcnQgeyBDb2xvclNjaGVtZU5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVQcm92aWRlciwgdXNlVGhlbWUsIHVzZVRoZW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXJlc3RyaWN0ZWQtaW1wb3J0c1xuaW1wb3J0IHsgZ2V0VG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvdG9rZW4vcHJpdmF0ZS9nZXRUb2tlbic7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIGNyZWF0ZUNvbnRleHQsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGTEFUX1RPS0VOUyB9IGZyb20gJy4uL2NvbnN0YW50cy90b2tlbi12YWx1ZXMtZmxhdHRlbmVkJztcbmltcG9ydCB7IGZpbHRlclRva2VucyB9IGZyb20gJy4uL2Z1bmN0aW9ucy90b2tlbi5maWx0ZXInO1xuaW1wb3J0IHsgRXh0ZW5kZWRUb2tlbiB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBUb2tlblNlYXJjaENvbnRleHRTaGFwZSB7XG4gICAgdGVybXM/OiBzdHJpbmc7XG4gICAgY29sb3JTY2hlbWU/OiBDb2xvclNjaGVtZU5hbWU7XG4gICAgcmVzdWx0czogRXh0ZW5kZWRUb2tlbltdO1xuICAgIHNldENvbG9yU2NoZW1lOiAoY29sb3JTY2hlbWU6IENvbG9yU2NoZW1lTmFtZSkgPT4gdm9pZDtcbiAgICBzZXRTZWFyY2hUZXJtczogKHRlcm1zOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBUb2tlblNlYXJjaENvbnRleHQgPSBjcmVhdGVDb250ZXh0PFRva2VuU2VhcmNoQ29udGV4dFNoYXBlPih7XG4gICAgdGVybXM6ICcnLFxuICAgIGNvbG9yU2NoZW1lOiB1bmRlZmluZWQsXG4gICAgcmVzdWx0czogW10sXG4gICAgc2V0Q29sb3JTY2hlbWU6ICgpID0+IHVuZGVmaW5lZCxcbiAgICBzZXRTZWFyY2hUZXJtczogKCkgPT4gdW5kZWZpbmVkLFxufSk7XG5cbmNvbnN0IGluaXRpYWxDb2xvclNjaGVtZSA9XG4gICAgKHdpbmRvdz8ubG9jYWxTdG9yYWdlPy5nZXRJdGVtKCdzdG9yeWJvb2suZHMtY29sb3Itc2NoZW1lJykgYXMgQ29sb3JTY2hlbWVOYW1lKSB8fCB1bmRlZmluZWQ7XG5cbmV4cG9ydCBjb25zdCBUb2tlblNlYXJjaFByb3ZpZGVyOiBGQyA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCB7IGZpbmRDb2xvclNjaGVtZSB9ID0gdXNlVGhlbWVzKCk7XG4gICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBbY29sb3JTY2hlbWUsIHNldFNjaGVtZV0gPSB1c2VTdGF0ZTxDb2xvclNjaGVtZU5hbWUgfCB1bmRlZmluZWQ+KGluaXRpYWxDb2xvclNjaGVtZSk7XG4gICAgY29uc3QgW3Rlcm1zLCBzZXRUZXJtc10gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCcnKTtcbiAgICBjb25zdCBbcmVzdWx0cywgc2V0UmVzdWx0c10gPSB1c2VTdGF0ZTxFeHRlbmRlZFRva2VuW10+KFtdKTtcblxuICAgIGNvbnN0IHNldENvbG9yU2NoZW1lID0gdXNlQ2FsbGJhY2soKHM6IENvbG9yU2NoZW1lTmFtZSkgPT4gc2V0U2NoZW1lKHMpLCBbc2V0U2NoZW1lXSk7XG4gICAgY29uc3Qgc2V0U2VhcmNoVGVybXMgPSB1c2VDYWxsYmFjaygodDogc3RyaW5nKSA9PiBzZXRUZXJtcyh0KSwgW3NldFRlcm1zXSk7XG5cbiAgICBpZiAoIXRoZW1lKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcigndXNlVG9rZW4oKSBtdXN0IGJlIHVzZWQgd2l0aGluIGEgVGhlbWVQcm92aWRlcicpO1xuICAgIH1cblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGN1cnJlbnRDb2xvclNjaGVtZSA9IGZpbmRDb2xvclNjaGVtZShjb2xvclNjaGVtZSB8fCAnYmFzZScpO1xuICAgICAgICBjb25zdCB0b2tlbnMgPSBGTEFUX1RPS0VOUy5tYXAodCA9PiAoe1xuICAgICAgICAgICAgLi4udCxcbiAgICAgICAgICAgIHZhbHVlOiBgJHtnZXRUb2tlbih0aGVtZSwgY3VycmVudENvbG9yU2NoZW1lLCB0LnRva2VuKX1gLFxuICAgICAgICB9KSk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgICAgICAgc2V0UmVzdWx0cyhmaWx0ZXJUb2tlbnModG9rZW5zLCB0ZXJtcywgISFjb2xvclNjaGVtZSkpO1xuICAgIH0sIFtjb2xvclNjaGVtZSwgZmluZENvbG9yU2NoZW1lLCB0ZXJtcywgdGhlbWVdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUb2tlblNlYXJjaENvbnRleHQuUHJvdmlkZXJcbiAgICAgICAgICAgIHZhbHVlPXt7IHRlcm1zLCByZXN1bHRzLCBjb2xvclNjaGVtZSwgc2V0U2VhcmNoVGVybXMsIHNldENvbG9yU2NoZW1lIH19XG4gICAgICAgID5cbiAgICAgICAgICAgIDxDb2xvclNjaGVtZVByb3ZpZGVyIGNvbG9yU2NoZW1lPXtjb2xvclNjaGVtZSB8fCAnYmFzZSd9PlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQ29sb3JTY2hlbWVQcm92aWRlcj5cbiAgICAgICAgPC9Ub2tlblNlYXJjaENvbnRleHQuUHJvdmlkZXI+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUb2tlblNlYXJjaENvbnRleHQsIFRva2VuU2VhcmNoQ29udGV4dFNoYXBlIH0gZnJvbSAnLi9Ub2tlblNlYXJjaFByb3ZpZGVyJztcblxuZXhwb3J0IGNvbnN0IHVzZVRva2VuU2VhcmNoQ29udGV4dCA9ICgpOiBUb2tlblNlYXJjaENvbnRleHRTaGFwZSA9PiB1c2VDb250ZXh0KFRva2VuU2VhcmNoQ29udGV4dCk7XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgd2lkdGg6IDY0cHg7XG4gICAgaGVpZ2h0OiA2NHB4O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckJnQ29sb3I6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0gLz47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHdpZHRoOiA0OHB4O1xuICAgIGhlaWdodDogNDhweFxuICAgIHBhZGRpbmc6IDhweCAwIDAgOHB4O1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdmFsdWUgfSkgPT4gKHZhbHVlID09PSAnd2hpdGUnID8gJ2JsYWNrJyA6ICd3aGl0ZScpfTtcblxuXG4gICAgc3BhbiB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogNDBweDtcbiAgICAgICAgaGVpZ2h0OiA0MHB4O1xuICAgICAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMTZweDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICAgICAgYm9yZGVyLXJpZ2h0OiBub25lO1xuICAgICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckJvcmRlckNvbG9yOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICA8c3BhbiAvPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogMzJweDtcbiAgICBoZWlnaHQ6IDMycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6ICM5OTk7XG4gICAgYm9yZGVyLXdpZHRoOiAxMnB4O1xuICAgIGJvcmRlci1yaWdodDogbm9uZTtcbiAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyQm9yZGVyUmFkaXVzOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9IC8+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBiYWNrZ3JvdW5kOiAjOTk5O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBsaW5lLWhlaWdodDogMzJweDtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgd2lkdGg6IDIwMHB4O1xuICAgIGNvbG9yOiB3aGl0ZTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX0pO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckJyaWdodG5lc3M6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0+aG92ZXIgbWU8L0Rpdj47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogNjRweDtcbiAgICBoZWlnaHQ6IDY0cHg7XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG4gICAgY29sb3I6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdmFsdWUgfSkgPT4gKHZhbHVlID09PSAnd2hpdGUnID8gJ2JsYWNrJyA6ICd3aGl0ZScpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckZnQ29sb3I6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0+QTwvRGl2Pjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuXG4gICAgcDpmaXJzdC1jaGlsZCB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG4gICAgfVxuXG4gICAgcDpsYXN0LWNoaWxkIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJGb250RmFtaWx5OiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICA8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCAoNzAwKTwvcD5cbiAgICAgICAgICAgIDxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0ICg1MDApPC9wPlxuICAgICAgICAgICAgPHA+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQgKDQwMCk8L3A+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGZvbnQtZmFtaWx5OiBSb2JvdG87XG4gICAgZm9udC1zaXplOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckZvbnRTaXplOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9PkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0PC9EaXY+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBmb250LWZhbWlseTogUm9ib3RvO1xuICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICBmb250LXdlaWdodDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJGb250V2VpZ2h0OiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9PkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0PC9EaXY+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBoZWlnaHQ6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVySGVpZ2h0OiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9IC8+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBmb250LWZhbWlseTogUm9ib3RvO1xuICAgIGxpbmUtaGVpZ2h0OiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJMaW5lSGVpZ2h0OiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBEb25lYyBtYXNzYSBudWxsYSwgc3VzY2lwaXQgaWRcbiAgICAgICAgICAgIHB1cnVzIHF1aXMsIGZhY2lsaXNpcyB0ZW1wdXMgdG9ydG9yLiBQcmFlc2VudCBmZWxpcyBxdWFtLCB0aW5jaWR1bnQgdml0YWUgbGliZXJvIHV0LFxuICAgICAgICAgICAgYmliZW5kdW0gY29uZGltZW50dW0gbnVuYy4gU2VkIG1vbGVzdGllIGxpZ3VsYSB1dCBleCB2YXJpdXMsIG5lYyBlbGVtZW50dW0gb2RpbyBkYXBpYnVzLlxuICAgICAgICAgICAgRXRpYW0gZXQgdmVzdGlidWx1bSBlcm9zLCBpbiBsdWN0dXMgbGVjdHVzLiBDcmFzIGRhcGlidXMgY29uZ3VlIHNhcGllbiwgZXUgc2VtcGVyXG4gICAgICAgICAgICBsaWJlcm8uIFByb2luIGludGVyZHVtIHZlbGl0IHRpbmNpZHVudCBlZ2VzdGFzIGNvbmRpbWVudHVtLiBEdWlzIGxvYm9ydGlzIGluIGRpYW1cbiAgICAgICAgICAgIGRpZ25pc3NpbSBzY2VsZXJpc3F1ZS57JyAnfVxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICB3aWR0aDogNDhweDtcbiAgICBoZWlnaHQ6IDQ4cHhcbiAgICBwYWRkaW5nOiA4cHggMCAwIDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHZhbHVlIH0pID0+ICh2YWx1ZSA9PT0gJ3doaXRlJyA/ICdibGFjaycgOiAnd2hpdGUnKX07XG5cblxuICAgIHNwYW4ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgIGhlaWdodDogNDBweDtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDE2cHg7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgICAgIGJvcmRlci1yaWdodDogbm9uZTtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJPdXRsaW5lQ29sb3I6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIDxzcGFuIC8+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiA2NHB4O1xuICAgIHBhZGRpbmctdG9wOiAycHg7XG4gICAgYmFja2dyb3VuZDogIzY2NjtcblxuICAgIHNwYW4ge1xuICAgICAgICBoZWlnaHQ6IDJweDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICAgICAgaGVpZ2h0OiAyOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAjOTk5O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlck91dGxpbmVPZmZzZXQ6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIDxzcGFuIC8+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiA2NHB4O1xuICAgIHBhZGRpbmctdG9wOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBiYWNrZ3JvdW5kOiAjNjY2O1xuXG4gICAgc3BhbiB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gICAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgICBoZWlnaHQ6IDI4cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICM5OTk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyT3V0bGluZVdpZHRoOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICA8c3BhbiAvPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogNjRweDtcbiAgICBoZWlnaHQ6IDY0cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJQYWxldHRlSXRlbTogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfSAvPjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgd2lkdGg6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIGhlaWdodDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJTaXplOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9IC8+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyU3BhY2U6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0gLz47XG59O1xuIiwiaW1wb3J0IHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFJlbmRlcmVyQmdDb2xvciB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCZ0NvbG9yJztcbmltcG9ydCB7IFJlbmRlcmVyQm9yZGVyQ29sb3IgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyQ29sb3InO1xuaW1wb3J0IHsgUmVuZGVyZXJCb3JkZXJSYWRpdXMgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyUmFkaXVzJztcbmltcG9ydCB7IFJlbmRlcmVyQnJpZ2h0bmVzcyB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCcmlnaHRuZXNzJztcbmltcG9ydCB7IFJlbmRlcmVyRmdDb2xvciB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGZ0NvbG9yJztcbmltcG9ydCB7IFJlbmRlcmVyRm9udEZhbWlseSB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGb250RmFtaWx5JztcbmltcG9ydCB7IFJlbmRlcmVyRm9udFNpemUgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udFNpemUnO1xuaW1wb3J0IHsgUmVuZGVyZXJGb250V2VpZ2h0IH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRXZWlnaHQnO1xuaW1wb3J0IHsgUmVuZGVyZXJIZWlnaHQgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVySGVpZ2h0JztcbmltcG9ydCB7IFJlbmRlcmVyTGluZUhlaWdodCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJMaW5lSGVpZ2h0JztcbmltcG9ydCB7IFJlbmRlcmVyT3V0bGluZUNvbG9yIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVDb2xvcic7XG5pbXBvcnQgeyBSZW5kZXJlck91dGxpbmVPZmZzZXQgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyT3V0bGluZU9mZnNldCc7XG5pbXBvcnQgeyBSZW5kZXJlck91dGxpbmVXaWR0aCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJPdXRsaW5lV2lkdGgnO1xuaW1wb3J0IHsgUmVuZGVyZXJQYWxldHRlSXRlbSB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJQYWxldHRlSXRlbSc7XG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclByb3BzJztcbmltcG9ydCB7IFJlbmRlcmVyU2l6ZSB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJTaXplJztcbmltcG9ydCB7IFJlbmRlcmVyU3BhY2UgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyU3BhY2UnO1xuaW1wb3J0IHsgRXh0ZW5kZWRUb2tlbiB9IGZyb20gJy4uL3R5cGVzJztcblxudHlwZSBUb2tlblJlbmRlcmVyID0ge1xuICAgIHJlbmRlcmVyOiBGQzxSZW5kZXJlclByb3BzPjtcbn07XG5cbi8qKlxuICogcGljayBhIHR5cGUgZm9yIHJvb3QgdG9rZW5zXG4gKi9cbmNvbnN0IHR5cGVGcm9tUHJlZml4OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICAgICdyb290LnNpemUnOiAnc2l6ZScsXG4gICAgJ3Jvb3Quc3BhY2UnOiAnc3BhY2UnLFxuICAgICdyb290LnJhZGl1cyc6ICdib3JkZXJSYWRpdXMnLFxuICAgICdyb290LnRleHQuc2l6ZSc6ICdmb250U2l6ZScsXG4gICAgJ3Jvb3QucGFsZXR0ZSc6ICdjb2xvcicsXG59O1xuXG5jb25zdCBzdWZpeE1hcDogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICBjb2xvcjogJ2ZnQ29sb3InLFxufTtcblxuY29uc3QgcmVuZGVyZXJzOiBSZWNvcmQ8c3RyaW5nLCBUb2tlblJlbmRlcmVyPiA9IHtcbiAgICBiZ0NvbG9yOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckJnQ29sb3IsXG4gICAgfSxcbiAgICBib3JkZXJDb2xvcjoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCb3JkZXJDb2xvcixcbiAgICB9LFxuICAgIGJvcmRlclJhZGl1czoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCb3JkZXJSYWRpdXMsXG4gICAgfSxcbiAgICBicmlnaHRuZXNzOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckJyaWdodG5lc3MsXG4gICAgfSxcbiAgICBjb2xvcjoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJQYWxldHRlSXRlbSxcbiAgICB9LFxuICAgIGZnQ29sb3I6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyRmdDb2xvcixcbiAgICB9LFxuICAgIGZvbnRGYW1pbHk6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyRm9udEZhbWlseSxcbiAgICB9LFxuICAgIGZvbnRTaXplOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckZvbnRTaXplLFxuICAgIH0sXG4gICAgZm9udFdlaWdodDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJGb250V2VpZ2h0LFxuICAgIH0sXG4gICAgZ2FwOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNwYWNlLFxuICAgIH0sXG4gICAgaGVpZ2h0OiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckhlaWdodCxcbiAgICB9LFxuICAgIGhvcml6b250YWxQYWRkaW5nOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNpemUsXG4gICAgfSxcbiAgICBsaW5lSGVpZ2h0OiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckxpbmVIZWlnaHQsXG4gICAgfSxcbiAgICBvdXRsaW5lQ29sb3I6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyT3V0bGluZUNvbG9yLFxuICAgIH0sXG4gICAgb3V0bGluZU9mZnNldDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJPdXRsaW5lT2Zmc2V0LFxuICAgIH0sXG4gICAgb3V0bGluZVdpZHRoOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlck91dGxpbmVXaWR0aCxcbiAgICB9LFxuICAgIHBhZGRpbmc6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyU2l6ZSxcbiAgICB9LFxuICAgIHNpemU6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyU2l6ZSxcbiAgICB9LFxuICAgIHNwYWNlOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNwYWNlLFxuICAgIH0sXG4gICAgdHlwZWZhY2U6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyRm9udEZhbWlseSxcbiAgICB9LFxuICAgIHZlcnRpY2FsUGFkZGluZzoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJTaXplLFxuICAgIH0sXG59O1xuXG5mdW5jdGlvbiBnZXRUeXBlRnJvbVByZWZpeChuYW1lOiBzdHJpbmcpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIGNvbnN0IG1hdGNoID0gT2JqZWN0LmVudHJpZXModHlwZUZyb21QcmVmaXgpLmZpbmQoKFtwcmVmaXhdKSA9PiBuYW1lLnN0YXJ0c1dpdGgocHJlZml4KSk7XG4gICAgcmV0dXJuIG1hdGNoICYmIG1hdGNoWzFdO1xufVxuXG5mdW5jdGlvbiBnZXRUeXBlRnJvbVN1Zml4KG5hbWU6IHN0cmluZyk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgY29uc3Qgc3VmaXggPSBuYW1lLnNwbGl0KCcuJykucG9wKCkgfHwgJyc7XG4gICAgcmV0dXJuIHN1Zml4IGluIHN1Zml4TWFwID8gc3VmaXhNYXBbc3VmaXhdIDogc3VmaXg7XG59XG5cbmZ1bmN0aW9uIGdldFJlbmRlcmVyKHRva2VuOiBFeHRlbmRlZFRva2VuKTogVG9rZW5SZW5kZXJlciB8IHVuZGVmaW5lZCB7XG4gICAgY29uc3QgdHlwZSA9IGdldFR5cGVGcm9tUHJlZml4KHRva2VuLm5hbWUpIHx8IGdldFR5cGVGcm9tU3VmaXgodG9rZW4ubmFtZSkgfHwgJyc7XG4gICAgcmV0dXJuIHJlbmRlcmVyc1t0eXBlXTtcbn1cblxuZXhwb3J0IGNvbnN0IHRva2VuUmVuZGVyZXIgPSAodG9rZW46IEV4dGVuZGVkVG9rZW4pOiBUb2tlblJlbmRlcmVyID0+IHtcbiAgICBjb25zdCByZW5kZXJlciA9IGdldFJlbmRlcmVyKHRva2VuKTtcblxuICAgIGlmICghcmVuZGVyZXIpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBObyByZW5kZXJlciBmb3IgdG9rZW4gXCIke3Rva2VuLm5hbWV9XCIuYCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHJlbmRlcmVyO1xufTtcbiIsImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgVG9rZW5DYXJkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtYXJnaW4tYm90dG9tOiAzMnB4O1xuXG4gICAgc3Bhblt0aXRsZV0ge1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYW1lID0gc3R5bGVkLnNwYW5gXG4gICAgZm9udC1zaXplOiAyNHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5gO1xuXG5leHBvcnQgY29uc3QgSWQgPSBzdHlsZWQucGBcbiAgICBtYXJnaW46IDA7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFZhbHVlID0gc3R5bGVkLnBgXG4gICAgbWFyZ2luOiAwO1xuICAgIHdpZHRoOiAxNjBweDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDMycHg7XG5gO1xuIiwiaW1wb3J0IHsgdXNlVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IEhlYWRpbmcsIExheW91dEZsZXgsIExheW91dEdyaWQsIFRleHRIaWdobGlnaHRlZCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHRva2VuUmVuZGVyZXIgfSBmcm9tICcuLi9mdW5jdGlvbnMvdG9rZW4tdHlwZS5yZW5kZXJlcic7XG5pbXBvcnQgeyBFeHRlbmRlZFRva2VuIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgeyBJZCwgTmFtZSwgVG9rZW5DYXJkTGlzdEl0ZW0sIFZhbHVlIH0gZnJvbSAnLi9Ub2tlbkNhcmQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRva2VuQ2FyZDogRkM8eyB0b2tlbjogRXh0ZW5kZWRUb2tlbiB9PiA9ICh7IHRva2VuIH0pID0+IHtcbiAgICBjb25zdCB2YWx1ZSA9IHVzZVRva2VuKHRva2VuLnRva2VuKTtcbiAgICBjb25zdCByZW5kZXJlciA9IHRva2VuUmVuZGVyZXIodG9rZW4pO1xuICAgIGNvbnN0IENvbXBvbmVudCA9IHJlbmRlcmVyLnJlbmRlcmVyO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxUb2tlbkNhcmRMaXN0SXRlbT5cbiAgICAgICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInhzXCIgY29sdW1uPlxuICAgICAgICAgICAgICAgIDxMYXlvdXRHcmlkIGdhcD1cInhzXCIgY29sdW1ucz17WydhdXRvJywgJzVmcicsICcxZnInXX0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8SWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImJsdWVcIj4oLS17dG9rZW4uaWR9KTwvVGV4dEhpZ2hsaWdodGVkPlxuICAgICAgICAgICAgICAgICAgICA8L0lkPlxuICAgICAgICAgICAgICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8TmFtZT57dG9rZW4ubmFtZX08L05hbWU+XG4gICAgICAgICAgICAgICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAgICAgICAgICAgICAge3Rva2VuLmNvbG9yU2NoZW1lQXdhcmUgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dEhpZ2hsaWdodGVkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIHRpdGxlPVwidGhpcyB0b2tlbiBtYXkgaGF2ZSBkaWZmZXJlbnQgdmFsdWVzLCBkZXBlbmRpbmcgb24gY29sb3Igc2NoZW1lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yIHNjaGVtZSBhd2FyZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dEhpZ2hsaWdodGVkPlxuICAgICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgJydcbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0xheW91dEdyaWQ+XG4gICAgICAgICAgICAgICAgPExheW91dEdyaWQgZ2FwPVwibFwiIGNvbHVtbnM9e1snYXV0bycsICcxZnInXX0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8VmFsdWU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dmFsdWUgYXMgc3RyaW5nfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9WYWx1ZT5cbiAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxDb21wb25lbnQgbmFtZT17dG9rZW4ubmFtZX0gdmFsdWU9e3ZhbHVlfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L0xheW91dEdyaWQ+XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDwvVG9rZW5DYXJkTGlzdEl0ZW0+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IExpc3QgPSBzdHlsZWQudWxgXG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2lkdGg6IDgwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOb1Jlc3VsdHMgPSBzdHlsZWQuZGl2YFxuICAgIGZvbnQtc2l6ZTogMjRweDtcblxuICAgIGgzIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgIH1cbmA7XG4iLCJpbXBvcnQgeyBIaW50IH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlbkxpc3QnO1xuXG5leHBvcnQgY29uc3QgaGludHM6IFJlY29yZDxzdHJpbmcsIEhpbnQ+ID0ge1xuICAgIGJ1dDoge1xuICAgICAgICBuYW1lOiAnYnV0dG9uJyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbJ2FjdGlvbiddLFxuICAgICAgICBub3RlOiAnU2VlIGFsc286IHByb3BzIG9mIDxCdXR0b24+IGNvbXBvbmVudCcsXG4gICAgfSxcbiAgICBsYXlvOiB7XG4gICAgICAgIG5hbWU6ICdsYXlvdXQnLFxuICAgICAgICBhbHRlcm5hdGl2ZXM6IFsnZ2FwJywgJ3BhZGRpbmcnLCAnc3BhY2UnXSxcbiAgICAgICAgbm90ZTogJ1NlZSBhbHNvOiBwcm9wcyBvZiA8TGF5b3V0PiBjb21wb25lbnRzJyxcbiAgICB9LFxuICAgIGFsaWduOiB7XG4gICAgICAgIG5hbWU6ICdhbGlnbicsXG4gICAgICAgIGFsdGVybmF0aXZlczogW10sXG4gICAgICAgIG5vdGU6ICdZb3UgcHJvYmFibHkgd2FudCB0byBsb29rIGF0IHRoZSA8TGF5b3V0PiBjb21wb25lbnRzJyxcbiAgICB9LFxuICAgIGp1c3Q6IHtcbiAgICAgICAgbmFtZTogJ2p1c3RpZnknLFxuICAgICAgICBhbHRlcm5hdGl2ZXM6IFtdLFxuICAgICAgICBub3RlOiAnWW91IHByb2JhYmx5IHdhbnQgdG8gbG9vayBhdCB0aGUgPExheW91dD4gY29tcG9uZW50cycsXG4gICAgfSxcbiAgICBib2w6IHtcbiAgICAgICAgbmFtZTogJ2JvbGQnLFxuICAgICAgICBhbHRlcm5hdGl2ZXM6IFsnd2VpZ2h0J10sXG4gICAgICAgIG5vdGU6ICdTZWUgYWxzbyA8VGV4dCBzdHJvbmc+IGNvbXBvbmVudC4nLFxuICAgIH0sXG4gICAgaGVscDoge1xuICAgICAgICBuYW1lOiAnaGVscD8gOi1EJyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbXSxcbiAgICAgICAgbm90ZTogJ1RvIGJlIGNvbnRpbnVlZC4uLicsXG4gICAgfSxcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IEhlYWRpbmcgPSBzdHlsZWQuaDNgXG4gICAgbWFyZ2luOiAwO1xuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEFsdGVybmF0aXZlcyA9IHN0eWxlZC5oM2BcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBOb3RlID0gc3R5bGVkLmgzYFxuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuYDtcbiIsImltcG9ydCB7IExheW91dEZsZXgsIFRleHRIaWdobGlnaHRlZCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEhpbnQgfSBmcm9tICcuL1Rva2VuTGlzdCc7XG5pbXBvcnQgeyBBbHRlcm5hdGl2ZXMsIEhlYWRpbmcsIE5vdGUgfSBmcm9tICcuL1Rva2VuU2VhcmNoSGludC5zdHlsZXMnO1xuXG50eXBlIFByb3BzID0ge1xuICAgIGhpbnQ6IEhpbnQ7XG59O1xuXG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2hIaW50OiBGQzxQcm9wcz4gPSAoeyBoaW50IH0pID0+IHtcbiAgICBjb25zdCBhbHRlcm5hdGl2ZXMgPSBoaW50LmFsdGVybmF0aXZlcyB8fCBbXTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJzXCIgY29sdW1uPlxuICAgICAgICAgICAgPEhlYWRpbmc+XG4gICAgICAgICAgICAgICAgU2VhcmNoaW5nIGZvciA8VGV4dEhpZ2hsaWdodGVkPntoaW50Lm5hbWV9PC9UZXh0SGlnaGxpZ2h0ZWQ+P3snICd9XG4gICAgICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCIyeHNcIiBjb2x1bW4+XG4gICAgICAgICAgICAgICAge2FsdGVybmF0aXZlcy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QWx0ZXJuYXRpdmVzPlxuICAgICAgICAgICAgICAgICAgICAgICAgVHJ5IHNlYXJjaGlubmcgZm9yeycgJ31cbiAgICAgICAgICAgICAgICAgICAgICAgIHthbHRlcm5hdGl2ZXMubWFwKChhbHQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHRIaWdobGlnaHRlZCBrZXk9e2FsdH0+e2FsdH08L1RleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2luZGV4ICsgMiA8IGFsdGVybmF0aXZlcy5sZW5ndGggPyAnLCAnIDogJyd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpbmRleCArIDIgPT09IGFsdGVybmF0aXZlcy5sZW5ndGggPyAnIG9yICcgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2luZGV4ID09PSBhbHRlcm5hdGl2ZXMubGVuZ3RoIC0gMSA/ICcgJyA6ICcnfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgICAgICAgICBpbnN0ZWFkLlxuICAgICAgICAgICAgICAgICAgICA8L0FsdGVybmF0aXZlcz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtoaW50Lm5vdGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Tm90ZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzdHJvbmc+Tm90ZTo8L3N0cm9uZz4ge2hpbnQubm90ZX1cbiAgICAgICAgICAgICAgICAgICAgPC9Ob3RlPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgaGludHMgfSBmcm9tICcuLi9jb25zdGFudHMvc2VhcmNoLWhpbnRzJztcblxuaW1wb3J0IHsgVG9rZW5TZWFyY2hIaW50IH0gZnJvbSAnLi9Ub2tlblNlYXJjaEhpbnQnO1xuXG50eXBlIEhpbnRQcm9wcyA9IHtcbiAgICB0ZXJtcz86IHN0cmluZztcbn07XG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2hIaW50czogRkM8SGludFByb3BzPiA9ICh7IHRlcm1zIH0pID0+IHtcbiAgICBpZiAoIXRlcm1zKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAge09iamVjdC5lbnRyaWVzKGhpbnRzKS5tYXAoKFt0cmlnZ2VyLCBoaW50XSkgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIHRlcm1zLnRvTG93ZXJDYXNlKCkuaW5kZXhPZih0cmlnZ2VyKSA+IC0xICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxUb2tlblNlYXJjaEhpbnQga2V5PXt0cmlnZ2VyfSBoaW50PXtoaW50fSAvPlxuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA8Lz5cbiAgICApO1xufTtcbiIsImltcG9ydCB7IExheW91dEZsZXggfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VUb2tlblNlYXJjaENvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvdXNlVG9rZW5TZWFyY2hDb250ZXh0JztcblxuaW1wb3J0IHsgVG9rZW5DYXJkIH0gZnJvbSAnLi9Ub2tlbkNhcmQnO1xuaW1wb3J0IHsgTGlzdCwgTm9SZXN1bHRzIH0gZnJvbSAnLi9Ub2tlbkxpc3Quc3R5bGVzJztcbmltcG9ydCB7IFRva2VuU2VhcmNoSGludHMgfSBmcm9tICcuL1Rva2VuU2VhcmNoSGludHMnO1xuXG5leHBvcnQgdHlwZSBIaW50ID0ge1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBhbHRlcm5hdGl2ZXM/OiBzdHJpbmdbXTtcbiAgICBub3RlPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IFRva2VuTGlzdDogRkMgPSAoKSA9PiB7XG4gICAgY29uc3QgeyByZXN1bHRzLCB0ZXJtcyB9ID0gdXNlVG9rZW5TZWFyY2hDb250ZXh0KCk7XG4gICAgcmV0dXJuIHJlc3VsdHMubGVuZ3RoID8gKFxuICAgICAgICA8TGlzdD5cbiAgICAgICAgICAgIHtyZXN1bHRzLm1hcCh0b2tlbiA9PiAoXG4gICAgICAgICAgICAgICAgPFRva2VuQ2FyZCBrZXk9e3Rva2VuLmlkfSB0b2tlbj17dG9rZW59IC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9MaXN0PlxuICAgICkgOiAoXG4gICAgICAgIDxOb1Jlc3VsdHM+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJzXCIgY29sdW1uPlxuICAgICAgICAgICAgICAgIDxoMz5ObyB0b2tlbnMgZm91bmQ8L2gzPlxuICAgICAgICAgICAgICAgIDxUb2tlblNlYXJjaEhpbnRzIHRlcm1zPXt0ZXJtc30gLz5cbiAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPC9Ob1Jlc3VsdHM+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgICBpc05vdERlZmF1bHQ6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxQcm9wcz5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogMTJweDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5cbiAgICBsYWJlbCB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIH1cblxuICAgIHAge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgc2VsZWN0IHtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgICBwYWRkaW5nOiAyLjVweCA1cHg7XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7KHsgaXNOb3REZWZhdWx0IH0pID0+IChpc05vdERlZmF1bHQgPyBgb3JhbmdlO2AgOiAnI2NjYycpfTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkLnNlbGVjdGBcbiAgICBwYWRkaW5nOiA1cHggMTBweDtcbmA7XG4iLCIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sICovXG5pbXBvcnQgeyBDb2xvclNjaGVtZU5hbWUsIGNvbG9yU2NoZW1lQ29uZmlnIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRva2VuU2VhcmNoQ29udGV4dCB9IGZyb20gJy4uL3Byb3ZpZGVycy91c2VUb2tlblNlYXJjaENvbnRleHQnO1xuXG5pbXBvcnQgeyBEaXYsIFNlbGVjdCB9IGZyb20gJy4vU2NoZW1lU3dpdGNoZXIuc3R5bGVzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgICBvbkNoYW5nZT86ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IFNjaGVtZVN3aXRjaGVyOiBGQzxQcm9wcz4gPSAoeyBvbkNoYW5nZSB9KSA9PiB7XG4gICAgY29uc3QgeyBjb2xvclNjaGVtZSwgc2V0Q29sb3JTY2hlbWUgfSA9IHVzZVRva2VuU2VhcmNoQ29udGV4dCgpO1xuXG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChldjogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTFNlbGVjdEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBuZXdDb2xvclNjaGVtZSA9IGV2LnRhcmdldC52YWx1ZSBhcyBDb2xvclNjaGVtZU5hbWU7XG4gICAgICAgICAgICB3aW5kb3c/LmxvY2FsU3RvcmFnZT8uc2V0SXRlbSgnc3Rvcnlib29rLmRzLWNvbG9yLXNjaGVtZScsIG5ld0NvbG9yU2NoZW1lKTtcbiAgICAgICAgICAgIHNldENvbG9yU2NoZW1lKG5ld0NvbG9yU2NoZW1lID8/IHVuZGVmaW5lZCk7XG4gICAgICAgICAgICBpZiAob25DaGFuZ2UpIHtcbiAgICAgICAgICAgICAgICBvbkNoYW5nZShuZXdDb2xvclNjaGVtZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZSwgc2V0Q29sb3JTY2hlbWVdLFxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IGlzTm90RGVmYXVsdD17ISFjb2xvclNjaGVtZX0+XG4gICAgICAgICAgICA8bGFiZWw+Q29sb3IgU2NoZW1lPC9sYWJlbD5cbiAgICAgICAgICAgIDxTZWxlY3QgdmFsdWU9e2NvbG9yU2NoZW1lfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfT5cbiAgICAgICAgICAgICAgICA8b3B0aW9uIGtleT1cIm5vbmVcIiB2YWx1ZT1cIlwiPlxuICAgICAgICAgICAgICAgICAgICAtLSBubyBjb2xvciBzY2hlbWUgLS1cbiAgICAgICAgICAgICAgICA8L29wdGlvbj5cbiAgICAgICAgICAgICAgICB7T2JqZWN0LmtleXMoY29sb3JTY2hlbWVDb25maWcpLm1hcChrZXkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8b3B0aW9uIGtleT17a2V5fSB2YWx1ZT17a2V5fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtrZXl9XG4gICAgICAgICAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9TZWxlY3Q+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgbWF4LWhlaWdodDogNDhweDtcbiAgICBtaW4taGVpZ2h0OiAyNHB4O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcblxuICAgIHAge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgYSB7XG4gICAgICAgIGNvbG9yOiAjMDA3N2IzO1xuICAgIH1cbmA7XG4iLCJpbXBvcnQgeyBUZXh0SGlnaGxpZ2h0ZWQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VUb2tlblNlYXJjaENvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvdXNlVG9rZW5TZWFyY2hDb250ZXh0JztcblxuaW1wb3J0IHsgRGl2IH0gZnJvbSAnLi9TZWFyY2hUZXJtcy5zdHlsZXMnO1xuXG5jb25zdCBTZWFyY2hCeUlkID0gKHsgaWQgfSkgPT4gKFxuICAgIDw+XG4gICAgICAgIFNlYXJjaGluZyBmb3IgdG9rZW4gSUQgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJibHVlXCI+e2lkfTwvVGV4dEhpZ2hsaWdodGVkPi5cbiAgICA8Lz5cbik7XG5cbmNvbnN0IFNlYXJjaEJ5TmFtZSA9ICh7IHRlcm1zLCBjb2xvclNjaGVtZSwgcmVzdWx0cyB9KSA9PiAoXG4gICAgPD5cbiAgICAgICAgRm91bmQge3Jlc3VsdHMubGVuZ3RofSByZXN1bHRzIG1hdGNoaW5neycgJ31cbiAgICAgICAgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJncmVlblwiPnt0ZXJtc308L1RleHRIaWdobGlnaHRlZD57JyAnfVxuICAgICAgICB7Y29sb3JTY2hlbWUgPyAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIHdpdGhpbiA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImdyZWVuXCI+Y29sb3Igc2NoZW1lIGF3YXJlPC9UZXh0SGlnaGxpZ2h0ZWQ+eycgJ31cbiAgICAgICAgICAgICAgICB0b2tlbnMuXG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDw+d2l0aGluIHRva2VucyB3aXRob3V0IGNvbG9yIHNjaGVtZS48Lz5cbiAgICAgICAgKX1cbiAgICA8Lz5cbik7XG5cbmNvbnN0IE5vdEZpbHRlcmVkID0gKHsgY29sb3JTY2hlbWUsIHJlc3VsdHMgfSkgPT4gKFxuICAgIDw+XG4gICAgICAgIHtjb2xvclNjaGVtZSA/IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgU2hvd2luZyBhbGwgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJibHVlXCI+e3Jlc3VsdHMubGVuZ3RofTwvVGV4dEhpZ2hsaWdodGVkPnsnICd9XG4gICAgICAgICAgICAgICAgdG9rZW5zIHRoYXQgYXJleycgJ31cbiAgICAgICAgICAgICAgICA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImdyZWVuXCI+Y29sb3Igc2NoZW1lIGF3YXJlPC9UZXh0SGlnaGxpZ2h0ZWQ+LlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIFNob3dpbmcgYWxsIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiYmx1ZVwiPntyZXN1bHRzLmxlbmd0aH08L1RleHRIaWdobGlnaHRlZD57JyAnfVxuICAgICAgICAgICAgICAgIGNvbG9yIHNjaGVtZSBhbm9zdGljIHRva2Vucy5cbiAgICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgIDwvPlxuKTtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaFRlcm1zOiBGQyA9ICgpID0+IHtcbiAgICBjb25zdCB7IHRlcm1zLCBjb2xvclNjaGVtZSwgcmVzdWx0cyB9ID0gdXNlVG9rZW5TZWFyY2hDb250ZXh0KCk7XG4gICAgY29uc3QgaWQgPSB0ZXJtcz8uc3RhcnRzV2l0aCgnLS0nKSAmJiB0ZXJtcz8uc3Vic3RyaW5nKDIpO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXY+XG4gICAgICAgICAgICA8cD5cbiAgICAgICAgICAgICAgICB7aWQgJiYgPFNlYXJjaEJ5SWQgaWQ9e2lkfSAvPn1cbiAgICAgICAgICAgICAgICB7dGVybXMgJiYgIWlkICYmIChcbiAgICAgICAgICAgICAgICAgICAgPFNlYXJjaEJ5TmFtZSB0ZXJtcz17dGVybXN9IGNvbG9yU2NoZW1lPXtjb2xvclNjaGVtZX0gcmVzdWx0cz17cmVzdWx0c30gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHshdGVybXMgJiYgIWlkICYmIDxOb3RGaWx0ZXJlZCBjb2xvclNjaGVtZT17Y29sb3JTY2hlbWV9IHJlc3VsdHM9e3Jlc3VsdHN9IC8+fXsnICd9XG4gICAgICAgICAgICAgICAge2NvbG9yU2NoZW1lICYmIChcbiAgICAgICAgICAgICAgICAgICAgPGEgaHJlZj1cIi4vP3BhdGg9L3N0b3J5L2d1aWRlcy1jb2xvci1zY2hlbWVzLWludHJvLS1wYWdlXCI+TGVhcm4gbW9yZTwvYT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9wPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2hTdGF0aWMgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMTgwcHg7XG4gICAgaDEge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaEZvcm0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB3aWR0aDogODAlO1xuICAgIG1heC13aWR0aDogMTAwMHB4O1xuICAgIHotaW5kZXg6IDk5OTk7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIHBhZGRpbmc6IDIwcHggMCAyNHB4O1xuICAgIGdhcDogMTZweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbmA7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IHtcbiAgICB0ZXJtcz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9IHN0eWxlZC5pbnB1dDxJbnB1dFByb3BzPmBcbiAgICBmbGV4OiAxO1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRlcm1zIH0pID0+ICh0ZXJtcyA/IGBvcmFuZ2U7YCA6ICcjY2NjJyl9O1xuYDtcbiIsIi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2FuY2hvci1pcy12YWxpZCAqL1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZVNldFRoZW1lLCB1c2VUaGVtZSwgdXNlVGhlbWVzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBMYXlvdXRGbGV4LCBMaW5rIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCBSZWFjdCwgeyBGQywgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRva2VuU2VhcmNoQ29udGV4dCB9IGZyb20gJy4uL3Byb3ZpZGVycy91c2VUb2tlblNlYXJjaENvbnRleHQnO1xuXG5pbXBvcnQgeyBTY2hlbWVTd2l0Y2hlciB9IGZyb20gJy4vU2NoZW1lU3dpdGNoZXInO1xuaW1wb3J0IHsgU2VhcmNoVGVybXMgfSBmcm9tICcuL1NlYXJjaFRlcm1zJztcbmltcG9ydCB7IFNlYXJjaEZvcm0sIFNlYXJjaElucHV0LCBUb2tlblNlYXJjaFN0YXRpYyB9IGZyb20gJy4vVG9rZW5TZWFyY2guc3R5bGVzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgICB0aXRsZTogc3RyaW5nO1xufTtcblxudHlwZSBQYXJhbXMgPSB7XG4gICAgW3RpdGxlOiBzdHJpbmddOiBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgdW5kZWZpbmVkO1xufTtcblxudHlwZSBOb25OdWxsRW50cnkgPSBbc3RyaW5nLCBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuXTtcblxuY29uc3QgZmlsdGVyUGFyYW1zID0gKGVudHJ5KTogZW50cnkgaXMgTm9uTnVsbEVudHJ5ID0+IGVudHJ5WzFdICE9PSB1bmRlZmluZWQ7XG5cbmNvbnN0IG1ha2VQYXJhbXMgPSAocGFyYW1zOiBQYXJhbXMpOiBzdHJpbmcgPT4ge1xuICAgIHJldHVybiBPYmplY3QuZW50cmllcyhwYXJhbXMpXG4gICAgICAgIC5maWx0ZXIoZmlsdGVyUGFyYW1zKVxuICAgICAgICAubWFwKChba2V5LCB2YWx1ZV0pID0+IGAke2tleX09JHtlbmNvZGVVUklDb21wb25lbnQodmFsdWUpfWApXG4gICAgICAgIC5qb2luKCcmJyk7XG59O1xuXG5jb25zdCBtYWtlVXJsID0gKGhyZWY6IHN0cmluZyk6IHN0cmluZyA9PiB3aW5kb3cudG9wPy5sb2NhdGlvbi5ocmVmLnNwbGl0KCc/JylbMF0gKyBocmVmO1xuXG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2g6IEZDPFByb3BzPiA9ICh7IHRpdGxlIH0pID0+IHtcbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IHsgdGhlbWVzIH0gPSB1c2VUaGVtZXMoKTtcbiAgICBjb25zdCB7IHNldFRoZW1lIH0gPSB1c2VTZXRUaGVtZSgpO1xuICAgIGNvbnN0IHsgY29sb3JTY2hlbWUsIHRlcm1zLCBzZXRDb2xvclNjaGVtZSwgc2V0U2VhcmNoVGVybXMgfSA9IHVzZVRva2VuU2VhcmNoQ29udGV4dCgpO1xuICAgIGNvbnN0IFtzaG93RmVlZGJhY2ssIHNldFNob3dGZWVkYmFja10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW3RpbWVvdXRJZCwgc2V0VGltZW91dElkXSA9IHVzZVN0YXRlPG51bWJlciB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuICAgIGNvbnN0IGJhc2VVcmwgPSBgP3BhdGg9L3N0b3J5LyR7dGl0bGUucmVwbGFjZSgvXFwvL2csICctJy50b0xvd2VyQ2FzZSgpKX0tLXBhZ2VgO1xuXG4gICAgY29uc3QgdXJsID0gdXNlTWVtbygoKSA9PiBuZXcgVVJMKHdpbmRvdy50b3A/LmxvY2F0aW9uLmhyZWYgfHwgJycpLCBbXSk7XG4gICAgY29uc3QgcGFyYW1zID0gdXJsLnNlYXJjaFBhcmFtcztcbiAgICBjb25zdCB1cmxUaGVtZSA9IHBhcmFtcy5nZXQoJ3RoZW1lJyk7XG4gICAgY29uc3QgbmV3VGhlbWUgPSB1cmxUaGVtZSAmJiB0aGVtZXM/LmZpbmQodCA9PiB0Lm5hbWUgPT09IHVybFRoZW1lKTtcbiAgICBjb25zdCB1cmxDb2xvclNjaGVtZSA9IHBhcmFtcy5nZXQoJ2NvbG9yU2NoZW1lJyk7XG4gICAgY29uc3QgdXJsVGVybXMgPSBwYXJhbXMuZ2V0KCd0ZXJtcycpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHVybFRoZW1lICYmIHVybFRoZW1lICE9PSB0aGVtZS5uYW1lICYmIHNldFRoZW1lICYmIG5ld1RoZW1lKSB7XG4gICAgICAgICAgICBzZXRUaGVtZShuZXdUaGVtZSk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHVybENvbG9yU2NoZW1lICYmIHVybENvbG9yU2NoZW1lICE9PSBjb2xvclNjaGVtZSkge1xuICAgICAgICAgICAgc2V0Q29sb3JTY2hlbWUodXJsQ29sb3JTY2hlbWUgYXMgQ29sb3JTY2hlbWVOYW1lKTtcbiAgICAgICAgfVxuICAgICAgICBzZXRTZWFyY2hUZXJtcyh1cmxUZXJtcyB8fCAnJyk7XG5cbiAgICAgICAgcGFyYW1zLmRlbGV0ZSgndGVybXMnKTtcbiAgICAgICAgcGFyYW1zLmRlbGV0ZSgnY29sb3JTY2hlbWUnKTtcbiAgICAgICAgcGFyYW1zLmRlbGV0ZSgndGhlbWUnKTtcbiAgICAgICAgd2luZG93LnRvcD8uaGlzdG9yeS5yZXBsYWNlU3RhdGUoe30sICcnLCB1cmwpO1xuICAgICAgICB3aW5kb3cuY2xlYXJUaW1lb3V0KHRpbWVvdXRJZCk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBoYW5kbGVTZWFyY2hUZXJtc0NoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAodmFsdWU6IHN0cmluZykgPT4gc2V0U2VhcmNoVGVybXModmFsdWUpLFxuICAgICAgICBbc2V0U2VhcmNoVGVybXNdLFxuICAgICk7XG5cbiAgICBjb25zdCBocmVmID0gYCR7YmFzZVVybH0mJHttYWtlUGFyYW1zKHsgdGVybXMsIHRoZW1lOiB0aGVtZS5uYW1lLCBjb2xvclNjaGVtZSB9KX1gO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2tQZXJtYWxpbmsgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgZXYgPT4ge1xuICAgICAgICAgICAgY29uc3QgZnVsbFVybCA9IG1ha2VVcmwoaHJlZik7XG4gICAgICAgICAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkLndyaXRlVGV4dChmdWxsVXJsKTtcbiAgICAgICAgICAgIGV2LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBzZXRTaG93RmVlZGJhY2sodHJ1ZSk7XG4gICAgICAgICAgICB3aW5kb3cuY2xlYXJUaW1lb3V0KHRpbWVvdXRJZCk7XG4gICAgICAgICAgICBzZXRUaW1lb3V0SWQod2luZG93LnNldFRpbWVvdXQoKCkgPT4gc2V0U2hvd0ZlZWRiYWNrKGZhbHNlKSwgNTAwMCkpO1xuICAgICAgICB9LFxuICAgICAgICBbaHJlZiwgdGltZW91dElkXSxcbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRva2VuU2VhcmNoU3RhdGljPlxuICAgICAgICAgICAgPFNlYXJjaEZvcm0+XG4gICAgICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwieHNcIiBjb2x1bW4+XG4gICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJzdGFydFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGgxIGlkPVwidG9rZW5zXCIgY2xhc3NOYW1lPVwic2Jkb2NzIHNiZG9jcy1oMSBjc3MtMWoyOHR0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgVG9rZW4gRXhwbG9yZXJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvaDE+XG4gICAgICAgICAgICAgICAgICAgICAgICB7dGVybXMgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGNvbHVtbiBqdXN0aWZ5Q29udGVudD1cInN0YXJ0XCIgYWxpZ25JdGVtcz1cImVuZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGluayB1cmw9e2AuLyR7aHJlZn1gfSBvbkNsaWNrPXtoYW5kbGVDbGlja1Blcm1hbGlua30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBMaW5rIHRvIHRoaXMgc2VhcmNoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3Nob3dGZWVkYmFjayAmJiAn4pyTIFVSTCBjb3BpZWQgdG8gY2xpcGJvYXJkJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cIjJ4c1wiIG5vd3JhcD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTZWFyY2hJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRlcm1zPXt0ZXJtc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJleGFtcGxlczogdGVhbCwgMzAwLCBhY3Rpb24sIHByaW1hcnksIHhzLCAtLTRhZGVmLCAjMDAsIDEycHhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtldiA9PiBoYW5kbGVTZWFyY2hUZXJtc0NoYW5nZShldi50YXJnZXQudmFsdWUpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXt0ZXJtc31cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U2NoZW1lU3dpdGNoZXIgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgICAgICA8U2VhcmNoVGVybXMgLz5cbiAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICA8L1NlYXJjaEZvcm0+XG4gICAgICAgIDwvVG9rZW5TZWFyY2hTdGF0aWM+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NzQ29udGV4dFByb3BzIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVG9rZW5TZWFyY2hQcm92aWRlciB9IGZyb20gJy4vVG9rZW5TZWFyY2hQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGNvbnRleHQ6IERvY3NDb250ZXh0UHJvcHM7XG59XG5cbmV4cG9ydCBjb25zdCBTdG9yeUNvbnRleHRXaXRoVG9rZW5zOiBGQzxQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY29udGV4dCB9KSA9PiB7XG4gICAgY29uc29sZS5pbmZvKCdAcHJlcGx5L2RzLWRvY3MtY29udGV4dDpTdG9yeUNvbnRleHRXaXRoVG9rZW5zJyk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERvY0NvbnRleHREU1dlYiBjb250ZXh0PXtjb250ZXh0fT5cbiAgICAgICAgICAgIDxUb2tlblNlYXJjaFByb3ZpZGVyPntjaGlsZHJlbn08L1Rva2VuU2VhcmNoUHJvdmlkZXI+XG4gICAgICAgIDwvRG9jQ29udGV4dERTV2ViPlxuICAgICk7XG59O1xuIiwiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IFN0b3J5RG8sIFN0b3J5RG9Eb250LCBTdG9yeURvbnQsIFN0b3J5R3JpZCwgU3RvcnlOb3RlIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgSWNvbiwgTGF5b3V0RmxleCwgVGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSwgU3RvcnkgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgVG9rZW5MaXN0IH0gZnJvbSAnLi9jb21wb25lbnRzL1Rva2VuTGlzdCc7XG5pbXBvcnQgeyBUb2tlblNlYXJjaCB9IGZyb20gJy4vY29tcG9uZW50cy9Ub2tlblNlYXJjaCc7XG5pbXBvcnQgeyBTdG9yeUNvbnRleHRXaXRoVG9rZW5zIH0gZnJvbSAnLi9wcm92aWRlcnMvU3RvcnlDb250ZXh0V2l0aFRva2Vucyc7XG5leHBvcnQgY29uc3QgdGl0bGUgPSAnR3VpZGVzL1Rva2Vucy9FeHBsb3Jlcic7XG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICB0aXRsZVxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPXt0aXRsZX0gcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IFN0b3J5Q29udGV4dFdpdGhUb2tlbnNcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxUb2tlblNlYXJjaCB0aXRsZT17dGl0bGV9IG1keFR5cGU9XCJUb2tlblNlYXJjaFwiIC8+XG4gICAgPFRva2VuTGlzdCBtZHhUeXBlPVwiVG9rZW5MaXN0XCIgLz5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogdGl0bGUsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogU3RvcnlDb250ZXh0V2l0aFRva2Vuc1xuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\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: .-toolkit/dist/index.js + 43 modules\nvar dist = __webpack_require__("../docs-toolkit/dist/index.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\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvZXhhbXBsZXMvTXlDb21wb25lbnRVc2VzVG9rZW4udHN4P2JiN2QiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zLzEwLnVzaW5nLXRva2Vucy1pbi1jb21wb25lbnRzLnN0b3JpZXMubWR4PzNhYzMiXSwibmFtZXMiOlsiTXlDb21wb25lbnRVc2VzVG9rZW4iLCJzaXplIiwiY2hpbGRyZW4iLCJwYWRkaW5nIiwidXNlVG9rZW4iLCJyb290Iiwic3BhY2UiLCJzIiwiY29sb3IiLCJhY3Rpb24iLCJ2YXJpYW50IiwicHJpbWFyeSIsImJhY2tncm91bmRDb2xvciIsImJnQ29sb3IiLCJmb250U2l6ZSIsInRleHQiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQU1PLElBQU1BLHlDQUErQixHQUFHLFNBQWxDQSxvQkFBa0MsT0FBd0I7QUFBQSxNQUFyQkMsSUFBcUIsUUFBckJBLElBQXFCO0FBQUEsTUFBZkMsUUFBZSxRQUFmQSxRQUFlO0FBQ25FLE1BQU1DLE9BQU8sR0FBR0Msb0NBQVEsQ0FBU0Msc0JBQUksQ0FBQ0MsS0FBTCxDQUFXQyxDQUFwQixDQUF4QjtBQUNBLE1BQU1DLEtBQUssR0FBR0osb0NBQVEsQ0FBU0ssd0JBQU0sQ0FBQ0Ms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SUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxtQ0FBVDtBQUE4Q0gsWUFBVSxFQUFFO0FBQzlFTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywwQ0FBZUE7QUFEdEI7QUFEd0UsR0FBMUQ7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sMkJBQUMsOEJBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRiwyQkFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLHlIQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zLzEwLnVzaW5nLXRva2Vucy1pbi1jb21wb25lbnRzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGV4dFNpemUsIGFjdGlvbiwgcm9vdCwgdGV4dCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIHNpemU6IFRleHRTaXplO1xufVxuXG5leHBvcnQgY29uc3QgTXlDb21wb25lbnRVc2VzVG9rZW46IEZDPFByb3BzPiA9ICh7IHNpemUsIGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCBwYWRkaW5nID0gdXNlVG9rZW48c3RyaW5nPihyb290LnNwYWNlLnMpO1xuICAgIGNvbnN0IGNvbG9yID0gdXNlVG9rZW48c3RyaW5nPihhY3Rpb24udmFyaWFudC5wcmltYXJ5LmNvbG9yKTtcbiAgICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSB1c2VUb2tlbjxzdHJpbmc+KGFjdGlvbi52YXJpYW50LnByaW1hcnkuYmdDb2xvcik7XG4gICAgY29uc3QgZm9udFNpemUgPSB1c2VUb2tlbjxzdHJpbmc+KHRleHQuc2l6ZVtzaXplXS5mb250U2l6ZSk7XG5cbiAgICByZXR1cm4gPGRpdiBzdHlsZT17eyBwYWRkaW5nLCBjb2xvciwgYmFja2dyb3VuZENvbG9yLCBmb250U2l6ZSB9fT57Y2hpbGRyZW59PC9kaXY+O1xufTtcbiIsIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IENPTE9SX1NDSEVNRV9ERUZBVUxULCBjb2xvclNjaGVtZUNvbmZpZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBPcHRpb25zTGlzdCwgU3RvcnlOb3RlIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgQnV0dG9uLCBQYW5lbCwgUGFuZWxCb2R5LCBQYW5lbEhlYWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSwgU3RvcnkgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgTXlDb21wb25lbnRVc2VzVG9rZW4gfSBmcm9tICcuL2V4YW1wbGVzL015Q29tcG9uZW50VXNlc1Rva2VuJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL1Rva2Vucy9Vc2luZyBpbiBjb21wb25lbnRzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwidG9rZW5zLXVzaW5nLWluLWNvbXBvbmVudHNcIlxuICAgIH19PntgVG9rZW5zOiBVc2luZyBpbiBjb21wb25lbnRzYH08L2gxPlxuICAgIDxwPntgVGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvYXBpLWRzLXdlYi1jb3JlLWhvb2tzLXVzZXRva2VuLS1wYWdlXCJcbiAgICAgIH19PntgdXNlVG9rZW5gfTwvYT57YCBob29rIGFsbG93cyB5b3UgdG8gcmV0cmlldmUgYSB0b2tlbidzIHZhbHVlLCBkZXBlbmRpbmcgb24gdGhlIGN1cnJlbnQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgdGhlbWVgfTwvaW5saW5lQ29kZT57YCBhbmQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgY29sb3JTY2hlbWVgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cD57YEl0IHRha2VzIGEgc2luZ2xlIHBhcmFtZXRlciwgYSB0b2tlbiBkZWZpbml0aW9uIHdoaWNoIHlvdSBjYW4gaW1wb3J0IGZyb20gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS9kcy1jb3JlYH08L2lubGluZUNvZGU+e2AsIGFuZCByZXR1cm5zIHRoZSB0b2tlbiB2YWx1ZSwgYmFzaWNhbGx5IGEgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgc3RyaW5nYH08L2lubGluZUNvZGU+e2Agb3IgYSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BudW1iZXJgfTwvaW5saW5lQ29kZT57YCwgaW4gdGhlIGN1cnJlbnQgVGhlbWUgKyBDb2xvclNjaGVtZSBjb250ZXh0LmB9PC9wPlxuICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YE5vdGU6YH08L3N0cm9uZz57YCB0aGUgdG9rZW4gZGVmaW5pdGlvbnMgaW1wb3J0ZWQgZnJvbSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BAcHJlcGx5L2RzLWNvcmVgfTwvaW5saW5lQ29kZT57YCBkbyBub3QgY29udGFpbiB0aGUgdG9rZW4gdmFsdWUsIHRoZXkncmUganVzdCBhIHRpbnkgZGF0YSBzdHJ1Y3R1cmUgdGhhdCBjb250YWlucyB0aGUgdG9rZW4ncyBpZCwgaXRzIHR5cGUsIGFuZCB3aGV0aGVyIGl0IGRlcGVuZHMgb24gY29sb3Igc2NoZW1lcyBvciBub3QuYH08L3A+XG4gICAgPHA+e2BUaGUgdmFsdWUgaXMgZmlyc3QgbG9va2VkIHVwIGluIHRoZSBjdXJyZW50IHRoZW1lIGFuZCBpbiBjYXNlIGl0IGRvZXNuJ3QgZXhpc3QgdGhlcmUgYW5kIHRoZSB0aGVtZSBpcyBiYXNlZCBvbiBhbm90aGVyIHRoZW1lLCBpdCBmYWxscyBiYWNrIHRvIHRoZSBpbmhlcml0ZWQgdGhlbWUuIE5vdGUgdGhhdCBzb21lIHRva2VucyBhcmUgY29sb3Igc2NoZW1lIGF3YXJlOiB0aGVpciB2YWx1ZSBhbHNvIGRlcGVuZHMgb24gdGhlIGN1cnJlbnQgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9wcm92aWRlcnMtY29sb3JzY2hlbWUtLXBhZ2VcIlxuICAgICAgfX0+e2BDb2xvclNjaGVtZWB9PC9hPntgLiBJbiBjYXNlIHRoZSB0b2tlbiBpcyBub3QgZm91bmQsIGFuIGV4Y2VwdGlvbiBpcyB0aHJvd24uYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiZXhhbXBsZVwiXG4gICAgfX0+e2BFeGFtcGxlYH08L2gyPlxuICAgIDxwPntgVGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2dpdGh1Yi5jb20vcHJlcGx5L2Rlc2lnbi1zeXN0ZW0vYmxvYi9tYWluL3N1cHBvcnQvZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvZXhhbXBsZXMvTXlDb21wb25lbnRVc2VzVG9rZW4udHN4XCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YE15Q29tcG9uZW50VXNlc1Rva2VuYH08L2E+e2AgZXhhbXBsZSBzaG93Y2FzZXMgaG93IHRvIHVzZSB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgdXNlVG9rZW4oKWB9PC9pbmxpbmVDb2RlPntgIGhvb2sgaW4gYSBzaW1wbGUgY29tcG9uZW50LmB9PC9wPlxuICAgIDxwPntgWW91IGNhbiBhbHNvIHNlZSBpdCByZW5kZXJlZCBpbiB0aGUgY29kZSBzYW1wbGUgYmVsb3cuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c3hcIlxuICAgICAgfX0+e2BpbXBvcnQgeyBUZXh0U2l6ZSwgYWN0aW9uLCByb290LCB0ZXh0IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gICAgc2l6ZTogVGV4dFNpemU7XG59XG5cbmV4cG9ydCBjb25zdCBNeUNvbXBvbmVudFVzZXNUb2tlbjogRkM8UHJvcHM+ID0gKHsgc2l6ZSwgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGNvbnN0IHBhZGRpbmcgPSB1c2VUb2tlbjxzdHJpbmc+KHJvb3Quc3BhY2Uucyk7XG4gICAgY29uc3QgY29sb3IgPSB1c2VUb2tlbjxzdHJpbmc+KGFjdGlvbi52YXJpYW50LnByaW1hcnkuY29sb3IpO1xuICAgIGNvbnN0IGJhY2tncm91bmRDb2xvciA9IHVzZVRva2VuPHN0cmluZz4oYWN0aW9uLnZhcmlhbnQucHJpbWFyeS5iZ0NvbG9yKTtcbiAgICBjb25zdCBmb250U2l6ZSA9IHVzZVRva2VuPHN0cmluZz4odGV4dC5zaXplW3NpemVdLmZvbnRTaXplKTtcblxuICAgIHJldHVybiA8ZGl2IHN0eWxlPXt7IHBhZGRpbmcsIGNvbG9yLCBiYWNrZ3JvdW5kQ29sb3IsIGZvbnRTaXplIH19PntjaGlsZHJlbn08L2Rpdj47XG59O1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BDaGFuZ2UgdGhlIHRoZW1lIGluIHRoZSBUaGVtZSBTd2l0Y2hlciBhdCB0aGUgdG9wIG9mIHRoZSBwYWdlIHRvIHNlZSB0aGUgY29tcG9uZW50IHJlbmRlciBhY2NvcmRpbmcgdG8gZWFjaCB0aGVtZS5gfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ015Q29tcG9uZW50VXNlc1Rva2VuJTIwc2l6ZT0lMjJzJTIyJTNFTG9yZW0lMjBJcHN1bSUzQy9NeUNvbXBvbmVudFVzZXNUb2tlbiUzRSUwQSUwQSUzQ015Q29tcG9uZW50VXNlc1Rva2VuJTIwc2l6ZT0lMjJsJTIyJTNFTG9yZW0lMjBJcHN1bSUzQy9NeUNvbXBvbmVudFVzZXNUb2tlbiUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TXlDb21wb25lbnRVc2VzVG9rZW4gc2l6ZT1cInNcIiBtZHhUeXBlPVwiTXlDb21wb25lbnRVc2VzVG9rZW5cIj5Mb3JlbSBJcHN1bTwvTXlDb21wb25lbnRVc2VzVG9rZW4+XG4gICAgPE15Q29tcG9uZW50VXNlc1Rva2VuIHNpemU9XCJsXCIgbWR4VHlwZT1cIk15Q29tcG9uZW50VXNlc1Rva2VuXCI+TG9yZW0gSXBzdW08L015Q29tcG9uZW50VXNlc1Rva2VuPlxuICAgIDwvQ2FudmFzPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL1Rva2Vucy9Vc2luZyBpbiBjb21wb25lbnRzJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\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.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 */ "m"], {\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5hc3NldHMvYXNzZXRzLmd1aWRlLnN0b3JpZXMubWR4P2QxNTciXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHQiLCJkaXNwbGF5Iiwid2lkdGgiLCJmaWxsIiwiY29sb3IiLCJnYXAiLCJmb250U2l6ZSIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHFCQUFaO0FBQWtDLGNBQVUsRUFBRTtBQUM1Q0UsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLDBFQUFVQTtBQURqQjtBQURzQyxLQUE5QztBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUixjQVZLLEVBYUwsa0VBQUMseUVBQUQ7QUFBVyxXQUFPLEVBQUM7QUFBbkIsS0FDRSw2RUFBRztBQUFR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QUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxxQkFBVDtBQUFnQ0gsWUFBVSxFQUFFO0FBQ2hFWixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywwRUFBVUE7QUFEakI7QUFEMEQsR0FBNUM7QUFJbkJjLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJaLElBQXpCLHFCQUNNYyxhQUFhLENBQUNGLFVBQWQsQ0FBeUJaLElBQXpCLElBQWlDLEVBRHZDO0FBRUVrQixNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzUwLmFzc2V0cy9hc3NldHMuZ3VpZGUuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0IH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgU3RvcnlHcmlkLCBTdG9yeU5vdGUgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgSGF0U3ZnIGZyb20gJ0BwcmVwbHkvZHMtbWVkaWEtaWNvbnMvZGlzdC9oYXQuc3ZnJztcbmltcG9ydCB7IENhbnZhcywgTWV0YSwgU3RvcnkgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0Fzc2V0cy9JY29uc1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0XG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImFzc2V0c1wiXG4gICAgfX0+e2BBc3NldHNgfTwvaDE+XG4gICAgPFN0b3J5Tm90ZSBtZHhUeXBlPVwiU3RvcnlOb3RlXCI+XG4gICAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BXZSBhcmUgd29ya2luZyB0byBzeXN0ZW1hdGl6ZSB0aGUgYXNzZXRzIHdlIGN1cnJlbnRseSBoYXZlIGFuZCBzZXR1cCBhIHdvcmtmbG93IGZvciBhZGRpbmcsIG9wdGltaXNpbmcsIGFuZCBjbGFzc2lmeWluZyBhc3NldHMuYH08L3N0cm9uZz48L3A+XG4gICAgICA8cD57YEFyZSB5b3Ugd29ya2luZyBvbiBpY29ucywgbG9nb3MsIGlsbHVzdHJhdGlvbnMgYXMgd2VsbD8gUmVhY2ggb3V0IHRvIGB9PGEgaHJlZj1cImh0dHBzOi8vcHJlcGx5LnNsYWNrLmNvbS9hcmNoaXZlcy9DMDI0RUFFSFA2VlwiPntgI2Rlc2lnbi1zeXN0ZW0tcHVibGljYH08L2E+e2AhYH08L3A+XG4gICAgPC9TdG9yeU5vdGU+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiY29sb3JpbmdcIlxuICAgIH19PntgQ29sb3JpbmdgfTwvaDI+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwibW9ub2Nocm9tZS0tY29sb3JhYmxlXCJcbiAgICB9fT57YE1vbm9jaHJvbWUgLyBjb2xvcmFibGVgfTwvaDM+XG4gICAgPHA+e2BDb2xvcmFibGUgaWNvbnMgY2FuIGJlIGFjaGlldmVkIGJ5IHVzaW5nIHBhdGhzL2FyZWFzL3NoYXBlcyBjb2xvcmFibGUgYnkgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZmlsbGB9PC9pbmxpbmVDb2RlPntgIGFuZCBub3QgdXNpbmcgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgc3Ryb2tlYH08L2lubGluZUNvZGU+e2AgYXQgYWxsLiBBbHNvLCB0aGUgc3ZnIHNob3VsZCBub3QgcHJvdmlkZSBhIGRlZmF1bHQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZmlsbGB9PC9pbmxpbmVDb2RlPntgIGF0dHJpYnV0ZS5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXN2Z1wiXG4gICAgICB9fT57YDxzdmcgdmlld0JveD1cIjAgMCAxMiAxMlwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbjxwYXRoIGQ9XCJNMCA1LjAwMDAyTDYgMS4xMjEzNEwxMiA1LjAwMDAyVjcuMDAwMDJWMTFIMTFWNy42NDY0Nkw2IDEwLjg3ODdMMCA3LjAwMDAyTDAuNzczNDU5IDYuNTAwMDJMNiA5Ljg3ODdMMTEgNi42NDY0NlY1LjY0NjQ2TDYgOC44Nzg3TDAgNS4wMDAwMlpcIiAvPlxuPC9zdmc+XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtaWNvbi1kb2NzLS1wYWdlXCJcbiAgICAgIH19PntgSWNvbmB9PC9hPntgIGNvbXBvbmVudCByZWNvbG9ycyB0aGUgU1ZHIHVzaW5nIENTUywgYXMgaWxsdXN0cmF0ZWQgYnkgdGhlIGZvbGxvd2luZyBzbmlwcGV0LmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDc3BhbiUyMHN0eWxlPSU3QiU3QiUwQSUyMCUyMGRpc3BsYXk6JTIwJ2lubGluZS1ibG9jaycsJTBBJTIwJTIwd2lkdGg6JTIwJzQ4cHgnJTBBJTdEJTdEJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGF0U3ZnJTIwc3R5bGU9JTdCJTdCJTBBJTIwJTIwJTIwJTIwZmlsbDolMjAnIzUwQkYxNiclMEElMjAlMjAlN0QlN0QlMjAvJTNFJTBBJTIwJTIwJTIwJTIwJTNDL3NwYW4lM0UlMEElMEElM0NzcGFuJTIwc3R5bGU9JTdCJTdCJTBBJTIwJTIwZGlzcGxheTolMjAnaW5saW5lLWJsb2NrJywlMEElMjAlMjB3aWR0aDolMjAnNDhweCclMEElN0QlN0QlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIYXRTdmclMjBzdHlsZT0lN0IlN0IlMEElMjAlMjAlMjAlMjBmaWxsOiUyMCcjQUVCNUJDJyUwQSUyMCUyMCU3RCU3RCUyMC8lM0UlMEElMjAlMjAlMjAlMjAlM0Mvc3BhbiUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8c3BhbiBzdHlsZT17e1xuICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICAgICAgd2lkdGg6ICc0OHB4J1xuICAgICAgfX0+XG4gICAgICAgIDxIYXRTdmcgc3R5bGU9e3tcbiAgICAgICAgICBmaWxsOiAnIzUwQkYxNidcbiAgICAgICAgfX0gbWR4VHlwZT1cIkhhdFN2Z1wiIC8+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIHN0eWxlPXt7XG4gICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICB3aWR0aDogJzQ4cHgnXG4gICAgICB9fT5cbiAgICAgICAgPEhhdFN2ZyBzdHlsZT17e1xuICAgICAgICAgIGZpbGw6ICcjQUVCNUJDJ1xuICAgICAgICB9fSBtZHhUeXBlPVwiSGF0U3ZnXCIgLz5cbiAgICA8L3NwYW4+XG4gICAgPC9DYW52YXM+XG4gICAgPHA+e2BXZSBhbHNvIGdldCB0aGlzIGdyZWF0IGF1dG8tbWFnaWNhbCBlZmZlY3QgZm9yIGZyZWU6IGJ5IGFwcGx5aW5nIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BmaWxsOiAnY3VycmVudENvbG9yJ2B9PC9pbmxpbmVDb2RlPntgIHN0eWxlIG9uIHRoZSBTVkcsIHRoZSBJY29uIGNvbXBvbmVudCBpcyBgfTxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YGJ5IGRlZmF1bHRgfTwvc3Ryb25nPntgIGNvbG9yZWQgYWNjb3JkaW5nIHRvIHRoZSBzdXJyb3VuZGVkIHRleHQuYH08L3A+XG4gICAgPENhbnZhcyBtZHhTb3VyY2U9XCIlMEElM0NwJTIwc3R5bGU9JTdCJTdCJTBBJTIwJTIwY29sb3I6JTIwJyMzQkIzQkQnLCUwQSUyMCUyMGRpc3BsYXk6JTIwJ2lubGluZS1mbGV4JywlMEElMjAlMjBnYXA6JTIwJzEwcHgnLCUwQSUyMCUyMGZvbnRTaXplOiUyMCcxOHB4JyUwQSU3RCU3RCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3NwYW4lMjBzdHlsZT0lN0IlN0IlMEElMjAlMjAlMjAlMjBkaXNwbGF5OiUyMCdpbmxpbmUtYmxvY2snLCUwQSUyMCUyMCUyMCUyMHdpZHRoOiUyMCcyNHB4JyUwQSUyMCUyMCU3RCU3RCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0hhdFN2ZyUyMHN0eWxlPSU3QiU3QiUwQSUyMCUyMCUyMCUyMCUyMCUyMGZpbGw6JTIwJ2N1cnJlbnRDb2xvciclMEElMjAlMjAlMjAlMjAlN0QlN0QlMjAvJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL3NwYW4lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NzcGFuJTNFTG9yZW0lMjBJcHN1bSUzQy9zcGFuJTNFJTBBJTIwJTIwJTIwJTIwJTNDL3AlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPHAgc3R5bGU9e3tcbiAgICAgICAgY29sb3I6ICcjM0JCM0JEJyxcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgZ2FwOiAnMTBweCcsXG4gICAgICAgIGZvbnRTaXplOiAnMThweCdcbiAgICAgIH19PlxuICAgICAgICA8c3BhbiBzdHlsZT17e1xuICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICAgIHdpZHRoOiAnMjRweCdcbiAgICAgICAgfX0+XG4gICAgICAgICAgICA8SGF0U3ZnIHN0eWxlPXt7XG4gICAgICAgICAgICBmaWxsOiAnY3VycmVudENvbG9yJ1xuICAgICAgICAgIH19IG1keFR5cGU9XCJIYXRTdmdcIiAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuPkxvcmVtIElwc3VtPC9zcGFuPlxuICAgIDwvcD5cbiAgICA8L0NhbnZhcz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJzaXppbmdcIlxuICAgIH19PntgU2l6aW5nYH08L2gyPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInZpZXdib3hcIlxuICAgIH19PjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoM1wiPntgdmlld2JveGB9PC9pbmxpbmVDb2RlPjwvaDM+XG4gICAgPHA+e2BXaGlsZSBpdCBpcyBlYXNpZXIgdG8gbWFuYWdlIGEgY29sbGVjdGlvbiBvZiBpY29ucyB3aGVyZSB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgdmlld2JveGB9PC9pbmxpbmVDb2RlPntgIGlzIGNvbnNpc3RhbnQgYW1vbmcgdGhlbSAodHlwaWNhbGx5IHNxdWFyZSBpbiBjYXNlIG9mIGljb25zKSwgdGhlIGFjdHVhbCBzaXplIG9mIHRoZSB2aWV3Ym94IGlzIG5vdCB2ZXJ5IHJlbGV2YW50LmB9PC9wPlxuICAgIDxwPntgSWYgaXQncyBhbiBpY29uLCBtYWtlIHN1cmUgaXQncyBhIHNxdWFyZSB2aWV3Ym94LmB9PC9wPlxuICAgIDxwPntgSW4gZ2VuZXJhbCwgbWFrZSBzdXJlIHRoZSBpbWFnZSBpcyBjZW50ZXJlZC5gfTwvcD5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJ3aWR0aC1hbmQtaGVpZ2h0XCJcbiAgICB9fT48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDNcIj57YHdpZHRoYH08L2lubGluZUNvZGU+e2AgYW5kIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgzXCI+e2BoZWlnaHRgfTwvaW5saW5lQ29kZT48L2gzPlxuICAgIDxwPntgRG8gbm90IHByb3ZpZGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgd2lkdGhgfTwvaW5saW5lQ29kZT57YCBhbmQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgaGVpZ2h0YH08L2lubGluZUNvZGU+e2AgYXR0cmlidXRlcyBvbiB0aGUgU1ZHIGVsZW1lbnQuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwib3B0aW1pc2F0aW9uXCJcbiAgICB9fT57YE9wdGltaXNhdGlvbmB9PC9oMj5cbiAgICA8cD57YFRPRE9gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJtYXJrdXBcIlxuICAgIH19PntgTWFya3VwYH08L2gyPlxuICAgIDxwPntgTWFrZSBzdXJlIHRoZSBTVkcgc291cmNlIGZpbGUgdXNlcyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJgfTwvaW5saW5lQ29kZT57YCBvdGhlcndpc2UgdGhlIGZpbGUgY2FuIG5vdCBiZSBwcm9jZXNzZWQgYnkgdG9vbGluZy5gfTwvcD5cbiAgICA8cD57YElmIHlvdSBhcmUgbG9hZGluZyB0aGUgU1ZHIGlubGluZSAoYXMgb3Bwb3NlZCB0byB1c2luZyBhIGxvYWRlciB0aGF0IGV4cG9zZXMgYSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BSZWFjdFNWR0NvbXBvbmVudGB9PC9pbmxpbmVDb2RlPntgKSBtYWtlIHN1cmUgdGhlIHNvdXJjZSBmaWxlIGNvbnRhaW5zIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGZvY3VzYWJsZT1cImZhbHNlXCJgfTwvaW5saW5lQ29kZT57YCBhcyB3ZWxsLmB9PC9wPlxuICAgIDxwPntgSWYgeW91IGFyZSB1c2luZyBSZWFjdCBsb2FkZXIsIG1ha2Ugc3VyZSB5b3UgcmVuZGVyIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGZvY3VzYWJsZT1cImZhbHNlXCJgfTwvaW5saW5lQ29kZT57YCBhdHRyaWJ1dGUuYH08L3A+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvQXNzZXRzL0ljb25zJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0XG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/50.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 */ "t"],\n defaultValue: _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__[/* THEME_DEFAULT */ "n"],\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 */ "l"], {\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzUwLnJlZmVyZW5jZS9kcy13ZWItY29yZS91dGlscy9nZXRUb2tlblZhci5zdG9yaWVzLm1keD8xNzYwIl0sIm5hbWVzIjpbIkxJQlJBUllfTkFNRSIsIkZFQVRVUkVfTkFNRSIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDTyxJQUFNQSxZQUFZLEdBQUcscUJBQXJCO0FBQ0EsSUFBTUMsWUFBWSxHQUFHLG1CQUFyQjtBQUVQLElBQU1DLFdBQVcsR0FBRztBQUNsQkYsY0FBWSxFQUFaQTtBQURrQixDQUFwQjtBQUdBLElBQU1HLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU1MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLG1DQUFaO0FBQWdELGNBQVUsRUFBRTtBQUMxREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURvRCxLQUE1RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTkssRUFXTCxrRUFBQyw2RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVhLLEVBWUw7QUFDRSxVQUFNO0FBRFIseUNBWkssRUFlTCxrRUFBQywyRUFBRDtBQUFhLFdBQU8sRUFBRVQsWUFBdEI7QUFBb0MsV0FBTyxFQUFFQyxZQUE3QztBQUEyRCxXQUFPLEVBQUM7QUFBbkUsSUFmSyxFQWdCTCwwSUFBZ0U7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUM1RCxZQUFRLGdDQURvRDtBQUU1RCxjQUFVLFFBRmtEO0FBRzVELFdBQU87QUFIcUQseUJBQWhFLDBDQUlzRTtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ2xFLFlBQVEsMERBRDBEO0FBRWxFLGNBQVUsUUFGd0Q7QUFHbEUsV0FBTztBQUgyRCxpQkFKdEUsaUJBaEJLLEVBeUJMLHFGQUFXO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDUCxZQUFRO0FBREQseUNBQVgsNkJBekJLLEVBNEJMO0FBQ0UsVUFBTTtBQURSLGNBNUJLLEVBK0JMO0FBQ0UsVUFBTTtBQURSLEtBRUc7QUFBWSxjQUFVLEVBQUM7QUFBdkIsb0JBRkgsQ0EvQkssRUFrQ0wscUdBbENLLEVBbUNMLHdHQW5DSyxFQW9DTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosbURBQUwsQ0FwQ0ssRUF3Q0wsdUdBeENLLEVBeUNMLCtFQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWixvRUFBTCxDQXpDSyxFQTZDTCxpSEFBdUM7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUNuQyxZQUFRO0FBRDJCLHNCQUF2QyxXQTdDSyxFQWdETDtBQUNFLFVBQU07QUFEUixpQkFFZTtBQUFZLGNBQVUsRUFBQztBQUF2QixjQUZmLENBaERLLEVBbURMLG1IQUF5QztBQUFZLGNBQVUsRUFBQztBQUF2QixvQkFBekMsTUFuREssQ0FBUDtBQXFERDs7QUF6RFFHLFU7QUEyRFQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxtQ0FBVDtBQUE4Q0gsWUFBVSxFQUFFO0FBQzlFTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEd0UsR0FBMUQ7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy81MC5yZWZlcmVuY2UvZHMtd2ViLWNvcmUvdXRpbHMvZ2V0VG9rZW5WYXIuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBDT0xPUl9TQ0hFTUVfREVGQVVMVCwgY29sb3JTY2hlbWVDb25maWcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViLCBUaGVtZVN3aXRjaGVyIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgRG9jTWV0YWRhdGEsIE9wdGlvbnNMaXN0LCBTdG9yeU5vdGUgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBCdXR0b24sIFBhbmVsLCBQYW5lbEJvZHksIFBhbmVsSGVhZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhLCBTdG9yeSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5leHBvcnQgY29uc3QgTElCUkFSWV9OQU1FID0gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuZXhwb3J0IGNvbnN0IEZFQVRVUkVfTkFNRSA9ICd1dGlscy9nZXRUb2tlblZhcic7XG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBMSUJSQVJZX05BTUVcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+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 */ "t"],\n defaultValue: _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__[/* THEME_DEFAULT */ "n"],\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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QUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJaLElBQXpCLHFCQUNNYyxhQUFhLENBQUNGLFVBQWQsQ0FBeUJaLElBQXpCLElBQWlDLEVBRHZDO0FBRUVrQixNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvNTAucmVmZXJlbmNlL2RzLXdlYi1yb290L3Byb3ZpZGVycy9Sb290UHJvdmlkZXIuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQge1xuICAgIENPTE9SX1NDSEVNRV9ERUZBVUxULFxuICAgIENPTE9SX1NDSEVNRV9PUFRJT05TLFxuICAgIFRIRU1FX0RFRkFVTFQsXG4gICAgVEhFTUVfT1BUSU9OUyxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IERvY01ldGFkYXRhIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciwgdGhlbWVzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEsIFN0b3J5IH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmV4cG9ydCBjb25zdCBMSUJSQVJZX05BTUUgPSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5leHBvcnQgY29uc3QgRkVBVFVSRV9OQU1FID0gJ3Byb3ZpZGVycy9Sb290UHJvdmlkZXInO1xuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgTElCUkFSWV9OQU1FXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIHtcbiAgICAgIC8qIHVzZXMgRG9jQ29udGV4dCAoaW5zdGVhZCBvZiBEb2NDb250ZXh0RFNXZWIpIHNvIHRoYXQgd2UgY2FuIHJlbmRlciBhbiBhY3R1YWwgUm9vdFByb3ZpZGVyIGV4YW1wbGUgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJBUEkvZHMtd2ViLXJvb3QvcHJvdmlkZXJzL1Jvb3RQcm92aWRlclwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwicm9vdHByb3ZpZGVyXCJcbiAgICB9fT57YFJvb3RQcm92aWRlcmB9PC9oMT5cbiAgICA8RG9jTWV0YWRhdGEgcHJvamVjdD17TElCUkFSWV9OQU1FfSBmZWF0dXJlPXtGRUFUVVJFX05BTUV9IG1keFR5cGU9XCJEb2NNZXRhZGF0YVwiIC8+XG4gICAgPHA+e2BUaGlzIHBhZ2UgaXMgYWJvdXQgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxSb290UHJvdmlkZXIvPmB9PC9pbmxpbmVDb2RlPntgIEFQSSBhbmQgaXRzIGFkdmFuY2VkIHVzYWdlLmB9PC9wPlxuICAgIDxwPntgUmVmZXIgdG8gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1hcHBsaWNhdGlvbnMtLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IEFwcGxpY2F0aW9uc2B9PC9hPntgIGd1aWRlIGZvciBzdGVwIGJ5IHN0ZXAgaW5zdHJ1Y3Rpb25zLmB9PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImludHJvXCJcbiAgICB9fT57YEludHJvYH08L2gyPlxuICAgIDxwPntgUHJlcGx5J3MgRGVzaWduIFN5c3RlbSB1c2VzIHRoZW1pbmcgYXQgaXRzIGNvcmUuIFRoaXMgY2FwYWJpbGl0eSBpcyBwcm92aWRlZCBieSBhIGZldyBpbmRlcGVuZGVudCBjb250ZXh0IHByb3ZpZGVycy5gfTwvcD5cbiAgICA8cD57YFRoZSByZXNwb25zaWJpbGl0eSBvZiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8Um9vdFByb3ZpZGVyLz5gfTwvaW5saW5lQ29kZT57YCBpcyB0byBpbml0aWFsaXplIHRoZSBkZWZhdWx0IGNvbnRleHQgYW5kIGFkZCB0aGUgQ1NTIGNsYXNzIG5hbWVzIHRvIHRoZSBkb2N1bWVudC5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJwcm9wc1wiXG4gICAgfX0+e2BQcm9wc2B9PC9oMj5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJ0aGVtZS1zdHJpbmdcIlxuICAgIH19PjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoM1wiPntgdGhlbWVgfTwvaW5saW5lQ29kZT57YDogc3RyaW5nYH08L2gzPlxuICAgIDxwPntgU2VsZWN0IHRoZSB0aGVtZSBmb3IgdGhlIHNjb3BlIG9mIHRoZSB3aG9sZSBwYWdlLmB9PC9wPlxuICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YEF2YWlsYWJsZSB0aGVtZXM6YH08L3N0cm9uZz48L3A+XG4gICAgPFRoZW1lT3B0aW9uc0xpc3Qgb3B0aW9ucz17VEhFTUVfT1BUSU9OU30gZGVmYXVsdFZhbHVlPXtUSEVNRV9ERUZBVUxUfSBtZHhUeXBlPVwiVGhlbWVPcHRpb25zTGlzdFwiIC8+XG4gICAgPENhbnZhcyBtZHhTb3VyY2U9XCIlMEElM0NSb290UHJvdmlkZXIlMjB0YWc9JTIybWFpbiUyMiUyMHRoZW1lPSUyMnByZXBseS11aSUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIycHJpbWFyeSUyMiUzRVNlY29uZGFyeSUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlM0MvUm9vdFByb3ZpZGVyJTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxSb290UHJvdmlkZXIgdGFnPVwibWFpblwiIHRoZW1lPVwicHJlcGx5LXVpXCIgbWR4VHlwZT1cIlJvb3RQcm92aWRlclwiPlxuICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJwcmltYXJ5XCIgbWR4VHlwZT1cIkJ1dHRvblwiPlNlY29uZGFyeTwvQnV0dG9uPlxuICAgIDwvUm9vdFByb3ZpZGVyPlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcImNvbG9yc2NoZW1lLXN0cmluZ1wiXG4gICAgfX0+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgzXCI+e2Bjb2xvclNjaGVtZWB9PC9pbmxpbmVDb2RlPntgOiBzdHJpbmdgfTwvaDM+XG4gICAgPHA+e2BTZWxlY3QgdGhlIGNvbG9yIHNjaGVtZSBmb3IgdGhlIHNjb3BlIG9mIHRoZSB3aG9sZSBwYWdlLmB9PC9wPlxuICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj57YEF2YWlsYWJsZSBjb2xvclNjaGVtZTpgfTwvc3Ryb25nPjwvcD5cbiAgICA8VGhlbWVPcHRpb25zTGlzdCBvcHRpb25zPXtDT0xPUl9TQ0hFTUVfT1BUSU9OU30gZGVmYXVsdFZhbHVlPXtDT0xPUl9TQ0hFTUVfREVGQVVMVH0gbWR4VHlwZT1cIlRoZW1lT3B0aW9uc0xpc3RcIiAvPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDUm9vdFByb3ZpZGVyJTIwdGFnPSUyMm1haW4lMjIlMjBjb2xvclNjaGVtZT0lMjJiYW5uZXIlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NkaXYlMjBzdHlsZT0lN0IlN0IlMEElMjAlMjAlMjAlMjBiYWNrZ3JvdW5kQ29sb3I6JTIwJyMyMmFlMjUnLCUwQSUyMCUyMCUyMCUyMHBhZGRpbmc6JTIwJzIwcHgnJTBBJTIwJTIwJTdEJTdEJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTIwdmFyaWFudD0lMjJwcmltYXJ5JTIyJTNFU2Vjb25kYXJ5JTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9kaXYlM0UlMEElMjAlMjAlMjAlMjAlM0MvUm9vdFByb3ZpZGVyJTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxSb290UHJvdmlkZXIgdGFnPVwibWFpblwiIGNvbG9yU2NoZW1lPVwiYmFubmVyXCIgbWR4VHlwZT1cIlJvb3RQcm92aWRlclwiPlxuICAgICAgICA8ZGl2IHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAnIzIyYWUyNScsXG4gICAgICAgICAgcGFkZGluZzogJzIwcHgnXG4gICAgICAgIH19PlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicHJpbWFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5TZWNvbmRhcnk8L0J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9Sb290UHJvdmlkZXI+XG4gICAgPC9DYW52YXM+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgTm90ZTpgfTwvc3Ryb25nPntgIFlvdSB3aWxsIGhhdmUgdG8gcmVuZGVyIHRoZSBiYWNrZ3JvdW5kIGNvbG9yIGluIHlvdXIgYXBwLiBUYWtlIGEgbG9vayBhdCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1jb2xvci1zY2hlbWVzLW5lc3RpbmctLXBhZ2VcIlxuICAgICAgfX0+e2BDb2xvciBTY2hlbWVzOiBOZXN0aW5nXG5gfTwvYT57YCB0byBsZWFybiBob3cgdG8gZG8gaXQuYH08L3A+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwidGFyZ2V0LXN0cmluZy0tZWxlbWVudC0tdW5kZWZpbmVkXCJcbiAgICB9fT48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDNcIj57YHRhcmdldGB9PC9pbmxpbmVDb2RlPntgOiBzdHJpbmcgfCBFbGVtZW50IHwgdW5kZWZpbmVkYH08L2gzPlxuICAgIDxwPntgV2hlcmUgaW4gdGhlIGRvY3VtZW50IHNob3VsZCB3ZSBhZGQgYWRkIHRoZSBDU1MgY2xhc3MgbmFtZXMuYH08L3A+XG4gICAgPHA+e2BUeXBpY2FsbHksIHlvdSB3aWxsIHdhbnQgdG8gcGFzcyB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZG9jdW1lbnQuYm9keWB9PC9pbmxpbmVDb2RlPntgIGVsZW1lbnQgc28gdGhhdCBDU1MgY2xhc3NlcyBhcmUgcmVuZGVyaW5nIGRpcmVjdGx5IGluIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxib2R5IGNsYXNzPVwiLi4uXCI+YH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPHA+e2BUaGlzIHdpbGwgbWFrZSBzdXJlIHRoZSBDU1MgY2xhc3NlcyBhcmUgaW4gc2NvcGUgZm9yIGNvbXBvbmVudHMgcmVuZGVyZWQgYW55d2hlcmUgaW4gdGhlIHBhZ2UsIGluY2x1ZGluZyBgfTxlbSBwYXJlbnROYW1lPVwicFwiPntgcG9ydGFsc2B9PC9lbT57YCBvdXRzaWRlIG9mIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxkaXYgaWQ9XCJyb290PmB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgZXhwb3J0IGNvbnN0IEFwcCA9ICh7IGNoaWxkcmVuIH0pID0+IDxSb290UHJvdmlkZXIgdGFyZ2V0PXtkb2N1bWVudC5ib2R5fT57Y2hpbGRyZW59PC9Sb290UHJvdmlkZXI+O1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BXaGljaCByZXN1bHRzIGluOmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtaHRtbFwiXG4gICAgICB9fT57YDxib2R5IGNsYXNzPVwiXzFBYnR4UyBlM3RiYTMgZHMtc2NoZW1lLS1iYXNlXCI+XG4gICAgLi4uXG48L2JvZHk+XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YEluIFNTUiBzY2VuYXJpb3MgdGhpcyBpcyBub3QgYXZhaWxhYmxlLCBzbyB5b3Ugd2lsbCBuZWVkIHRvIHByb3ZpZGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgbm9uZWB9PC9pbmxpbmVDb2RlPntgIGFzIHRhcmdldC4gUGxlYXNlIHJlZmVyIHRvIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tc3Rvcnlib29rLS1wYWdlXCJcbiAgICAgIH19PntgSW5zdGFsbGF0aW9uOiBTdG9yeWJvb2tgfTwvYT57YCBndWlkZS5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXRzeFwiXG4gICAgICB9fT57YDxSb290UHJvdmlkZXIgdGFyZ2V0PVwibm9uZVwiPntjaGlsZHJlbn08L1Jvb3RQcm92aWRlcj5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgSWYgeW91IHdhbnQgdG8gc2NvcGUgdGhlIENTUyB0byBvbmx5IGEgc3BlY2lmaWMgcGFydCBvZiB0aGUgcGFnZSwgeW91IGNhbiBzdXBwbHkgdGhlIGVsZW1lbnQncyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2AjaWRgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXRzeFwiXG4gICAgICB9fT57YDxSb290UHJvdmlkZXIgdGFyZ2V0PVwicm9vdFwiPntjaGlsZHJlbn08L1Jvb3RQcm92aWRlcj5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQgdG8gdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHRhcmdldGB9PC9pbmxpbmVDb2RlPntgIHByb3AsIGFuIGV4dHJhIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxkaXY+YH08L2lubGluZUNvZGU+e2Agd2lsbCByZW5kZXJlZC4gVGhpcyBpcyBwcm9iYWJseSBvbmx5IGRlc2lyYWJsZSB3aGVuIGFkZGluZyBhIHNwZWNpYWxseSBzY29wZWQgaW5zdGFuY2Ugb2YgdGhlIERlc2lnbiBTeXN0ZW0gaW4gYSBwYWdlIG90aGVyd2lzZSBtYW5hZ2VkIGJ5IGRpZmZlcmVudCBjb21wb25lbnQgbGlicmFyaWVzLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtaHRtbFwiXG4gICAgICB9fT57YDxkaXYgaWQ9XCJyb290XCI+XG4gICAgPGRpdiBjbGFzcz1cImRzLi4uXCI+Li4uPC9kaXY+XG48L2Rpdj5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRhZy1rZXlvZi1qc3hpbnRyaW5zaWNlbGVtZW50c1wiXG4gICAgfX0+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgzXCI+e2B0YWdgfTwvaW5saW5lQ29kZT57YDoga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzYH08L2gzPlxuICAgIDxwPntgUHJvdmlkZSB0aGlzIHByb3AgdG8gY2hvc2Ugd2hpY2ggdGFnIHRvIHJlbmRlciAod2hlbiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0YXJnZXRgfTwvaW5saW5lQ29kZT57YCBpcyBhYnNlbnQpLmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDUm9vdFByb3ZpZGVyJTIwdGFnPSUyMm1haW4lMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnByaW1hcnklMjIlM0VTZWNvbmRhcnklM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTNDL1Jvb3RQcm92aWRlciUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8Um9vdFByb3ZpZGVyIHRhZz1cIm1haW5cIiBtZHhUeXBlPVwiUm9vdFByb3ZpZGVyXCI+XG4gICAgICAgIDxCdXR0b24gdmFyaWFudD1cInByaW1hcnlcIiBtZHhUeXBlPVwiQnV0dG9uXCI+U2Vjb25kYXJ5PC9CdXR0b24+XG4gICAgPC9Sb290UHJvdmlkZXI+XG4gICAgPC9DYW52YXM+XG4gICAgPHA+e2BJZiBubyB2YWx1ZSBpcyBwcm92aWRlZCB0byB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgdGFyZ2V0YH08L2lubGluZUNvZGU+e2AgcHJvcCwgYW4gZXh0cmEgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPGRpdj5gfTwvaW5saW5lQ29kZT57YCB3aWxsIHJlbmRlcmVkLiBUaGlzIGlzIHByb2JhYmx5IG9ubHkgZGVzaXJhYmxlIHdoZW4gYWRkaW5nIGEgc3BlY2lhbGx5IHNjb3BlZCBpbnN0YW5jZSBvZiB0aGUgRGVzaWduIFN5c3RlbSBpbiBhIHBhZ2Ugb3RoZXJ3aXNlIG1hbmFnZWQgYnkgZGlmZmVyZW50IGNvbXBvbmVudCBsaWJyYXJpZXMuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1odG1sXCJcbiAgICAgIH19PntgPGRpdiBpZD1cInJvb3RcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZHMuLi5cIj4uLi48L2Rpdj5cbjwvZGl2PlxuYH08L2NvZGU+PC9wcmU+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiYWR2YW5jZWRcIlxuICAgIH19PntgQWR2YW5jZWRgfTwvaDI+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwiY3NzLWNsYXNzZXNcIlxuICAgIH19PntgQ1NTIGNsYXNzZXNgfTwvaDM+XG4gICAgPHA+e2BUaGUgZm9sbG93aW5nIENTUyBjbGFzc2VzIGFyZSByZXF1aXJlZCBmb3Igb3VyIENTUyBtb2R1bGVzIGJhc2VkIGNvbXBvbmVudHMgdG8gd29yayBwcm9wZXJseTpgfTwvcD5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BUaGUgQ1NTIGNsYXNzKGVzKSBmb3IgdGhlIGN1cnJlbnQgdGhlbWUgKGUuZy46IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2Bkcy1wcmVwbHktdWlgfTwvaW5saW5lQ29kZT57YCArIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2Bkcy1iYXNlLXVpYH08L2lubGluZUNvZGU+e2ApYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgVGhlIENTUyBjbGFzcyhlcykgZm9yIHRoZSBjdXJyZW50IGNvbG9yIHNjaGVtZSAoZS5nLjogYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGRzLXNjaGVtZS1iYXNlYH08L2lubGluZUNvZGU+e2ApIFllcy4gU2VlIFNlZSBgfTxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L3Byb3ZpZGVycy1jb2xvcnNjaGVtZS0tcGFnZVwiXG4gICAgICAgIH19PntgUHJvdmlkZXJzOiBDb2xvclNjaGVtZWB9PC9hPntgLmB9PC9saT5cbiAgICA8L3VsPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcIndoeS1tb3JlLXRoYW4tb25lLWNsYXNzLXBlci10aGVtZVwiXG4gICAgfX0+e2BXaHkgbW9yZSB0aGFuIG9uZSBjbGFzcyBwZXIgdGhlbWU/YH08L2gzPlxuICAgIDxwPntgVGhlIGxlZ2FjeSB0aGVtZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BwcmVwbHktdWlgfTwvaW5saW5lQ29kZT57YCBpcyBpbXBsZW1lbnRlZCBhcyBhIGxheWVyIG9mIG92ZXJyaWRlcyBvbiB0b3Agb2YgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgYmFzZS11aWB9PC9pbmxpbmVDb2RlPntgLCBoZW5jZSB0d28gY2xhc3NlcyBhcmUgc2V0OiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bkcy1wcmVwbHktdWkgZHMtYmFzZS11aWB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnQVBJL2RzLXdlYi1yb290L3Byb3ZpZGVycy9Sb290UHJvdmlkZXInLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/50.reference/ds-web-root/providers/RootProvider.stories.mdx\n')}},[[0,9,11,13,16,15,10,12,14,5,8,6,4]]]);