@preply/ds-docs 0.72.0 → 0.74.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 (19) hide show
  1. package/dist/iframe.html +1 -1
  2. package/dist/main~033a9638.f77dbacc.iframe.bundle.js +1 -0
  3. package/dist/main~493df0b3.ebabe0f6.iframe.bundle.js +1 -0
  4. package/dist/main~5ca4ce4f.0f4d223c.iframe.bundle.js +1 -0
  5. package/dist/{main~6dcfc2f7.dc5919d9.iframe.bundle.js → main~6dcfc2f7.99f796a8.iframe.bundle.js} +1 -1
  6. package/dist/{main~82dd837d.bd62728f.iframe.bundle.js → main~82dd837d.047a8f94.iframe.bundle.js} +1 -1
  7. package/dist/main~845980bc.ae136726.iframe.bundle.js +1 -0
  8. package/dist/{main~86e34a24.44d6fa19.iframe.bundle.js → main~86e34a24.1e051e1a.iframe.bundle.js} +1 -1
  9. package/dist/main~ac44be07.8bde7f3d.iframe.bundle.js +1 -0
  10. package/dist/main~c6ee89b6.84e099d2.iframe.bundle.js +1 -0
  11. package/dist/{main~d1a52d6d.b31aa06d.iframe.bundle.js → main~d1a52d6d.764a43a7.iframe.bundle.js} +1 -1
  12. package/dist/{main~de8bc745.03e4470c.iframe.bundle.js → main~de8bc745.ff432d69.iframe.bundle.js} +1 -1
  13. package/package.json +2 -2
  14. package/dist/main~033a9638.70bf642f.iframe.bundle.js +0 -1
  15. package/dist/main~493df0b3.0f0577d1.iframe.bundle.js +0 -1
  16. package/dist/main~5ca4ce4f.2b9a2e84.iframe.bundle.js +0 -1
  17. package/dist/main~845980bc.ccfffc70.iframe.bundle.js +0 -1
  18. package/dist/main~ac44be07.f1469abc.iframe.bundle.js +0 -1
  19. package/dist/main~c6ee89b6.edc880b2.iframe.bundle.js +0 -1
package/dist/main~c6ee89b6.edc880b2.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[14],{"../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/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Installation/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-the-global-styles"\n }, "Add the global styles"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "index.html"), " file, as close as possible to the start of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<head>"), " tag, add:"), 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 }, "\x3c!-- Preply DS Global Style https://ds.preply.org/latest/?path=/story/guides-installation-applications--page --\x3e\\n<link rel=\\"preconnect\\" href=\\"https://static.preply.com\\" />\\n<link rel=\\"preload\\" href=\\"https://static.preply.com/ds/global.css\\" as=\\"style\\" />\\n<link\\n rel=\\"preload\\"\\n href=\\"https://static.preply.com/ds/fonts/en/PreplyInter.var.woff2\\"\\n as=\\"font\\"\\n type=\\"font/woff2\\"\\n crossorigin\\n/>\\n<link rel=\\"stylesheet\\" href=\\"https://static.preply.com/ds/global.css\\" />\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This CSS resource contains:"), 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 }, "@font-face"), " declarations for loading ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "PreplyInter"), ". See ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/guides-assets-fonts--page"\n }, "Guides / Assets / Fonts")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "global ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "font-family"), " declarations")), 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 }, "In the future, this global stylesheet will also contain generic reset rules."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "If your app is rendered server side with dynamic ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "<head>"), " content, follow 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 instead.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "add-rootprovider"\n }, "Add ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "RootProvider")), 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 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"), ".")), 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// optional\\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 }, "Note:"), " 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: "p",\n "href": "/story/guides-installation-ssr--page"\n }, "Installation: SSR"), " 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/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMDAuYXBwbGljYXRpb25zLnN0b3JpZXMubWR4P2Q2NmEiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLGtDQUFaO0FBQStDLGNBQVUsRUFBRTtBQUN6REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURtRCxLQUEzRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUixrQ0FWSyxFQWFMLG1LQWJLLEVBY0w7QUFDRSxVQUFNO0FBRFIsZ0JBZEssRUFpQkwsbUhBQXlDO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDckMsWUFBUSwwQ0FENkI7QUFFckMs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QUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIscUJBQ01RLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIsSUFBaUMsRUFEdkM7QUFFRVksTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMDAuYXBwbGljYXRpb25zLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgU3RvcnlOb3RlIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvSW5zdGFsbGF0aW9uL0FwcGxpY2F0aW9uc1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW5zdGFsbGF0aW9uLWFwcGxpY2F0aW9uc1wiXG4gICAgfX0+e2BJbnN0YWxsYXRpb246IEFwcGxpY2F0aW9uc2B9PC9oMT5cbiAgICA8cD57YFRoaXMgZ3VpZGUgYXBwbGllcyB0byBib3RoIGNsaWVudC1zaWRlIGFuZCBzZXJ2ZXItc2lkZSByZW5kZXJlZCBSZWFjdCBhcHBsaWNhdGlvbnMuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicGFja2FnZXNcIlxuICAgIH19PntgUGFja2FnZXNgfTwvaDI+XG4gICAgPHA+e2BPdXIgcGFja2FnZXMgYXJlIGF2YWlsYWJsZSBpbiB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vd3d3Lm5wbWpzLmNvbS9zZWFyY2g/cT0lNDBwcmVwbHlcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgbnBtYH08L2E+e2AgcmVnaXN0cnkgdW5kZXIgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBwcmVwbHlgfTwvaW5saW5lQ29kZT57YCBuYW1lc3BhY2UuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLnt9fT57YHlhcm4gYWRkIEBwcmVwbHkvZHMtd2ViLWxpYiBAcHJlcGx5L2RzLXdlYi1yb290XG5gfTwvY29kZT48L3ByZT5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BAcHJlcGx5L2RzLXdlYi1yb290YH08L2lubGluZUNvZGU+e2AgcHJvdmlkZXMgYSBzaW5nbGUgZW50cnkgcG9pbnQgdG8gaW5zdGFudGlhdGUgYWxsIHRoZSBuZWNlc3NhcnkgcmVzb3VyY2VzIGluIHlvdXIgYXBwbGljYXRpb24uYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgQHByZXBseS9kcy13ZWItbGliYH08L2lubGluZUNvZGU+e2AgcHJvdmlkZXMgdGhlIGNvbGxlY3Rpb24gb2YgY29tcG9uZW50cyBkb2N1bWVudGVkIGZvciB0aGUgd2ViIHBsYXRmb3JtLmB9PC9saT5cbiAgICA8L3VsPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImFkZC10aGUtZ2xvYmFsLXN0eWxlc1wiXG4gICAgfX0+e2BBZGQgdGhlIGdsb2JhbCBzdHlsZXNgfTwvaDI+XG4gICAgPHA+e2BJbiB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgaW5kZXguaHRtbGB9PC9pbmxpbmVDb2RlPntgIGZpbGUsIGFzIGNsb3NlIGFzIHBvc3NpYmxlIHRvIHRoZSBzdGFydCBvZiB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPGhlYWQ+YH08L2lubGluZUNvZGU+e2AgdGFnLCBhZGQ6YH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1odG1sXCJcbiAgICAgIH19PntgPCEtLSBQcmVwbHkgRFMgR2xvYmFsIFN0eWxlIGh0dHBzOi8vZHMucHJlcGx5Lm9yZy9sYXRlc3QvP3BhdGg9L3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tYXBwbGljYXRpb25zLS1wYWdlIC0tPlxuPGxpbmsgcmVsPVwicHJlY29ubmVjdFwiIGhyZWY9XCJodHRwczovL3N0YXRpYy5wcmVwbHkuY29tXCIgLz5cbjxsaW5rIHJlbD1cInByZWxvYWRcIiBocmVmPVwiaHR0cHM6Ly9zdGF0aWMucHJlcGx5LmNvbS9kcy9nbG9iYWwuY3NzXCIgYXM9XCJzdHlsZVwiIC8+XG48bGlua1xuICAgIHJlbD1cInByZWxvYWRcIlxuICAgIGhyZWY9XCJodHRwczovL3N0YXRpYy5wcmVwbHkuY29tL2RzL2ZvbnRzL2VuL1ByZXBseUludGVyLnZhci53b2ZmMlwiXG4gICAgYXM9XCJmb250XCJcbiAgICB0eXBlPVwiZm9udC93b2ZmMlwiXG4gICAgY3Jvc3NvcmlnaW5cbi8+XG48bGluayByZWw9XCJzdHlsZXNoZWV0XCIgaHJlZj1cImh0dHBzOi8vc3RhdGljLnByZXBseS5jb20vZHMvZ2xvYmFsLmNzc1wiIC8+XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFRoaXMgQ1NTIHJlc291cmNlIGNvbnRhaW5zOmB9PC9wPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YEBmb250LWZhY2VgfTwvaW5saW5lQ29kZT57YCBkZWNsYXJhdGlvbnMgZm9yIGxvYWRpbmcgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YFByZXBseUludGVyYH08L2lubGluZUNvZGU+e2AuIFNlZSBgfTxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1hc3NldHMtZm9udHMtLXBhZ2VcIlxuICAgICAgICB9fT57YEd1aWRlcyAvIEFzc2V0cyAvIEZvbnRzYH08L2E+PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YGdsb2JhbCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgZm9udC1mYW1pbHlgfTwvaW5saW5lQ29kZT57YCBkZWNsYXJhdGlvbnNgfTwvbGk+XG4gICAgPC91bD5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BOb3RlczpgfTwvc3Ryb25nPjwvcD5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BJbiB0aGUgZnV0dXJlLCB0aGlzIGdsb2JhbCBzdHlsZXNoZWV0IHdpbGwgYWxzbyBjb250YWluIGdlbmVyaWMgcmVzZXQgcnVsZXMuYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgSWYgeW91ciBhcHAgaXMgcmVuZGVyZWQgc2VydmVyIHNpZGUgd2l0aCBkeW5hbWljIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2A8aGVhZD5gfTwvaW5saW5lQ29kZT57YCBjb250ZW50LCBmb2xsb3cgdGhlIGluc3RydWN0aW9ucyBpbiB0aGUgYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtaW5zdGFsbGF0aW9uLXNzci0tcGFnZVwiXG4gICAgICAgIH19PntgSW5zdGFsbGF0aW9uOiBTU1JgfTwvYT57YCBndWlkZSBpbnN0ZWFkLmB9PC9saT5cbiAgICA8L3VsPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImFkZC1yb290cHJvdmlkZXJcIlxuICAgIH19PntgQWRkIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgyXCI+e2BSb290UHJvdmlkZXJgfTwvaW5saW5lQ29kZT48L2gyPlxuICAgIDxwPntgVGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxSb290UHJvdmlkZXIvPmB9PC9pbmxpbmVDb2RlPntgIHdyYXBzIGFsbCB0aGUgb3RoZXIgcHJvdmlkZXJzIGFuZCBtYWtlcyBzdXJlIHRoZSBDU1MgY2xhc3NlcyBhcmUgYWRkZWQgdG8geW91ciBET00uIFlvdSB3aWxsIG5lZWQgdG8gd3JhcCB5b3VyIGNvZGUgd2l0aCBpdC5gfTwvcD5cbiAgICA8cD57YFRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0YXJnZXRgfTwvaW5saW5lQ29kZT57YCBwcm9wIGRldGVybWluZXMgd2hlcmUgdG8gaW5qZWN0IHRoZSBDU1MgY2xhc3NlcyBhbmQgeW91IGNhbiBwcm92aWRlIHRoZSBET00gZWxlbWVudCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bkb2N1bWVudC5ib2R5YH08L2lubGluZUNvZGU+e2AgaW4gb3JkZXIgdG8gaGF2ZSB0aGUgQ1NTIGNsYXNzZXMgaW4gc2NvcGUgZm9yIGNvbXBvbmVudHMgcmVuZGVyZWQgYW55d2hlcmUgaW4gdGhlIHBhZ2UsIGluY2x1ZGluZyBgfTxlbSBwYXJlbnROYW1lPVwicFwiPntgcG9ydGFsc2B9PC9lbT57YCBvdXRzaWRlIG9mIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxkaXYgaWQ9XCJyb290XCI+YH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPHA+e2BPcHRpb25hbDpgfTwvcD5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BJZiB5b3VyIGFwcCBkb2VzIG5vdCBoYXZlIGEgZ2xvYmFsIENTUyByZXNldCwgeW91IHNob3VsZCBpbXBvcnQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHJlc2V0Lmxlc3NgfTwvaW5saW5lQ29kZT57YC5gfTwvbGk+XG4gICAgPC91bD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXRzeFwiXG4gICAgICB9fT57YGltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuLy8gb3B0aW9uYWxcbmltcG9ydCAnQHByZXBseS9kcy13ZWItcm9vdC9kaXN0L3N0eWxlcy9nbG9iYWwvcmVzZXQubGVzcyc7XG5cblJlYWN0RE9NLnJlbmRlcihcbiAgICA8UmVhY3QuU3RyaWN0TW9kZT5cbiAgICAgICAgPFJvb3RQcm92aWRlciB0YXJnZXQ9e2RvY3VtZW50LmJvZHl9PlxuICAgICAgICAgICAgPEFwcCAvPlxuICAgICAgICA8L1Jvb3RQcm92aWRlcj5cbiAgICA8L1JlYWN0LlN0cmljdE1vZGU+LFxuICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdyb290JyksXG4pO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgTm90ZTpgfTwvc3Ryb25nPntgIElmIHlvdXIgYXBwIGlzIHJlbmRlcmVkIHNlcnZlciBzaWRlLCBjb250aW51ZSB3aXRoIHRoZSBpbnN0cnVjdGlvbnMgaW4gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1zc3ItLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IFNTUmB9PC9hPntgIGd1aWRlLmB9PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL0luc3RhbGxhdGlvbi9BcHBsaWNhdGlvbnMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\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-core\\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": "add-the-global-styles"\n }, "Add the global styles"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In the component that renders your application\'s HTML document, as close as possible to the start of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<head>"), " tag, add:"), 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 { GlobalStyle } from \'@preply/ds-web-root\';\\n\\n...\\n return (\\n <html>\\n <head>\\n <link rel=\\"preconnect\\" href=\\"https://static.preply.com\\" />\\n <GlobalStyle />\\n ...\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "setup-ssrprovider---ds-context-for-ssr-time"\n }, "Setup SSRProvider - DS context for SSR time"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Wrap your SSR application with ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "SSRProvider"), " in order to provide a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "hostname"), " context and collect the \\"critical\\" CSS class names and style blocks."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "For more information on this provider visit ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-root-providers-ssrprovider--page"\n }, "API / ds-web-root / providers / SSRProvider"), " reference page."), 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 the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "SSRProvider")), 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 } from \'@preply/ds-web-core\';\\nimport { SSRProvider } from \'@preply/ds-web-root\';\\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 <SSRProvider stylesheet={stylesheet} hostname={hostname}>\\n <App {...props} />\\n </SSRProvider>\\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={`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/Y2I2YyJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BS0wsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMseUJBQVo7QUFBc0MsY0FBVSxFQUFFO0FBQ2hERSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDBDLEtBQWxEO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFMSyxFQVVMO0FBQ0UsVUFBTTtBQURSLHNDQVZLLEVBYUwsZ0pBQXNFO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDbEUsWUFBUTtBQUQwRCxrQ0FBdEUsWUFiSyxFQWdCTDtBQUNFLFVBQU07QUFEUixnQkFoQkssRUFtQkwsNkhBQW1EO0FBQVksY0FBVSxFQUFDO0FBQXZCLDJCQUFuRCwwR0FuQkssRUFvQkwsK0VBQUs7QUFBTSxjQUFVLEVBQUM7QUFBakIsc0NBQUwsQ0FwQkssRUFzQkw7QUFDRSxVQUFNO0FBRFIsa0JBRWdCO0FBQVksY0FBVSxFQUFDO0FBQXZCLG9CQUZoQixtQ0F0QkssRUF5QkwscUdBQTJCO0FBQVksY0FBVSxFQUFDO0FBQXZCLHFCQUEzQixnRUFBa0o7QUFBWSxjQUFVLEVBQUM7QUFBdkIsdUJBQWxKLGNBekJLLEVBMEJMLCtFQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWix1WkFBTCxDQTFCSyxFQTBDTDtBQUNFLFVBQU07QUFEUiw2QkExQ0ssRUE2Q0wsMExBQWdIO0FBQVksY0FBVSxFQUFDO0FBQXZCLGNBQWhILGVBN0NLLEVBOENMLCtFQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWiwyUEFBTCxDQTlDSyxFQTBETDtBQUNFLFVBQU07QUFEUixtREExREssRUE2REwsZ0hBQXNDO0FBQVksY0FBVSxFQUFDO0FBQXZCLG1CQUF0Qyw2QkFBd0g7QUFBWSxjQUFVLEVBQUM7QUFBdkIsZ0JBQXhILDRFQTdESyxFQThETCw2SEFBbUQ7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUMvQyxZQUFRO0FBRHVDLG1EQUFuRCxxQkE5REssRUFpRUwsb0hBQTBDO0FBQVksY0FBVSxFQUFDO0FBQXZCLGVBQTFDLGtCQWpFSyxFQWtFTCw4RUFDRTtBQUFJLGNBQVUsRUFBQztBQUFmLGVBQThCO0FBQVksY0FBVSxFQUFDO0FBQXZCLDhCQUE5QixnQkFBK0c7QUFBWSxjQUFVLEVBQUM7QUFBdkIsZ0JBQS9HLFdBREYsRUFFRTtBQUFJLGNBQVUsRUFBQztBQUFmLHlFQUF3RjtBQUFZLGNBQVUsRUFBQztBQUF2QixlQUF4RixZQUZGLEVBR0U7QUFBSSxjQUFVLEVBQUM7QUFBZixxQ0FBb0Q7QUFBWSxjQUFVLEVBQUM7QUFBdkIsbUJBQXBELENBSEYsRUFJRTtBQUFJLGNBQVUsRUFBQztBQUFmLHdDQUF1RDtBQUFZLGNBQVUsRUFBQztBQUF2QixlQUF2RCxhQUpGLEVBS0U7QUFBSSxjQUFVLEVBQUM7QUFBZiwyQ0FBMEQ7QUFBWSxjQUFVLEVBQUM7QUFBdkIsY0FBMUQsU0FMRixDQWxFSyxFQXlFTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosNnRDQUFMLENBekVLLEVBdUhMLDBGQUFnQjtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ1osWUFBUSwyREFESTtBQUVaLGNBQVUsUUFGRTtBQUdaLFdBQU87QUFISyw2QkFBaEIsTUF2SEssQ0FBUDtBQTZIRDs7QUFqSVFMLFU7QUFtSVQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSx5QkFBVDtBQUFvQ0gsWUFBVSxFQUFFO0FBQ3BFTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEOEQsR0FBaEQ7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMDAuaW5zdGFsbGF0aW9uLzEwLnNzci5zdG9yaWVzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvSW5zdGFsbGF0aW9uL1NTUlwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW5zdGFsbGF0aW9uLXNzci1hcHBsaWNhdGlvbnNcIlxuICAgIH19PntgSW5zdGFsbGF0aW9uOiBTU1IgQXBwbGljYXRpb25zYH08L2gxPlxuICAgIDxwPntgVGhpcyBndWlkZSBhc3N1bWVzIHlvdSBoYXZlIHJlYWQgYW5kIGZvbGxvd2VkIHRoZSBzdGVwcyBpbiB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtaW5zdGFsbGF0aW9uLWFwcGxpY2F0aW9ucy0tcGFnZVwiXG4gICAgICB9fT57YEluc3RhbGxhdGlvbjogQXBwbGljYXRpb25zYH08L2E+e2AgZ3VpZGUuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicGFja2FnZXNcIlxuICAgIH19PntgUGFja2FnZXNgfTwvaDI+XG4gICAgPHA+e2BZb3Ugd2lsbCBuZWVkIHRvIGluc3RhbGwgb25lIGV4dHJhIHBhY2thZ2UuIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBwcmVwbHkvZHMtd2ViLWNvcmVgfTwvaW5saW5lQ29kZT57YCwgd2hpY2ggcHJvdmlkZXMgeW91IHdpdGggZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjb2xsZWN0IHN0eWxlc2hlZXRzIGFuZCBDU1MgY2xhc3NlcyBkdXJpbmcgU1NSIHRpbWUuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLnt9fT57YHlhcm4gYWRkIEBwcmVwbHkvZHMtd2ViLWNvcmVcbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImluc3RydWN0LXJvb3Rwcm92aWRlci10by1ub3QtcmVuZGVyLWFueS1jc3MtY2xhc3Nlc1wiXG4gICAgfX0+e2BJbnN0cnVjdCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJoMlwiPntgUm9vdFByb3ZpZGVyYH08L2lubGluZUNvZGU+e2AgdG8gTk9UIHJlbmRlciBhbnkgQ1NTIGNsYXNzZXNgfTwvaDI+XG4gICAgPHA+e2BJbiB0aGUgY2FzZSBvZiBTU1IsIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGRvY3VtZW50LmJvZHlgfTwvaW5saW5lQ29kZT57YCBpcyBub3QgYXZhaWxhYmxlIGR1cmluZyBTU1IsIHNvIHlvdSB3aWxsIG5lZWQgdG8gcHJvdmlkZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0YXJnZXQ9XCJub25lXCJgfTwvaW5saW5lQ29kZT57YCBpbnN0ZWFkLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5cbmV4cG9ydCBjb25zdCB3cmFwV2lodFByb3ZpZGVycyA9ICgpID0+ICh2YWx1ZXM6IENvbnRleHRWYWx1ZXMpID0+IHtcbiAgICByZXR1cm4gKGVsZW1lbnRzOiBSZWFjdC5SZWFjdE5vZGUpID0+IChcbiAgICAgICAgLi4uXG4gICAgICAgIDxOZXh0Um91dGVyLlByb3ZpZGVyIHZhbHVlPXt2YWx1ZXMubmV4dFJvdXRlcn0+XG4gICAgICAgICAgICAuLi5cbiAgICAgICAgICAgIDxSb290UHJvdmlkZXIgdGFyZ2V0PVwibm9uZVwiPntlbGVtZW50c308L1Jvb3RQcm92aWRlcj5cbiAgICAgICAgICAgIC4uLlxuICAgICAgICA8L05leHRSb3V0ZXIuUHJvdmlkZXI+XG4gICAgICAgIC4uLlxuICAgICk7XG59O1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiYWRkLXRoZS1nbG9iYWwtc3R5bGVzXCJcbiAgICB9fT57YEFkZCB0aGUgZ2xvYmFsIHN0eWxlc2B9PC9oMj5cbiAgICA8cD57YEluIHRoZSBjb21wb25lbnQgdGhhdCByZW5kZXJzIHlvdXIgYXBwbGljYXRpb24ncyBIVE1MIGRvY3VtZW50LCBhcyBjbG9zZSBhcyBwb3NzaWJsZSB0byB0aGUgc3RhcnQgb2YgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxoZWFkPmB9PC9pbmxpbmVDb2RlPntgIHRhZywgYWRkOmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHsgR2xvYmFsU3R5bGUgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcblxuLi4uXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGh0bWw+XG4gICAgICAgICAgICA8aGVhZD5cbiAgICAgICAgICAgICAgICA8bGluayByZWw9XCJwcmVjb25uZWN0XCIgaHJlZj1cImh0dHBzOi8vc3RhdGljLnByZXBseS5jb21cIiAvPlxuICAgICAgICAgICAgICAgIDxHbG9iYWxTdHlsZSAvPlxuICAgICAgICAgICAgICAgIC4uLlxuYH08L2NvZGU+PC9wcmU+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwic2V0dXAtc3NycHJvdmlkZXItLS1kcy1jb250ZXh0LWZvci1zc3ItdGltZVwiXG4gICAgfX0+e2BTZXR1cCBTU1JQcm92aWRlciAtIERTIGNvbnRleHQgZm9yIFNTUiB0aW1lYH08L2gyPlxuICAgIDxwPntgV3JhcCB5b3VyIFNTUiBhcHBsaWNhdGlvbiB3aXRoIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YFNTUlByb3ZpZGVyYH08L2lubGluZUNvZGU+e2AgaW4gb3JkZXIgdG8gcHJvdmlkZSBhIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGhvc3RuYW1lYH08L2lubGluZUNvZGU+e2AgY29udGV4dCBhbmQgY29sbGVjdCB0aGUgXCJjcml0aWNhbFwiIENTUyBjbGFzcyBuYW1lcyBhbmQgc3R5bGUgYmxvY2tzLmB9PC9wPlxuICAgIDxwPntgRm9yIG1vcmUgaW5mb3JtYXRpb24gb24gdGhpcyBwcm92aWRlciB2aXNpdCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItcm9vdC1wcm92aWRlcnMtc3NycHJvdmlkZXItLXBhZ2VcIlxuICAgICAgfX0+e2BBUEkgLyBkcy13ZWItcm9vdCAvIHByb3ZpZGVycyAvIFNTUlByb3ZpZGVyYH08L2E+e2AgcmVmZXJlbmNlIHBhZ2UuYH08L3A+XG4gICAgPHA+e2BUaGUgZm9sbG93aW5nIGNvZGUgaXMgdGFrZW4gZnJvbSBhIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YE5leHQuanNgfTwvaW5saW5lQ29kZT57YCBhcHBsaWNhdGlvbi5gfTwvcD5cbiAgICA8b2w+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BtZXJnZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgeyBjbGFzc05hbWVzOiBzdHJpbmcgfWB9PC9pbmxpbmVDb2RlPntgIHdpdGggdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BEb2N1bWVudGB9PC9pbmxpbmVDb2RlPntgIHByb3BzYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgY3JlYXRlIGFuIGluc3RhbmNlIG9mIHRoaXMgY2xhc3MgdG8gY29sbGVjdCBDU1MgY2xhc3MgbmFtZXMgYW5kIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2A8c3R5bGU+YH08L2lubGluZUNvZGU+e2AgYmxvY2tzYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgd3JhcCBTU1IgcmVuZGVyaW5nIHdpdGggdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BTU1JQcm92aWRlcmB9PC9pbmxpbmVDb2RlPjwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cIm9sXCI+e2BleHBvc2UgQ1NTIGNsYXNzIG5hbWVzIGFuZCB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YDxzdHlsZT5gfTwvaW5saW5lQ29kZT57YCBlbGVtZW50YH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJvbFwiPntgYW5kIHJlbmRlciB0aGUgQ1NTIGNsYXNzZXMgaW4gdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2A8Ym9keT5gfTwvaW5saW5lQ29kZT57YCB0YWdgfTwvbGk+XG4gICAgPC9vbD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXRzeFwiXG4gICAgICB9fT57YC8vIF9kb2N1bWVudC50c3hcbmltcG9ydCB7IFNlcnZlclN0eWxlU2hlZXQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IFNTUlByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5cbi8vIDFcbmNsYXNzIE15RG9jdW1lbnQgZXh0ZW5kcyBEb2N1bWVudDxSZXF1ZXN0ICYgeyBjbGFzc05hbWVzOiBzdHJpbmcgfT4ge1xuICAgIHN0YXRpYyBhc3luYyBnZXRJbml0aWFsUHJvcHMoY3R4OiBEb2N1bWVudENvbnRleHR9KSB7XG5cbiAgICAgICAgLy8gMlxuICAgICAgICBjb25zdCBzdHlsZXNoZWV0ID0gbmV3IFNlcnZlclN0eWxlU2hlZXQoKTtcblxuICAgICAgICAvLyAzXG4gICAgICAgIGNvbnN0IG9yaWdpbmFsUmVuZGVyUGFnZSA9IGN0eC5yZW5kZXJQYWdlXG4gICAgICAgIGN0eC5yZW5kZXJQYWdlID0gKCkgPT5cbiAgICAgICAgICAgIG9yaWdpbmFsUmVuZGVyUGFnZSh7XG4gICAgICAgICAgICAgICAgZW5oYW5jZUFwcDogKEFwcCkgPT4gcHJvcHMgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8U1NSUHJvdmlkZXIgc3R5bGVzaGVldD17c3R5bGVzaGVldH0gaG9zdG5hbWU9e2hvc3RuYW1lfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxBcHAgey4uLnByb3BzfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L1NTUlByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAvLyA0XG4gICAgICAgIGNvbnN0IGluaXRpYWxQcm9wcyA9IGF3YWl0IERvY3VtZW50LmdldEluaXRpYWxQcm9wcyhjdHgpO1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uaW5pdGlhbFByb3BzLFxuICAgICAgICAgICAgY2xhc3NOYW1lcyA6IHN0eWxlc2hlZXQuZ2V0Q2xhc3NOYW1lKCksXG4gICAgICAgICAgICBzdHlsZXM6IHN0eWxlc2hlZXQuZ2V0U3R5bGVFbGVtZW50KClcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIGNvbnN0IHsgY2xhc3NOYW1lcyB9ID0gdGhpcy5wcm9wcztcbiAgICAgICAgLy8gNVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEh0bWw+XG4gICAgICAgICAgICAgICAgPGJvZHkgY2xhc3NOYW1lPXtcXGBvdGhlci1jbGFzc2VzIFxcJHtjbGFzc05hbWVzfVxcYH0+XG4gICAgICAgICAgICAgICAgICAgIC4uLlxuICAgICAgICAgICAgICAgIDwvYm9keT5cbiAgICAgICAgICAgIDwvSHRtbD5cbiAgICAgICAgKTtcbiAgICB9XG59XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFNlZSBhbHNvIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL25leHRqcy5vcmcvZG9jcy9hZHZhbmNlZC1mZWF0dXJlcy9jdXN0b20tZG9jdW1lbnRcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgTmV4dC5qcyBvZmZpY2lhbCBkb2NzYH08L2E+e2AuYH08L3A+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvSW5zdGFsbGF0aW9uL1NTUicsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/00.installation/10.ssr.stories.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/00.installation/20.libraries.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Installation/Libraries",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "installation-libraries"\n }, "Installation: Libraries"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This guide applies to libraries consumed in Preply applications, and assumes these applications are already integrated according to the steps outlined in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "Installation: Applications"), " guide."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "install-packages"\n }, "Install Packages"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Since the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-lib"), " is already available in these applications, you need to install them as ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "peer dependencies"), " in your library."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "yarn add --peer @preply/ds-web-lib\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Depending on what features of the Design System you want to use, you will need to install different libraries:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "@preply/ds-web-lib"), " - for components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "@preply/ds-core"), " - for tokens"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "@preply/ds-web-core"), " - for hooks"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "@preply/ds-web-root"), " - for using RootProvider in \\"dev mode\\" isolated from host applications")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryNote */ "A"], {\n type: "warning",\n mdxType: "StoryNote"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Make sure to install these packages as peer dependencies as addding them as direct dependencies will lead to duplicate instances of Design System singletons in the application builds which will cause incidents."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Also make sure that your library build system is properly configured to effectively exclude peer dependencies from your bundle.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "jest"\n }, "Jest"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If you are using Jest for unit tests, you will need to add an ignore pattern to your library\'s ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "jest.config.js"), " to force transpilation of our modules before the tests are executed."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "transformIgnorePatterns: [\'/node_modules/(?!(@preply)/)\'],`\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h3", {\n "id": "storybook"\n }, "Storybook"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If your library has a local instance of Storybook you will also have to follow the steps in ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-storybook--page"\n }, "Installation: Storybook"), "."));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Installation/Libraries\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMjAubGlicmFyaWVzLnN0b3JpZXMubWR4P2JiMzEiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLCtCQUFaO0FBQTRDLGNBQVUsRUFBRTtBQUN0REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURnRCxLQUF4RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUiwrQkFWSyxFQWFMLCtPQUFxSztBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ2pLLFlBQVE7QUFEeUosa0NBQXJLLFlBYkssRUFnQkw7QUFDRSxVQUFNO0FBRFIsd0JBaEJLLEVBbUJMLDJGQUFpQjtBQUFZLGNBQVUsRUFBQztBQUF2QiwwQkFBakIsK0VBQTRKO0FBQVEsY0FBVSxFQUFDO0FBQW5CLHlCQUE1SixzQkFuQkssRUFvQkwsK0VBQUs7QUFBTSxjQUFVLEVBQUM7QUFBakIsNENBQUwsQ0FwQkssRUFzQkwsOExBdEJLLEVBdUJMLDhFQUNFO0FBQUksY0FBVSxFQUFDO0FBQWYsS0FBb0I7QUFBWSxjQUFVLEVBQUM7QUFBdkIsMEJBQXBCLHNCQURGLEVBRUU7QUFBSSxjQUFVLEVBQUM7QUFBZixLQUFvQjtBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBcEIsa0JBRkYsRUFHRTtBQUFJLGNBQVUsRUFBQztBQUFmLEtBQW9CO0FBQVksY0FBVSxFQUFDO0FBQXZCLDJCQUFwQixpQkFIRixFQUlFO0FBQUksY0FBVSxFQUFDO0FBQWYsS0FBb0I7QUFBWSxjQUFVLEVBQUM7QUFBdkIsMkJBQXBCLDhFQUpGLENBdkJLLEVBNkJMLGtFQUFDLHlFQUFEO0FBQVcsUUFBSSxFQUFDLFNBQWhCO0FBQTBCLFdBQU8sRUFBQztBQUFsQyxLQUNFLGtTQURGLEVBRUUsK01BRkYsQ0E3QkssRUFpQ0w7QUFDRSxVQUFNO0FBRFIsWUFqQ0ssRUFvQ0wsZ0xBQXNHO0FBQVksY0FBVSxFQUFDO0FBQXZCLHNCQUF0RywwRUFwQ0ssRUFxQ0wsK0VBQUs7QUFBTSxjQUFVLEVBQUM7QUFBakIscUVBQUwsQ0FyQ0ssRUF1Q0w7QUFDRSxVQUFNO0FBRFIsaUJBdkNLLEVBMENMLDZLQUFtRztBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQy9GLFlBQVE7QUFEdUYsK0JBQW5HLE1BMUNLLENBQVA7QUE4Q0Q7O0FBbERRTCxVO0FBb0RUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsK0JBQVQ7QUFBMENILFlBQVUsRUFBRTtBQUMxRU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRG9FLEdBQXREO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzAwLmluc3RhbGxhdGlvbi8yMC5saWJyYXJpZXMuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBTdG9yeU5vdGUgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9JbnN0YWxsYXRpb24vTGlicmFyaWVzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJpbnN0YWxsYXRpb24tbGlicmFyaWVzXCJcbiAgICB9fT57YEluc3RhbGxhdGlvbjogTGlicmFyaWVzYH08L2gxPlxuICAgIDxwPntgVGhpcyBndWlkZSBhcHBsaWVzIHRvIGxpYnJhcmllcyBjb25zdW1lZCBpbiBQcmVwbHkgYXBwbGljYXRpb25zLCBhbmQgYXNzdW1lcyB0aGVzZSBhcHBsaWNhdGlvbnMgYXJlIGFscmVhZHkgaW50ZWdyYXRlZCBhY2NvcmRpbmcgdG8gdGhlIHN0ZXBzIG91dGxpbmVkIGluIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tYXBwbGljYXRpb25zLS1wYWdlXCJcbiAgICAgIH19PntgSW5zdGFsbGF0aW9uOiBBcHBsaWNhdGlvbnNgfTwvYT57YCBndWlkZS5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJpbnN0YWxsLXBhY2thZ2VzXCJcbiAgICB9fT57YEluc3RhbGwgUGFja2FnZXNgfTwvaDI+XG4gICAgPHA+e2BTaW5jZSB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS9kcy13ZWItbGliYH08L2lubGluZUNvZGU+e2AgaXMgYWxyZWFkeSBhdmFpbGFibGUgaW4gdGhlc2UgYXBwbGljYXRpb25zLCB5b3UgbmVlZCB0byBpbnN0YWxsIHRoZW0gYXMgYH08c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BwZWVyIGRlcGVuZGVuY2llc2B9PC9zdHJvbmc+e2AgaW4geW91ciBsaWJyYXJ5LmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57fX0+e2B5YXJuIGFkZCAtLXBlZXIgQHByZXBseS9kcy13ZWItbGliXG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YERlcGVuZGluZyBvbiB3aGF0IGZlYXR1cmVzIG9mIHRoZSBEZXNpZ24gU3lzdGVtIHlvdSB3YW50IHRvIHVzZSwgeW91IHdpbGwgbmVlZCB0byBpbnN0YWxsIGRpZmZlcmVudCBsaWJyYXJpZXM6YH08L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgQHByZXBseS9kcy13ZWItbGliYH08L2lubGluZUNvZGU+e2AgLSBmb3IgY29tcG9uZW50c2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YEBwcmVwbHkvZHMtY29yZWB9PC9pbmxpbmVDb2RlPntgIC0gZm9yIHRva2Vuc2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YEBwcmVwbHkvZHMtd2ViLWNvcmVgfTwvaW5saW5lQ29kZT57YCAtIGZvciBob29rc2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YEBwcmVwbHkvZHMtd2ViLXJvb3RgfTwvaW5saW5lQ29kZT57YCAtIGZvciB1c2luZyBSb290UHJvdmlkZXIgaW4gXCJkZXYgbW9kZVwiIGlzb2xhdGVkIGZyb20gaG9zdCBhcHBsaWNhdGlvbnNgfTwvbGk+XG4gICAgPC91bD5cbiAgICA8U3RvcnlOb3RlIHR5cGU9XCJ3YXJuaW5nXCIgbWR4VHlwZT1cIlN0b3J5Tm90ZVwiPlxuICAgICAgPHA+e2BNYWtlIHN1cmUgdG8gaW5zdGFsbCB0aGVzZSBwYWNrYWdlcyBhcyBwZWVyIGRlcGVuZGVuY2llcyBhcyBhZGRkaW5nIHRoZW0gYXMgZGlyZWN0IGRlcGVuZGVuY2llcyB3aWxsIGxlYWQgdG8gZHVwbGljYXRlIGluc3RhbmNlcyBvZiBEZXNpZ24gU3lzdGVtIHNpbmdsZXRvbnMgaW4gdGhlIGFwcGxpY2F0aW9uIGJ1aWxkcyB3aGljaCB3aWxsIGNhdXNlIGluY2lkZW50cy5gfTwvcD5cbiAgICAgIDxwPntgQWxzbyBtYWtlIHN1cmUgdGhhdCB5b3VyIGxpYnJhcnkgYnVpbGQgc3lzdGVtIGlzIHByb3Blcmx5IGNvbmZpZ3VyZWQgdG8gZWZmZWN0aXZlbHkgZXhjbHVkZSBwZWVyIGRlcGVuZGVuY2llcyBmcm9tIHlvdXIgYnVuZGxlLmB9PC9wPlxuICAgIDwvU3RvcnlOb3RlPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcImplc3RcIlxuICAgIH19PntgSmVzdGB9PC9oMz5cbiAgICA8cD57YElmIHlvdSBhcmUgdXNpbmcgSmVzdCBmb3IgdW5pdCB0ZXN0cywgeW91IHdpbGwgbmVlZCB0byBhZGQgYW4gaWdub3JlIHBhdHRlcm4gdG8geW91ciBsaWJyYXJ5J3MgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgamVzdC5jb25maWcuanNgfTwvaW5saW5lQ29kZT57YCB0byBmb3JjZSB0cmFuc3BpbGF0aW9uIG9mIG91ciBtb2R1bGVzIGJlZm9yZSB0aGUgdGVzdHMgYXJlIGV4ZWN1dGVkLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57fX0+e2B0cmFuc2Zvcm1JZ25vcmVQYXR0ZXJuczogWycvbm9kZV9tb2R1bGVzLyg/IShAcHJlcGx5KS8pJ10sXFxgXG5gfTwvY29kZT48L3ByZT5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJzdG9yeWJvb2tcIlxuICAgIH19PntgU3Rvcnlib29rYH08L2gzPlxuICAgIDxwPntgSWYgeW91ciBsaWJyYXJ5IGhhcyBhIGxvY2FsIGluc3RhbmNlIG9mIFN0b3J5Ym9vayB5b3Ugd2lsbCBhbHNvIGhhdmUgdG8gZm9sbG93IHRoZSBzdGVwcyBpbiBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tc3Rvcnlib29rLS1wYWdlXCJcbiAgICAgIH19PntgSW5zdGFsbGF0aW9uOiBTdG9yeWJvb2tgfTwvYT57YC5gfTwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9JbnN0YWxsYXRpb24vTGlicmFyaWVzJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/00.installation/20.libraries.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/00.installation/30.storybook.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Installation/Storybook",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "installation-storybook"\n }, "Installation: Storybook"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This guide applies to Storybook setups that document Preply components libraries, and assumes you have read and followed the steps outlined in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-libraries--page"\n }, "Installation: Libaries"), " guide."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "packages"\n }, "Packages"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You need to install ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-root"), " which provides a single entry point to instantiate all the necessary resources in Storybook docs. Additionally, we need to add ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-lib"), " to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "devDependencies"), " as well."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "yarn add --dev @preply/ds-web-root @preply/ds-web/lib\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "configure-storybook"\n }, "Configure Storybook"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "We need to add ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), " to Storybook\'s decorators."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "How to achieve this will depend on your Storybook is configured."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In case your Storybook uses a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "config.js"), " file to do so, add a decorater with ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "RootProvider"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-javascript"\n }, "import { RootProvider } from \'@preply/ds-web-root\';\\n\\nfunction withDSProvider(storyFn) {\\n return <RootProvider target={window.document.body}>{storyFn()}</RootProvider>;\\n}\\n\\naddDecorator(withDSProvider);\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In case you are using a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "preview.ts"), " file, you will need to export ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "decorators"), " from there. You can define your decorators in a separator ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "tsx"), " file, such as ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "decorators.tsx"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "// decorators.ts\\nimport { RootProvider } from \'@preply/ds-web-root\';\\n\\nexport const withProviders = Story => (\\n ...\\n <RootProvider target={document.body}>\\n ...\\n <Story />\\n </RootProviderBeta>\\n ...\\n);\\n\\n// preview.ts\\nimport { withProviders } from \'./decorators\';\\n\\nexport const decorators = [withProviders];\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "See also: ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://storybook.js.org/docs/react/writing-stories/decorators",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Storybook\'s official docs"), "."));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Installation/Storybook\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMzAuc3Rvcnlib29rLnN0b3JpZXMubWR4PzgyOTAiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLCtCQUFaO0FBQTRDLGNBQVUsRUFBRTtBQUN0REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURnRCxLQUF4RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUiwrQkFWSyxFQWFMLG9PQUEwSjtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ3RKLFlBQVE7QUFEOEksOEJBQTFKLFlBYkssRUFnQkw7QUFDRSxVQUFNO0FBRFIsZ0JBaEJLLEVBbUJMLHFHQUEyQjtBQUFZLGNBQVUsRUFBQztBQUF2QiwyQkFBM0Isc0lBQThOO0FBQVksY0FBVSxFQUFDO0FBQXZCLDBCQUE5TixVQUFvUztBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBcFMsY0FuQkssRUFvQkwsK0VBQUs7QUFBTSxjQUFVLEVBQUM7QUFBakIsK0RBQUwsQ0FwQkssRUFzQkw7QUFDRSxVQUFNO0FBRFIsMkJBdEJLLEVBeUJMLGdHQUFzQjtBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBdEIsZ0NBekJLLEVBMEJMLGdKQTFCSyxFQTJCTCwrR0FBcUM7QUFBWSxjQUFVLEVBQUM7QUFBdkIsaUJBQXJDLDJDQUFtSTtBQUFZLGNBQVUsRUFBQztBQUF2QixvQkFBbkksTUEzQkssRUE0QkwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLDJOQUFMLENBNUJLLEVBc0NMLHlHQUErQjtBQUFZLGNBQVUsRUFBQztBQUF2QixrQkFBL0IscUNBQXdIO0FBQVksY0FBVSxFQUFDO0FBQXZCLGtCQUF4SCxpRUFBNk87QUFBWSxjQUFVLEVBQUM7QUFBdkIsV0FBN08scUJBQStTO0FBQVksY0FBVSxFQUFDO0FBQXZCLHNCQUEvUyxNQXRDSyxFQXVDTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosa1dBQUwsQ0F2Q0ssRUEwREwsMkZBQWlCO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDYixZQUFRLGdFQURLO0FBRWIsY0FBVSxRQUZHO0FBR2IsV0FBTztBQUhNLGlDQUFqQixNQTFESyxDQUFQO0FBZ0VEOztBQXBFUUwsVTtBQXNFVDtBQUNBQSxVQUFVLENBQUNNLGNBQVgsR0FBNEIsSUFBNUI7QUFFTyxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQUUsUUFBTSxJQUFJQyxLQUFKLENBQVUsaUJBQVYsQ0FBTjtBQUFxQyxDQUE1RDtBQUVQRCxNQUFNLENBQUNFLFVBQVAsR0FBb0I7QUFBRUMsVUFBUSxFQUFFO0FBQVosQ0FBcEI7QUFFQSxJQUFNQyxhQUFhLEdBQUc7QUFBRUMsT0FBSyxFQUFFLCtCQUFUO0FBQTBDSCxZQUFVLEVBQUU7QUFDMUVOLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURvRSxHQUF0RDtBQUluQlEsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIscUJBQ01RLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIsSUFBaUMsRUFEdkM7QUFFRVksTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMzAuc3Rvcnlib29rLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvSW5zdGFsbGF0aW9uL1N0b3J5Ym9va1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW5zdGFsbGF0aW9uLXN0b3J5Ym9va1wiXG4gICAgfX0+e2BJbnN0YWxsYXRpb246IFN0b3J5Ym9va2B9PC9oMT5cbiAgICA8cD57YFRoaXMgZ3VpZGUgYXBwbGllcyB0byBTdG9yeWJvb2sgc2V0dXBzIHRoYXQgZG9jdW1lbnQgUHJlcGx5IGNvbXBvbmVudHMgbGlicmFyaWVzLCBhbmQgYXNzdW1lcyB5b3UgaGF2ZSByZWFkIGFuZCBmb2xsb3dlZCB0aGUgc3RlcHMgb3V0bGluZWQgaW4gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1saWJyYXJpZXMtLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IExpYmFyaWVzYH08L2E+e2AgZ3VpZGUuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicGFja2FnZXNcIlxuICAgIH19PntgUGFja2FnZXNgfTwvaDI+XG4gICAgPHA+e2BZb3UgbmVlZCB0byBpbnN0YWxsIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBwcmVwbHkvZHMtd2ViLXJvb3RgfTwvaW5saW5lQ29kZT57YCB3aGljaCBwcm92aWRlcyBhIHNpbmdsZSBlbnRyeSBwb2ludCB0byBpbnN0YW50aWF0ZSBhbGwgdGhlIG5lY2Vzc2FyeSByZXNvdXJjZXMgaW4gU3Rvcnlib29rIGRvY3MuIEFkZGl0aW9uYWxseSwgd2UgbmVlZCB0byBhZGQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS9kcy13ZWItbGliYH08L2lubGluZUNvZGU+e2AgdG8gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZGV2RGVwZW5kZW5jaWVzYH08L2lubGluZUNvZGU+e2AgYXMgd2VsbC5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue319PntgeWFybiBhZGQgLS1kZXYgQHByZXBseS9kcy13ZWItcm9vdCBAcHJlcGx5L2RzLXdlYi9saWJcbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImNvbmZpZ3VyZS1zdG9yeWJvb2tcIlxuICAgIH19PntgQ29uZmlndXJlIFN0b3J5Ym9va2B9PC9oMj5cbiAgICA8cD57YFdlIG5lZWQgdG8gYWRkIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxSb290UHJvdmlkZXIvPmB9PC9pbmxpbmVDb2RlPntgIHRvIFN0b3J5Ym9vaydzIGRlY29yYXRvcnMuYH08L3A+XG4gICAgPHA+e2BIb3cgdG8gYWNoaWV2ZSB0aGlzIHdpbGwgZGVwZW5kIG9uIHlvdXIgU3Rvcnlib29rIGlzIGNvbmZpZ3VyZWQuYH08L3A+XG4gICAgPHA+e2BJbiBjYXNlIHlvdXIgU3Rvcnlib29rIHVzZXMgYSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bjb25maWcuanNgfTwvaW5saW5lQ29kZT57YCBmaWxlIHRvIGRvIHNvLCBhZGQgYSBkZWNvcmF0ZXIgd2l0aCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BSb290UHJvdmlkZXJgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLWphdmFzY3JpcHRcIlxuICAgICAgfX0+e2BpbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcblxuZnVuY3Rpb24gd2l0aERTUHJvdmlkZXIoc3RvcnlGbikge1xuICAgIHJldHVybiA8Um9vdFByb3ZpZGVyIHRhcmdldD17d2luZG93LmRvY3VtZW50LmJvZHl9PntzdG9yeUZuKCl9PC9Sb290UHJvdmlkZXI+O1xufVxuXG5hZGREZWNvcmF0b3Iod2l0aERTUHJvdmlkZXIpO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BJbiBjYXNlIHlvdSBhcmUgdXNpbmcgYSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BwcmV2aWV3LnRzYH08L2lubGluZUNvZGU+e2AgZmlsZSwgeW91IHdpbGwgbmVlZCB0byBleHBvcnQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZGVjb3JhdG9yc2B9PC9pbmxpbmVDb2RlPntgIGZyb20gdGhlcmUuIFlvdSBjYW4gZGVmaW5lIHlvdXIgZGVjb3JhdG9ycyBpbiBhIHNlcGFyYXRvciBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0c3hgfTwvaW5saW5lQ29kZT57YCBmaWxlLCBzdWNoIGFzIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGRlY29yYXRvcnMudHN4YH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c3hcIlxuICAgICAgfX0+e2AvLyBkZWNvcmF0b3JzLnRzXG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcblxuZXhwb3J0IGNvbnN0IHdpdGhQcm92aWRlcnMgPSBTdG9yeSA9PiAoXG4gICAgLi4uXG4gICAgPFJvb3RQcm92aWRlciB0YXJnZXQ9e2RvY3VtZW50LmJvZHl9PlxuICAgICAgICAuLi5cbiAgICAgICAgPFN0b3J5IC8+XG4gICAgPC9Sb290UHJvdmlkZXJCZXRhPlxuICAgIC4uLlxuKTtcblxuLy8gcHJldmlldy50c1xuaW1wb3J0IHsgd2l0aFByb3ZpZGVycyB9IGZyb20gJy4vZGVjb3JhdG9ycyc7XG5cbmV4cG9ydCBjb25zdCBkZWNvcmF0b3JzID0gW3dpdGhQcm92aWRlcnNdO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BTZWUgYWxzbzogYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vc3Rvcnlib29rLmpzLm9yZy9kb2NzL3JlYWN0L3dyaXRpbmctc3Rvcmllcy9kZWNvcmF0b3JzXCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YFN0b3J5Ym9vaydzIG9mZmljaWFsIGRvY3NgfTwvYT57YC5gfTwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9JbnN0YWxsYXRpb24vU3Rvcnlib29rJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/00.installation/30.storybook.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/00.installation/90.advanced.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Installation/Advanced",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "installation-advanced"\n }, "Installation: Advanced"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This page is about rolling out your own alternative to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), " (advanced usage)."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If you are looking for how to install, refer to the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "installation guides"), " instead."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Plans exist to allow injecting a local theme during instantation."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Meanwhile, if you want to experiment with this, you can roll your own implementation in a few lines of code."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import type { ThemeName } from \'@preply/ds-core\';\\nimport { COLOR_SCHEME_DEFAULT } from \'@preply/ds-core\';\\nimport {\\n ColorSchemeProvider,\\n ThemeProvider,\\n ThemesProvider,\\n colorSchemes,\\n} from \'@preply/ds-web-core\';\\nimport React, { FC } from \'react\';\\n\\nimport type { RootTarget } from \'@preply/ds-web-root\';\\nimport { Root, themes } from \'@preply/ds-web-root\';\\n\\nconst MY_THEME: ThemeName = \'my-theme\';\\nthemes[MY_THEME] = new Theme(...);\\n\\nexport const RootProvider: FC = ({ children }) => (\\n <ThemesProvider themes={Object.values(themes)} colorSchemes={colorSchemes}>\\n <ThemeProvider theme={MY_THEME}>\\n <ColorSchemeProvider colorScheme={COLOR_SCHEME_DEFAULT}>\\n <Root target={document.body}>{children}</Root>\\n </ColorSchemeProvider>\\n </ThemeProvider>\\n </ThemesProvider>\\n);\\n")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Installation/Advanced\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vOTAuYWR2YW5jZWQuc3Rvcmllcy5tZHg/MzFjNSJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLDhCQUFaO0FBQTJDLGNBQVUsRUFBRTtBQUNyREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUQrQyxLQUF2RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUiw4QkFWSyxFQWFMLHdJQUE4RDtBQUFZLGNBQVUsRUFBQztBQUF2Qix1QkFBOUQsdUJBYkssRUFjTCxxSUFBMkQ7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUN2RCxZQUFRO0FBRCtDLDJCQUEzRCxjQWRLLEVBaUJMLGlKQWpCSyxFQWtCTCw0TEFsQkssRUFtQkwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLHMyQkFBTCxDQW5CSyxDQUFQO0FBZ0REOztBQXBEUUwsVTtBQXNEVDtBQUNBQSxVQUFVLENBQUNNLGNBQVgsR0FBNEIsSUFBNUI7QUFFTyxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQUUsUUFBTSxJQUFJQyxLQUFKLENBQVUsaUJBQVYsQ0FBTjtBQUFxQyxDQUE1RDtBQUVQRCxNQUFNLENBQUNFLFVBQVAsR0FBb0I7QUFBRUMsVUFBUSxFQUFFO0FBQVosQ0FBcEI7QUFFQSxJQUFNQyxhQUFhLEdBQUc7QUFBRUMsT0FBSyxFQUFFLDhCQUFUO0FBQXlDSCxZQUFVLEVBQUU7QUFDekVOLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURtRSxHQUFyRDtBQUluQlEsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIscUJBQ01RLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIsSUFBaUMsRUFEdkM7QUFFRVksTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vOTAuYWR2YW5jZWQuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBUSEVNRV9ERUZBVUxULCBUSEVNRV9PUFRJT05TIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0luc3RhbGxhdGlvbi9BZHZhbmNlZFwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW5zdGFsbGF0aW9uLWFkdmFuY2VkXCJcbiAgICB9fT57YEluc3RhbGxhdGlvbjogQWR2YW5jZWRgfTwvaDE+XG4gICAgPHA+e2BUaGlzIHBhZ2UgaXMgYWJvdXQgcm9sbGluZyBvdXQgeW91ciBvd24gYWx0ZXJuYXRpdmUgdG8gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPFJvb3RQcm92aWRlci8+YH08L2lubGluZUNvZGU+e2AgKGFkdmFuY2VkIHVzYWdlKS5gfTwvcD5cbiAgICA8cD57YElmIHlvdSBhcmUgbG9va2luZyBmb3IgaG93IHRvIGluc3RhbGwsIHJlZmVyIHRvIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tYXBwbGljYXRpb25zLS1wYWdlXCJcbiAgICAgIH19PntgaW5zdGFsbGF0aW9uIGd1aWRlc2B9PC9hPntgIGluc3RlYWQuYH08L3A+XG4gICAgPHA+e2BQbGFucyBleGlzdCB0byBhbGxvdyBpbmplY3RpbmcgYSBsb2NhbCB0aGVtZSBkdXJpbmcgaW5zdGFudGF0aW9uLmB9PC9wPlxuICAgIDxwPntgTWVhbndoaWxlLCBpZiB5b3Ugd2FudCB0byBleHBlcmltZW50IHdpdGggdGhpcywgeW91IGNhbiByb2xsIHlvdXIgb3duIGltcGxlbWVudGF0aW9uIGluIGEgZmV3IGxpbmVzIG9mIGNvZGUuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c3hcIlxuICAgICAgfX0+e2BpbXBvcnQgdHlwZSB7IFRoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBDT0xPUl9TQ0hFTUVfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIENvbG9yU2NoZW1lUHJvdmlkZXIsXG4gICAgVGhlbWVQcm92aWRlcixcbiAgICBUaGVtZXNQcm92aWRlcixcbiAgICBjb2xvclNjaGVtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7IFJvb3RUYXJnZXQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IFJvb3QsIHRoZW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuXG5jb25zdCBNWV9USEVNRTogVGhlbWVOYW1lID0gJ215LXRoZW1lJztcbnRoZW1lc1tNWV9USEVNRV0gPSBuZXcgVGhlbWUoLi4uKTtcblxuZXhwb3J0IGNvbnN0IFJvb3RQcm92aWRlcjogRkMgPSAoeyBjaGlsZHJlbiB9KSA9PiAoXG4gICAgPFRoZW1lc1Byb3ZpZGVyIHRoZW1lcz17T2JqZWN0LnZhbHVlcyh0aGVtZXMpfSBjb2xvclNjaGVtZXM9e2NvbG9yU2NoZW1lc30+XG4gICAgICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXtNWV9USEVNRX0+XG4gICAgICAgICAgICA8Q29sb3JTY2hlbWVQcm92aWRlciBjb2xvclNjaGVtZT17Q09MT1JfU0NIRU1FX0RFRkFVTFR9PlxuICAgICAgICAgICAgICAgIDxSb290IHRhcmdldD17ZG9jdW1lbnQuYm9keX0+e2NoaWxkcmVufTwvUm9vdD5cbiAgICAgICAgICAgIDwvQ29sb3JTY2hlbWVQcm92aWRlcj5cbiAgICAgICAgPC9UaGVtZVByb3ZpZGVyPlxuICAgIDwvVGhlbWVzUHJvdmlkZXI+XG4pO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvSW5zdGFsbGF0aW9uL0FkdmFuY2VkJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/00.installation/90.advanced.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/10.themes/00.intro.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Themes/Intro",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "themes-intro"\n }, "Themes: Intro"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You do not need to instantiate ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<ThemeProvider/>"), " unless you are nesting themes, as the global (topmost) instance is already provided by ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-root-providers-rootprovider--page"\n }, "RootProvider"), ". To select the default theme of your application you will want to use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-root-providers-rootprovider--page#theme-string"\n }, "theme"), " prop of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "For a straightforward guide to setup an application, refer to the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "Installation: Applications"), " guide."));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Themes/Intro\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8xMC50aGVtZXMvMDAuaW50cm8uc3Rvcmllcy5tZHg/ZGRjOCJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BS0wsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMscUJBQVo7QUFBa0MsY0FBVSxFQUFFO0FBQzVDRSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRHNDLEtBQTlDO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFMSyxFQVVMO0FBQ0UsVUFBTTtBQURSLHFCQVZLLEVBYUwsZ0hBQXNDO0FBQVksY0FBVSxFQUFDO0FBQXZCLHdCQUF0Qyw4RkFBOEw7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUMxTCxZQUFRO0FBRGtMLG9CQUE5TCxpRkFFd0c7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUNwRyxZQUFRO0FBRDRGLGFBRnhHLGVBSStCO0FBQVksY0FBVSxFQUFDO0FBQXZCLHVCQUovQixNQWJLLEVBa0JMLG1KQUF5RTtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ3JFLFlBQVE7QUFENkQsa0NBQXpFLFlBbEJLLENBQVA7QUFzQkQ7O0FBMUJRTCxVO0FBNEJUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUscUJBQVQ7QUFBZ0NILFlBQVUsRUFBRTtBQUNoRU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDBELEdBQTVDO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzEwLnRoZW1lcy8wMC5pbnRyby5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IERvY01ldGFkYXRhLCBTdG9yeUdyaWQsIFN0b3J5Tm90ZSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIsIHRoZW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9UaGVtZXMvSW50cm9cIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRoZW1lcy1pbnRyb1wiXG4gICAgfX0+e2BUaGVtZXM6IEludHJvYH08L2gxPlxuICAgIDxwPntgWW91IGRvIG5vdCBuZWVkIHRvIGluc3RhbnRpYXRlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxUaGVtZVByb3ZpZGVyLz5gfTwvaW5saW5lQ29kZT57YCB1bmxlc3MgeW91IGFyZSBuZXN0aW5nIHRoZW1lcywgYXMgdGhlIGdsb2JhbCAodG9wbW9zdCkgaW5zdGFuY2UgaXMgYWxyZWFkeSBwcm92aWRlZCBieSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItcm9vdC1wcm92aWRlcnMtcm9vdHByb3ZpZGVyLS1wYWdlXCJcbiAgICAgIH19PntgUm9vdFByb3ZpZGVyYH08L2E+e2AuIFRvIHNlbGVjdCB0aGUgZGVmYXVsdCB0aGVtZSBvZiB5b3VyIGFwcGxpY2F0aW9uIHlvdSB3aWxsIHdhbnQgdG8gdXNlIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItcm9vdC1wcm92aWRlcnMtcm9vdHByb3ZpZGVyLS1wYWdlI3RoZW1lLXN0cmluZ1wiXG4gICAgICB9fT57YHRoZW1lYH08L2E+e2AgcHJvcCBvZiBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8Um9vdFByb3ZpZGVyLz5gfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8cD57YEZvciBhIHN0cmFpZ2h0Zm9yd2FyZCBndWlkZSB0byBzZXR1cCBhbiBhcHBsaWNhdGlvbiwgcmVmZXIgdG8gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1hcHBsaWNhdGlvbnMtLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IEFwcGxpY2F0aW9uc2B9PC9hPntgIGd1aWRlLmB9PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL1RoZW1lcy9JbnRybycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/10.themes/00.intro.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/10.themes/10.nesting.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContext.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../packages/web-core/dist/theme/providers/ThemeProvider.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _preply_ds_web_root__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/web-root/dist/root/providers/RootProvider.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Themes/Nesting",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContext */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "themes-nesting"\n }, "Themes: Nesting"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can nest instances og ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-providers-themeprovider--page"\n }, "ThemeProvider"), " to apply a different theme to a group of components or even to a single component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryNote */ "A"], {\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, "Render ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<ThemeProvider>"), ", providing the new theme name via ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "theme"), " prop AND choosing which ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "tag"), " render."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CRootProvider%3E%0A%20%20%20%20%20%20%20%20%3CLayoutFlex%20gap=%22s%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3EBold%20UI%3C/Button%3E%0A%20%20%20%20%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%20%20%20%20%3CButton%3EPreply%20UI%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/ThemeProvider%3E%0A%20%20%20%20%20%20%20%20%3C/LayoutFlex%3E%0A%20%20%20%20%3C/RootProvider%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_root__WEBPACK_IMPORTED_MODULE_12__[/* RootProvider */ "a"], {\n mdxType: "RootProvider"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* LayoutFlex */ "a"], {\n gap: "s",\n mdxType: "LayoutFlex"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Bold 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: "section",\n mdxType: "ThemeProvider"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Preply UI"))))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This provider renders a DOM element with the new 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 }, "<section class=\\"ds-bold-ui__1Abtx ds-preply-ui__e3tba\\">...</section>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "All the DS components, as well as calls to ", 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()"), ", rely on this mechanism to inherit the nested theme."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__[/* StoryNote */ "A"], {\n type: "warning",\n mdxType: "StoryNote"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "tag"), " is omitted any nested DS components will NOT be rendered as expected and calls to ", 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()"), " will continue to resolve to the parent theme. Only the runtime tokens retrieved via ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-hooks-usetoken--page"\n }, "useToken()"), " will reflect the nested theme.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Note that this provider also makes the theme\'s instance available to code executed within the subtree. Nested calls to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-hooks-usetoken--page"\n }, "useToken()"), " will always resolve to the token\'s value for the current theme."));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Themes/Nesting\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContext */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8xMC50aGVtZXMvMTAubmVzdGluZy5zdG9yaWVzLm1keD9hMGJlIl0sIm5hbWVzIjpbImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0IiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQVFMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHVCQUFaO0FBQW9DLGNBQVUsRUFBRTtBQUM5Q0UsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLDBFQUFVQTtBQURqQjtBQUR3QyxLQUFoRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBUkssRUFhTDtBQUNFLFVBQU07QUFEUix1QkFiSyxFQWdCTCwyR0FBaUM7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUM3QixZQUFRO0FBRHFCLHFCQUFqQyx3RkFoQkssRUFtQkwsa0VBQUMseUVBQUQ7QUFBVyxRQUFJ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QU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMTAudGhlbWVzLzEwLm5lc3Rpbmcuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0IH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgRG9jTWV0YWRhdGEsIFN0b3J5R3JpZCwgU3RvcnlOb3RlIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgQnV0dG9uLCBMYXlvdXRGbGV4IH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICB7XG4gICAgICAvKiB1c2VzIERvY0NvbnRleHQgKGluc3RlYWQgb2YgRG9jQ29udGV4dERTV2ViKSBzbyB0aGF0IFJvb3RQcm92aWRlciBpcyBhbHdheXMgaW5zdGFudGlhdGVkIHdpdGggZGVmYXVsdCB0aGVtZSAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9UaGVtZXMvTmVzdGluZ1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0XG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInRoZW1lcy1uZXN0aW5nXCJcbiAgICB9fT57YFRoZW1lczogTmVzdGluZ2B9PC9oMT5cbiAgICA8cD57YFlvdSBjYW4gbmVzdCBpbnN0YW5jZXMgb2cgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9hcGktZHMtd2ViLWNvcmUtcHJvdmlkZXJzLXRoZW1lcHJvdmlkZXItLXBhZ2VcIlxuICAgICAgfX0+e2BUaGVtZVByb3ZpZGVyYH08L2E+e2AgdG8gYXBwbHkgYSBkaWZmZXJlbnQgdGhlbWUgdG8gYSBncm91cCBvZiBjb21wb25lbnRzIG9yIGV2ZW4gdG8gYSBzaW5nbGUgY29tcG9uZW50LmB9PC9wPlxuICAgIDxTdG9yeU5vdGUgdHlwZT1cIndhcm5pbmdcIiBtZHhUeXBlPVwiU3RvcnlOb3RlXCI+XG4gICAgPHA+XG4gICAgICAgIEFsdGhvdWdoIHRoaXMgaXMgdGVjaG5pY2FsbHkgcG9zc2libGUsIGFuZCBtaWdodCBoZWxwIHNwZWVkIHVwIHNvbWUgbWlncmF0aW9ucywgdGhlcmUgaXMgYVxuICAgICAgICBiaWcgdHJhZGVvZmY6IGNoYW5nZXMgaW4gdGhlIHRvcCBsZXZlbCB0aGVtZSB3b24ndCBwcm9wYWdhdGUgdG8gY2hpbGRyZW4gb2YgdGhlIG5lc3RlZFxuICAgICAgICBwcm92aWRlcnMuIFRoaXMgbWVhbnMgdGhhdCB1bnRpbCB0aGUgbmVzdGluZyBpcyBkcm9wcGVkLCBpdHsnICd9XG4gICAgICAgIDxzdHJvbmc+d2lsbCBub3QgYmUgcG9zc2libGUgdG8gYXBwbHkgYSBnbG9iYWwgdGhlbWUgY2hhbmdlIHRvIHRoZSBwYWdlPC9zdHJvbmc+IChlLmcuOiBkYXJrXG4gICAgICAgIG1vZGUsIGJyYW5kIGV4cGVyaW1lbnQsIGV0Yy4uLikuXG4gICAgPC9wPlxuICAgIDxwPlxuICAgICAgICBNYWtlIHN1cmUgdGhlIG5lc3RpbmcgaXMganVzdGlmaWVkIGJ5IG9uZSBvZiB0aGUgdXNlIGNhc2VzIGJlbG93LCB3ZWxsIGRvY3VtZW50ZWQsIGFuZCBwbGFuc1xuICAgICAgICBhcmUgbWFkZSB0byByZW1vdmUgaXQgYWZ0ZXIgaXQgc2VydmVzIGl0cyBwdXJwb3NlLlxuICAgIDwvcD5cbiAgICA8L1N0b3J5Tm90ZT5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BVc2UgY2FzZXM6YH08L3N0cm9uZz48L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgbWlncmF0ZSBvbmx5IHBhcnQgb2YgdGhlIFVJIGVsZW1lbnQgdG8gYSBuZXcgZGVzaWduIGxhbmd1YWdlYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgcnVuIGFuIGV4cGVyaW1lbnQgd2l0aCBhIHNwZWNpYWwgc3R5bGUsIGFmZmVjdGluZyBvbmx5IGEgcGFydCBvZiB0aGUgVUlgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BleHBlcmltZW50IHdpdGggbmV3IHRoZW1lcyBhbmQgY29udHJvbCB0aGVpciByb2xsb3V0YH08L2xpPlxuICAgIDwvdWw+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgSG93IHRvOmB9PC9zdHJvbmc+PC9wPlxuICAgIDxwPntgUmVuZGVyIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxUaGVtZVByb3ZpZGVyPmB9PC9pbmxpbmVDb2RlPntgLCBwcm92aWRpbmcgdGhlIG5ldyB0aGVtZSBuYW1lIHZpYSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0aGVtZWB9PC9pbmxpbmVDb2RlPntgIHByb3AgQU5EIGNob29zaW5nIHdoaWNoIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHRhZ2B9PC9pbmxpbmVDb2RlPntgIHJlbmRlci5gfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ1Jvb3RQcm92aWRlciUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0xheW91dEZsZXglMjBnYXA9JTIycyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUzRUJvbGQlMjBVSSUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NUaGVtZVByb3ZpZGVyJTIwdGhlbWU9JTIycHJlcGx5LXVpJTIyJTIwdGFnPSUyMnNlY3Rpb24lMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lM0VQcmVwbHklMjBVSSUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvVGhlbWVQcm92aWRlciUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9MYXlvdXRGbGV4JTNFJTBBJTIwJTIwJTIwJTIwJTNDL1Jvb3RQcm92aWRlciUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8Um9vdFByb3ZpZGVyIG1keFR5cGU9XCJSb290UHJvdmlkZXJcIj5cbiAgICAgICAgPExheW91dEZsZXggZ2FwPVwic1wiIG1keFR5cGU9XCJMYXlvdXRGbGV4XCI+XG4gICAgICAgICAgICA8QnV0dG9uIG1keFR5cGU9XCJCdXR0b25cIj5Cb2xkIFVJPC9CdXR0b24+XG4gICAgICAgICAgICA8VGhlbWVQcm92aWRlciB0aGVtZT1cInByZXBseS11aVwiIHRhZz1cInNlY3Rpb25cIiBtZHhUeXBlPVwiVGhlbWVQcm92aWRlclwiPlxuICAgICAgICAgICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPlByZXBseSBVSTwvQnV0dG9uPlxuICAgICAgICAgICAgPC9UaGVtZVByb3ZpZGVyPlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9Sb290UHJvdmlkZXI+XG4gICAgPC9DYW52YXM+XG4gICAgPHA+e2BUaGlzIHByb3ZpZGVyIHJlbmRlcnMgYSBET00gZWxlbWVudCB3aXRoIHRoZSBuZXcgdGhlbWUncyBDU1MgY2xhc3NlcywgdXBkYXRpbmcgdGhlIENTUyB2YXJpYWJsZXMgZm9yIHRoZSBlbnRpcmUgc3ViLXRyZWUuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1odG1sXCJcbiAgICAgIH19PntgPHNlY3Rpb24gY2xhc3M9XCJkcy1ib2xkLXVpX18xQWJ0eCBkcy1wcmVwbHktdWlfX2UzdGJhXCI+Li4uPC9zZWN0aW9uPlxuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BBbGwgdGhlIERTIGNvbXBvbmVudHMsIGFzIHdlbGwgYXMgY2FsbHMgdG8gYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9hcGktZHMtd2ViLWNvcmUtdXRpbHMtZ2V0dG9rZW52YXItLXBhZ2VcIlxuICAgICAgfX0+e2BnZXRUb2tlblZhcigpYH08L2E+e2AsIHJlbHkgb24gdGhpcyBtZWNoYW5pc20gdG8gaW5oZXJpdCB0aGUgbmVzdGVkIHRoZW1lLmB9PC9wPlxuICAgIDxTdG9yeU5vdGUgdHlwZT1cIndhcm5pbmdcIiBtZHhUeXBlPVwiU3RvcnlOb3RlXCI+XG4gICAgICA8cD57YElmIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHRhZ2B9PC9pbmxpbmVDb2RlPntgIGlzIG9taXR0ZWQgYW55IG5lc3RlZCBEUyBjb21wb25lbnRzIHdpbGwgTk9UIGJlIHJlbmRlcmVkIGFzIGV4cGVjdGVkIGFuZCBjYWxscyB0byBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvYXBpLWRzLXdlYi1jb3JlLXV0aWxzLWdldHRva2VudmFyLS1wYWdlXCJcbiAgICAgICAgfX0+e2BnZXRUb2tlblZhcigpYH08L2E+e2Agd2lsbCBjb250aW51ZSB0byByZXNvbHZlIHRvIHRoZSBwYXJlbnQgdGhlbWUuIE9ubHkgdGhlIHJ1bnRpbWUgdG9rZW5zIHJldHJpZXZlZCB2aWEgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItY29yZS1ob29rcy11c2V0b2tlbi0tcGFnZVwiXG4gICAgICAgIH19PntgdXNlVG9rZW4oKWB9PC9hPntgIHdpbGwgcmVmbGVjdCB0aGUgbmVzdGVkIHRoZW1lLmB9PC9wPlxuICAgIDwvU3RvcnlOb3RlPlxuICAgIDxwPntgTm90ZSB0aGF0IHRoaXMgcHJvdmlkZXIgYWxzbyBtYWtlcyB0aGUgdGhlbWUncyBpbnN0YW5jZSBhdmFpbGFibGUgdG8gY29kZSBleGVjdXRlZCB3aXRoaW4gdGhlIHN1YnRyZWUuIE5lc3RlZCBjYWxscyB0byBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItY29yZS1ob29rcy11c2V0b2tlbi0tcGFnZVwiXG4gICAgICB9fT57YHVzZVRva2VuKClgfTwvYT57YCB3aWxsIGFsd2F5cyByZXNvbHZlIHRvIHRoZSB0b2tlbidzIHZhbHVlIGZvciB0aGUgY3VycmVudCB0aGVtZS5gfTwvcD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9UaGVtZXMvTmVzdGluZycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dFxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/10.themes/10.nesting.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/00.intro.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../packages/core/dist/generated/options.js");\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../packages/core/dist/generated/defaults.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-context/dist/components/ThemeOptionsList.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/Panel.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\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/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"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_11__[/* ThemeOptionsList */ "a"], {\n options: _preply_ds_core__WEBPACK_IMPORTED_MODULE_7__[/* COLOR_SCHEME_OPTIONS */ "l"],\n defaultValue: _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__[/* COLOR_SCHEME_DEFAULT */ "i"],\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-layout-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_12__[/* 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 }, "Lorem ipsum dolor sit amet", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Primary"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzAwLmludHJvLnN0b3JpZXMubWR4PzIwOGEiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsIkNPTE9SX1NDSEVNRV9PUFRJT05TIiwiQ09MT1JfU0NIRU1FX0RFRkFVTFQiLCJnYXAiLCJhbGlnbkl0ZW1zIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLDRCQUFaO0FBQXlDLGNBQVUsRUFBRTtBQUNuREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUQ2QyxLQUFyRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTCxrRUFBQyw4RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVZLLEVBV0w7QUFDRSxVQUFNO0FBRFIsNEJBWEssRUFjTCxnUUFkSyxFQWVMLGtFQUFDLGlGQUFEO0FBQWtCLFdBQU8sRUFBRUMsNEVBQTNCO0FBQWlELGdCQUFZLEVBQUVDLDRFQUEvRDtBQUFxRixXQUFPLEVBQUM7QUFBN0YsSUFmSyxFQWdCTDtBQUNFLFVBQU07QUFEUixhQWhCSyxFQW1CTCxvSEFBMEM7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUN0QyxZQUFRO0FBRDhCLDJCQUExQyw0RUFuQkssRUFzQkwsOElBQW9FO0FBQVksY0FBVSxFQUFDO0FBQXZCLG9CQUFwRSxzQ0FBZ0s7QUFBWSxjQUFVLEVBQUM7QUFBdkIsZ0JBQWhLLE1BdEJLLEVBdUJMLDJHQUFpQztBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQzdCLFlBQVE7QUFEcUIsYUFBakMsa0JBdkJLLEVBMEJMLDhFQUNFO0FBQUksY0FBVSxFQUFDO0FBQWYscUJBQW9DO0FBQVksY0FBVSxFQUFDO0FBQXZCLDJCQUFwQywwQ0FERixFQUVFO0FBQUksY0FBVSxFQUFDO0FBQWYsdURBQXNFO0FBQVksY0FBVSxFQUFDO0FBQXZCLGNBQXRFLHdDQUZGLEVBR0U7QUFBSSxjQUFVLEVBQUM7QUFBZixvREFIRixDQTFCSyxFQStCTCxrRUFBQyxvRUFBRDtBQUFRLGFBQVMsRUFBQyxtZ0JBQWxCO0FBQXNoQixXQUFPLEVBQUM7QUFBOWhCLEtBQ0Esa0VBQUMsaUVBQUQ7QUFBTyxlQUFXLEVBQUMsUUFBbkI7QUFBNEIsV0FBTyxFQUFDO0FBQXBDLEtBQ0ksa0VBQUMscUVBQUQ7QUFBVyxVQUFNLEVBQUMsTUFBbEI7QUFBeUIsUUFBSSxFQUFFO0FBQzdCQyxTQUFHLEVBQUUsS0FEd0I7QUFFN0JDLGdCQUFVLEVBQUU7QUFGaUIsS0FBL0I7QUFHRyxXQUFPLEVBQUM7QUFIWCxtQ0FLSSxrRUFBQyxrRUFBRDtBQUFRLFdBQU8sRUFBQztBQUFoQixlQUxKLEVBTUksa0VBQUMsa0VBQUQ7QUFBUSxXQUFPLEVBQUMsV0FBaEI7QUFBNEIsV0FBTyxFQUFDO0FBQXBDLGlCQU5KLENBREosQ0FEQSxDQS9CSyxDQUFQO0FBNENEOztBQWhEUVQsVTtBQWtEVDtBQUNBQSxVQUFVLENBQUNVLGNBQVgsR0FBNEIsSUFBNUI7QUFFTyxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQUUsUUFBTSxJQUFJQyxLQUFKLENBQVUsaUJBQVYsQ0FBTjtBQUFxQyxDQUE1RDtBQUVQRCxNQUFNLENBQUNFLFVBQVAsR0FBb0I7QUFBRUMsVUFBUSxFQUFFO0FBQVosQ0FBcEI7QUFFQSxJQUFNQyxhQUFhLEdBQUc7QUFBRUMsT0FBSyxFQUFFLDRCQUFUO0FBQXVDSCxZQUFVLEVBQUU7QUFDdkVWLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURpRSxHQUFuRDtBQUluQlksZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QlYsSUFBekIscUJBQ01ZLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QlYsSUFBekIsSUFBaUMsRUFEdkM7QUFFRWdCLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMjAuY29sb3Itc2NoZW1lcy8wMC5pbnRyby5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IENPTE9SX1NDSEVNRV9ERUZBVUxULCBDT0xPUl9TQ0hFTUVfT1BUSU9OUyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lT3B0aW9uc0xpc3QsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBCdXR0b24sIFBhbmVsLCBQYW5lbEJvZHksIFBhbmVsSGVhZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9Db2xvciBTY2hlbWVzL0ludHJvXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiY29sb3Itc2NoZW1lcy1pbnRyb1wiXG4gICAgfX0+e2BDb2xvciBTY2hlbWVzOiBJbnRyb2B9PC9oMT5cbiAgICA8cD57YENvbG9yIHNjaGVtZXMgYWZmZWN0IGhvdyBhbGwgdGhlbWFibGUgY29tcG9uZW50cyBhcmUgcmVuZGVyZWQgd2l0aGluIGl0cyBjb250ZXh0LiBFYWNoIHRoZW1lIGNvbnRhaW5zIHRoZSBzYW1lIG51bWJlciBvZiBjb2xvciBzY2hlbWVzIGJ1dCBtYXkgZGVmaW5lIGRpZmZlcmVudCBjb2xvciBkZWNpc2lvbnMuYH08L3A+XG4gICAgPFRoZW1lT3B0aW9uc0xpc3Qgb3B0aW9ucz17Q09MT1JfU0NIRU1FX09QVElPTlN9IGRlZmF1bHRWYWx1ZT17Q09MT1JfU0NIRU1FX0RFRkFVTFR9IG1keFR5cGU9XCJUaGVtZU9wdGlvbnNMaXN0XCIgLz5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJ1c2FnZVwiXG4gICAgfX0+e2BVc2FnZWB9PC9oMj5cbiAgICA8cD57YFlvdSBzaG91bGQgbm90IG5lZWQgdG8gaW5zdGFudGlhdGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9hcGktZHMtd2ViLWNvcmUtcHJvdmlkZXJzLWNvbG9yc2NoZW1lcHJvdmlkZXItLXBhZ2VcIlxuICAgICAgfX0+e2BDb2xvclNjaGVtZVByb3ZpZGVyYH08L2E+e2AgZGlyZWN0bHksIGFzIGJ5IGl0c2VsZiBpdCBkb2Vzbid0IHByb3ZpZGUgdGhlIGJhY2tncm91bmQgY29sb3IgY2hhbmdlLmB9PC9wPlxuICAgIDxwPntgSW5zdGVhZCwgeW91IGNhbiBzd2l0Y2ggdG8gYW5vdGhlciBjb2xvciBzY2hlbWUgYnkgcHJvdmlkaW5nIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHNjaGVtZT17Li4ufWB9PC9pbmxpbmVDb2RlPntgIHRvIGNlcnRhaW4gY29tcG9uZW50cywgc3VjaCBhcyBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8UGFuZWwvPmB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDxwPntgSW4gdGhlIGV4YW1wbGUgYmVsb3csIHRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2NvbXBvbmVudHMtbGF5b3V0LXBhbmVsLWRvY3MtLXBhZ2VcIlxuICAgICAgfX0+e2BQYW5lbGB9PC9hPntgIGNvbXBvbmVudCBpc2B9PC9wPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YHNldHRpbmcgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BDb2xvclNjaGVtZVByb3ZpZGVyYH08L2lubGluZUNvZGU+e2AgY29udGV4dCBmb3IgYWxsIHRoZSBjaGlsZCBjb21wb25lbnRzYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgcmVuZGVyaW5nIHRoZSBDU1MgY2xhc3NlcyByZXF1aXJlZCB0byBzZXQgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2Bjb2xvcjpgfTwvaW5saW5lQ29kZT57YCBhbmQgdGhlIENTUyB2YXJpYWJsZSBkZWNsYXJhdGlvbnMuYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgcmVuZGVyaW5nIHRoZSBjb2xvciBzY2hlbWUgYmFja2dyb3VuZCBjb2xvci5gfTwvbGk+XG4gICAgPC91bD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ1BhbmVsJTIwY29sb3JTY2hlbWU9JTIyYmFubmVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDUGFuZWxCb2R5JTIwbGF5b3V0PSUyMmZsZXglMjIlMjBmbGV4PSU3QiU3QiUwQSUyMCUyMCUyMCUyMGdhcDolMjAnMnhzJywlMEElMjAlMjAlMjAlMjBhbGlnbkl0ZW1zOiUyMCdjZW50ZXInJTBBJTIwJTIwJTdEJTdEJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwTG9yZW0lMjBpcHN1bSUyMGRvbG9yJTIwc2l0JTIwYW1ldCUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUzRVByaW1hcnklM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTIwdmFyaWFudD0lMjJzZWNvbmRhcnklMjIlM0VTZWNvbmRhcnklM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDL1BhbmVsQm9keSUzRSUwQSUyMCUyMCUyMCUyMCUzQy9QYW5lbCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8UGFuZWwgY29sb3JTY2hlbWU9XCJiYW5uZXJcIiBtZHhUeXBlPVwiUGFuZWxcIj5cbiAgICAgICAgPFBhbmVsQm9keSBsYXlvdXQ9XCJmbGV4XCIgZmxleD17e1xuICAgICAgICAgIGdhcDogJzJ4cycsXG4gICAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcidcbiAgICAgICAgfX0gbWR4VHlwZT1cIlBhbmVsQm9keVwiPlxuICAgICAgICAgICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXRcbiAgICAgICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPlByaW1hcnk8L0J1dHRvbj5cbiAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInNlY29uZGFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5TZWNvbmRhcnk8L0J1dHRvbj5cbiAgICAgICAgPC9QYW5lbEJvZHk+XG4gICAgPC9QYW5lbD5cbiAgICA8L0NhbnZhcz5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9Db2xvciBTY2hlbWVzL0ludHJvJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/00.intro.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/10.all-color-schemes.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_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 _components_ColorSchemes__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Color Schemes/All variants",\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-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"])(_components_ColorSchemes__WEBPACK_IMPORTED_MODULE_10__[/* 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_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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzEwLmFsbC1jb2xvci1zY2hlbWVzLnN0b3JpZXMubWR4P2RjMmEiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BTUwsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMsbUNBQVo7QUFBZ0QsY0FBVSxFQUFFO0FBQzFERSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRG9ELEtBQTVEO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFOSyxFQVdMLGtFQUFDLDZFQUFEO0FBQWUsV0FBTyxFQUFDO0FBQXZCLElBWEssRUFZTDtBQUNFLFVBQU07QUFEUixtQ0FaSyxFQWVMLDhLQWZLLEVBZ0JMLGtFQUFDLDhFQUFEO0FBQWMsV0FBTyxFQUFDO0FBQXRCLElBaEJLLENBQVA7QUFrQkQ7O0FBdEJRTCxVO0FBd0JUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsbUNBQVQ7QUFBOENILFlBQVUsRUFBRTtBQUM5RU4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRHdFLEdBQTFEO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzIwLmNvbG9yLXNjaGVtZXMvMTAuYWxsLWNvbG9yLXNjaGVtZXMuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBDT0xPUl9TQ0hFTUVfREVGQVVMVCwgQ09MT1JfU0NIRU1FX09QVElPTlMgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViLCBUaGVtZU9wdGlvbnNMaXN0LCBUaGVtZVN3aXRjaGVyIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgRG9jTWV0YWRhdGEgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZXMgfSBmcm9tICcuL2NvbXBvbmVudHMvQ29sb3JTY2hlbWVzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0NvbG9yIFNjaGVtZXMvQWxsIHZhcmlhbnRzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiY29sb3Itc2NoZW1lcy1hbGwtdmFyaWFudHNcIlxuICAgIH19PntgQ29sb3IgU2NoZW1lczogQWxsIHZhcmlhbnRzYH08L2gxPlxuICAgIDxwPntgVGhlc2UgYXJlIGFsbCB0aGUgY29sb3Igc2NoZW1lIGF3YXJlIGNvbXBvbmVudHMsIHJlbmRlcmVkIGFnYWluc3QgYWxsIGF2YWlsYWJsZSBjb2xvciBzY2hlbWVzLmB9PC9wPlxuICAgIDxDb2xvclNjaGVtZXMgbWR4VHlwZT1cIkNvbG9yU2NoZW1lc1wiIC8+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvQ29sb3IgU2NoZW1lcy9BbGwgdmFyaWFudHMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/10.all-color-schemes.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/30.nesting.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/Panel.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelHeader.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../packages/web-lib/dist/components/Heading/Heading.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelBody.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _examples_MyComponentWithColorScheme__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.tsx");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Color Schemes/Nesting",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "color-schemes-nesting"\n }, "Color Schemes: Nesting"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can nest color schemes as many times as you want"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CPanel%20colorScheme=%22invert%22%3E%0A%20%20%20%20%20%20%20%20%3CPanelHeader%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CHeading%20level=%22h3%22%3ELorem%20ipsum%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%3C/PanelHeader%3E%0A%20%20%20%20%20%20%20%20%3CPanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CPanel%20colorScheme=%22banner%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CPanelBody%20layout=%22flex%22%20flex=%7B%7B%0A%20%20%20%20%20%20%20%20gap:%20\'2xs\',%0A%20%20%20%20%20%20%20%20alignItems:%20\'center\'%0A%20%20%20%20%20%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3ESave%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20variant=%22plain%22%3ECancel%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/PanelBody%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/Panel%3E%0A%20%20%20%20%20%20%20%20%3C/PanelBody%3E%0A%20%20%20%20%3C/Panel%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Panel */ "a"], {\n colorScheme: "invert",\n mdxType: "Panel"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_11__[/* PanelHeader */ "a"], {\n mdxType: "PanelHeader"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_12__[/* Heading */ "a"], {\n level: "h3",\n mdxType: "Heading"\n }, "Lorem ipsum")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__[/* PanelBody */ "a"], {\n mdxType: "PanelBody"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Panel */ "a"], {\n colorScheme: "banner",\n mdxType: "Panel"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_13__[/* PanelBody */ "a"], {\n layout: "flex",\n flex: {\n gap: \'2xs\',\n alignItems: \'center\'\n },\n mdxType: "PanelBody"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* Button */ "a"], {\n mdxType: "Button"\n }, "Save"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_14__[/* Button */ "a"], {\n variant: "plain",\n mdxType: "Button"\n }, "Cancel")))))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "using-withcolorscheme-hoc"\n }, "Using ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "withColorScheme()"), " HOC"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Using this HOC you can create your own color scheme aware components."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "add the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "colorSchemeClassName"), " you get from the HOC"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "set the background to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "scheme.bgColor"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "example"\n }, "Example"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://github.com/preply/design-system/blob/main/support/docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.tsx",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "MyComponentWithColorScheme"), " 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=%22ghost%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=%22ghost%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_MyComponentWithColorScheme__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: "ghost",\n mdxType: "Button"\n }, "Cancel"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_examples_MyComponentWithColorScheme__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: "ghost",\n mdxType: "Button"\n }, "Cancel")))));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Color Schemes/Nesting\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzLzMwLm5lc3Rpbmcuc3Rvcmllcy5tZHg/MzQ4YiJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiZ2FwIiwiYWxpZ25JdGVtcyIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU1MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLDhCQUFaO0FBQTJDLGNBQVUsRUFBRTtBQUNyREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUQrQyxLQUF2RDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTkssRUFXTCxrRUFBQyw2RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVhLLEVBWUw7QUFDRSxVQUFNO0FBRFIsOEJBWkssRUFlTCxvSUFm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RG1FLEdBQXJEO0FBSW5CVSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCUixJQUF6QixxQkFDTVUsYUFBYSxDQUFDRixVQUFkLENBQXlCUixJQUF6QixJQUFpQyxFQUR2QztBQUVFYyxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzIwLmNvbG9yLXNjaGVtZXMvMzAubmVzdGluZy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IENPTE9SX1NDSEVNRV9ERUZBVUxULCBDT0xPUl9TQ0hFTUVfT1BUSU9OUyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lT3B0aW9uc0xpc3QsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NNZXRhZGF0YSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEJ1dHRvbiwgSGVhZGluZywgUGFuZWwsIFBhbmVsQm9keSwgUGFuZWxIZWFkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgTXlDb21wb25lbnQgfSBmcm9tICcuL2V4YW1wbGVzL015Q29tcG9uZW50V2l0aENvbG9yU2NoZW1lJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0NvbG9yIFNjaGVtZXMvTmVzdGluZ1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImNvbG9yLXNjaGVtZXMtbmVzdGluZ1wiXG4gICAgfX0+e2BDb2xvciBTY2hlbWVzOiBOZXN0aW5nYH08L2gxPlxuICAgIDxwPntgWW91IGNhbiBuZXN0IGNvbG9yIHNjaGVtZXMgYXMgbWFueSB0aW1lcyBhcyB5b3Ugd2FudGB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDUGFuZWwlMjBjb2xvclNjaGVtZT0lMjJpbnZlcnQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NQYW5lbEhlYWRlciUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0hlYWRpbmclMjBsZXZlbD0lMjJoMyUyMiUzRUxvcmVtJTIwaXBzdW0lM0MvSGVhZGluZyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9QYW5lbEhlYWRlciUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1BhbmVsQm9keSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ1BhbmVsJTIwY29sb3JTY2hlbWU9JTIyYmFubmVyJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDUGFuZWxCb2R5JTIwbGF5b3V0PSUyMmZsZXglMjIlMjBmbGV4PSU3QiU3QiUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMGdhcDolMjAnMnhzJywlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjBhbGlnbkl0ZW1zOiUyMCdjZW50ZXInJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTdEJTdEJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTNFU2F2ZSUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnBsYWluJTIyJTNFQ2FuY2VsJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9QYW5lbEJvZHklM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvUGFuZWwlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvUGFuZWxCb2R5JTNFJTBBJTIwJTIwJTIwJTIwJTNDL1BhbmVsJTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxQYW5lbCBjb2xvclNjaGVtZT1cImludmVydFwiIG1keFR5cGU9XCJQYW5lbFwiPlxuICAgICAgICA8UGFuZWxIZWFkZXIgbWR4VHlwZT1cIlBhbmVsSGVhZGVyXCI+XG4gICAgICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgzXCIgbWR4VHlwZT1cIkhlYWRpbmdcIj5Mb3JlbSBpcHN1bTwvSGVhZGluZz5cbiAgICAgICAgPC9QYW5lbEhlYWRlcj5cbiAgICAgICAgPFBhbmVsQm9keSBtZHhUeXBlPVwiUGFuZWxCb2R5XCI+XG4gICAgICAgICAgICA8UGFuZWwgY29sb3JTY2hlbWU9XCJiYW5uZXJcIiBtZHhUeXBlPVwiUGFuZWxcIj5cbiAgICAgICAgICAgICAgICA8UGFuZWxCb2R5IGxheW91dD1cImZsZXhcIiBmbGV4PXt7XG4gICAgICAgICAgICAgIGdhcDogJzJ4cycsXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInXG4gICAgICAgICAgICB9fSBtZHhUeXBlPVwiUGFuZWxCb2R5XCI+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPlNhdmU8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicGxhaW5cIiBtZHhUeXBlPVwiQnV0dG9uXCI+Q2FuY2VsPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgPC9QYW5lbEJvZHk+XG4gICAgICAgICAgICA8L1BhbmVsPlxuICAgICAgICA8L1BhbmVsQm9keT5cbiAgICA8L1BhbmVsPlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInVzaW5nLXdpdGhjb2xvcnNjaGVtZS1ob2NcIlxuICAgIH19PntgVXNpbmcgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDJcIj57YHdpdGhDb2xvclNjaGVtZSgpYH08L2lubGluZUNvZGU+e2AgSE9DYH08L2gyPlxuICAgIDxwPntgVXNpbmcgdGhpcyBIT0MgeW91IGNhbiBjcmVhdGUgeW91ciBvd24gY29sb3Igc2NoZW1lIGF3YXJlIGNvbXBvbmVudHMuYH08L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgYWRkIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgY29sb3JTY2hlbWVDbGFzc05hbWVgfTwvaW5saW5lQ29kZT57YCB5b3UgZ2V0IGZyb20gdGhlIEhPQ2B9PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YHNldCB0aGUgYmFja2dyb3VuZCB0byBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgc2NoZW1lLmJnQ29sb3JgfTwvaW5saW5lQ29kZT48L2xpPlxuICAgIDwvdWw+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiZXhhbXBsZVwiXG4gICAgfX0+e2BFeGFtcGxlYH08L2gyPlxuICAgIDxwPntgVGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCJodHRwczovL2dpdGh1Yi5jb20vcHJlcGx5L2Rlc2lnbi1zeXN0ZW0vYmxvYi9tYWluL3N1cHBvcnQvZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzL2V4YW1wbGVzL015Q29tcG9uZW50V2l0aENvbG9yU2NoZW1lLnRzeFwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BNeUNvbXBvbmVudFdpdGhDb2xvclNjaGVtZWB9PC9hPntgIGV4YW1wbGUgc2hvd2Nhc2VzIGhvdyB0byB1c2UgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHdpdGhDb2xvclNjaGVtZSgpYH08L2lubGluZUNvZGU+e2AgSE9DIGluIGEgc2ltcGxlIGNvbXBvbmVudC4gWW91IGNhbiBzZWUgaXQgcmVuZGVyZWQgaW4gdGhlIGNvZGUgc2FtcGxlIGJlbG93LmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHR5cGUgeyBXaXRoQ29sb3JTY2hlbWVQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgd2l0aENvbG9yU2NoZW1lIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5cbmV4cG9ydCBjb25zdCBNeUNvbXBvbmVudEJhc2U6IEZDPFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7IGNvbG9yU2NoZW1lQ2xhc3NOYW1lLCBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lID0gY29sb3JTY2hlbWVDbGFzc05hbWUgfHwgJyc7XG4gICAgY29uc3Qgc3R5bGUgPSB7IGRpc3BsYXk6ICdmbGV4JywgZ2FwOiAnMTZweCcsIGFsaWduSXRlbXM6ICdjZW50ZXInLCBwYWRkaW5nOiAnMTZweCcgfTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IE15Q29tcG9uZW50ID0gd2l0aENvbG9yU2NoZW1lKE15Q29tcG9uZW50QmFzZSk7XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFlvdSBjYW4gdGhlbiBwcm92aWRlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGNvbG9yU2NoZW1lPXtuYW1lfWB9PC9pbmxpbmVDb2RlPntgIGRpcmVjdGx5IHRvIHlvdXIgY29tcG9uZW50LmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDTXlDb21wb25lbnQlMjBjb2xvclNjaGVtZT0lMjJpbnZlcnQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lM0VTYXZlJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIyZ2hvc3QlMjIlM0VDYW5jZWwlM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTXlDb21wb25lbnQlMjBjb2xvclNjaGVtZT0lMjJiYXNlJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTNFU2F2ZSUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMmdob3N0JTIyJTNFQ2FuY2VsJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9NeUNvbXBvbmVudCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9NeUNvbXBvbmVudCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TXlDb21wb25lbnQgY29sb3JTY2hlbWU9XCJpbnZlcnRcIiBtZHhUeXBlPVwiTXlDb21wb25lbnRcIj5cbiAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+U2F2ZTwvQnV0dG9uPlxuICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJnaG9zdFwiIG1keFR5cGU9XCJCdXR0b25cIj5DYW5jZWw8L0J1dHRvbj5cbiAgICAgICAgPE15Q29tcG9uZW50IGNvbG9yU2NoZW1lPVwiYmFzZVwiIG1keFR5cGU9XCJNeUNvbXBvbmVudFwiPlxuICAgICAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+U2F2ZTwvQnV0dG9uPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwiZ2hvc3RcIiBtZHhUeXBlPVwiQnV0dG9uXCI+Q2FuY2VsPC9CdXR0b24+XG4gICAgICAgIDwvTXlDb21wb25lbnQ+XG4gICAgPC9NeUNvbXBvbmVudD5cbiAgICA8L0NhbnZhcz5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9Db2xvciBTY2hlbWVzL05lc3RpbmcnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/30.nesting.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/40.using-in-components.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _components_ColorSchemes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx");\n/* harmony import */ var _examples_MyComponentWithColorScheme__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.tsx");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Color Schemes/Using in your components",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "color-schemes-using-in-your-components"\n }, "Color Schemes: Using in your components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Using the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "withColorScheme()"), " you can create your own color scheme aware components."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "add the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "colorSchemeClassName"), " you get from the HOC"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "set the background to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "scheme.bgColor"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import type { WithColorSchemeProps } from \'@preply/ds-web-core\';\\nimport { withColorScheme } from \'@preply/ds-web-core\';\\n\\nexport const MyComponentBase: FC<WithColorSchemeProps> = ({ colorSchemeClassName, children }) => {\\n const className = colorSchemeClassName || \'\';\\n const style = { display: \'flex\', gap: \'16px\', alignItems: \'center\', padding: \'16px\' };\\n return (\\n <div className={className} style={style}>\\n {children}\\n </div>\\n );\\n};\\n\\nexport const MyComponent = withColorScheme(MyComponentBase);\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You can then provide ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "colorScheme={name}"), " directly to your component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CMyComponent%20colorScheme=%22invert%22%3E%0A%20%20%20%20%20%20%20%20%3CButton%3ESave%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3CButton%20variant=%22plain%22%3ECancel%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3CMyComponent%20colorScheme=%22base%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3ESave%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%20variant=%22plain%22%3ECancel%3C/Button%3E%0A%20%20%20%20%20%20%20%20%3C/MyComponent%3E%0A%20%20%20%20%3C/MyComponent%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_examples_MyComponentWithColorScheme__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_MyComponentWithColorScheme__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/OTk5ZCJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQSxJQUFNQSxXQUFXLEdBQUcsRUFBcEI7QUFHQSxJQUFNQyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFNTCxrRUFBQyxrRUFBRDtBQUFNLFNBQUssRUFBQywrQ0FBWjtBQUE0RCxjQUFVLEVBQUU7QUFDdEVFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEZ0UsS0FBeEU7QUFJRyxXQUFPLEVBQUM7QUFKWCxJQU5LLEVBV0wsa0VBQUMsNkVBQUQ7QUFBZSxXQUFPLEVBQUM7QUFBdkIsSUFYSyxFQVlMO0FBQ0UsVUFBTTtBQURSLCtDQVpLLEVBZUwsMkZBQWlCO0FBQVksY0FBVSxFQUFDO0FBQXZCLHlCQUFqQiw0REFmSyxFQWdCTCw4RUFDRTtBQUFJLGNBQVUsRUFBQztBQUFmLGlCQUFnQztBQUFZLGNBQVUsRUFBQztBQUF2Qiw0QkFBaEMsMEJBREYsRUFFRTtBQUFJLGNBQVUsRUFBQztBQUFmLCtCQUE4QztBQUFZLGNBQVUsRUFBQztBQUF2QixzQkFBOUMsQ0FGRixDQWhCSyxFQW9CTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosNGlCQUFMLENBcEJLLEVBcUNMLHNHQUE0QjtBQUFZLGNBQVUsRUFBQztBQUF2QiwwQkFBNUIsaUNBckNLLEVBc0NMLGtFQUFDLG9FQUFEO0FBQVEsYUFBUyxFQUFDLCtlQUFsQjtBQUFrZ0IsV0FBTyxFQUFDO0FBQTFnQixLQUNBLGtFQUFDLHlGQUFEO0FBQWEsZUFBVyxFQUFDLFFBQXpCO0FBQWtDLFdBQU8sRUFBQztBQUExQyxLQUNJLGtFQUFDLGtFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLFlBREosRUFFSSxrRUFBQyxrRUFBRDtBQUFRLFdBQU8sRUFBQyxPQUFoQjtBQUF3QixXQUFPLEVBQUM7QUFBaEMsY0FGSixFQUdJLGtFQUFDLHlGQUFEO0FBQWEsZUFBVyxFQUFDLE1BQXpCO0FBQWdDLFdBQU8sRUFBQztBQUF4QyxLQUNJLGtFQUFDLGtFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLFlBREosRUFFSSxrRUFBQyxrRUFBRDtBQUFRLFdBQU8sRUFBQyxPQUFoQjtBQUF3QixXQUFPLEVBQUM7QUFBaEMsY0FGSixDQUhKLENBREEsQ0F0Q0ssQ0FBUDtBQWlERDs7QUFyRFFMLFU7QUF1RFQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSwrQ0FBVDtBQUEwREgsWUFBVSxFQUFFO0FBQzFGTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEb0YsR0FBdEU7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMjAuY29sb3Itc2NoZW1lcy80MC51c2luZy1pbi1jb21wb25lbnRzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgQ09MT1JfU0NIRU1FX0RFRkFVTFQsIENPTE9SX1NDSEVNRV9PUFRJT05TIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVPcHRpb25zTGlzdCwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IERvY01ldGFkYXRhIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgQnV0dG9uLCBIZWFkaW5nLCBQYW5lbCwgUGFuZWxCb2R5LCBQYW5lbEhlYWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZXMgfSBmcm9tICcuL2NvbXBvbmVudHMvQ29sb3JTY2hlbWVzJztcbmltcG9ydCB7IE15Q29tcG9uZW50IH0gZnJvbSAnLi9leGFtcGxlcy9NeUNvbXBvbmVudFdpdGhDb2xvclNjaGVtZSc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9Db2xvciBTY2hlbWVzL1VzaW5nIGluIHlvdXIgY29tcG9uZW50c1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImNvbG9yLXNjaGVtZXMtdXNpbmctaW4teW91ci1jb21wb25lbnRzXCJcbiAgICB9fT57YENvbG9yIFNjaGVtZXM6IFVzaW5nIGluIHlvdXIgY29tcG9uZW50c2B9PC9oMT5cbiAgICA8cD57YFVzaW5nIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B3aXRoQ29sb3JTY2hlbWUoKWB9PC9pbmxpbmVDb2RlPntgIHlvdSBjYW4gY3JlYXRlIHlvdXIgb3duIGNvbG9yIHNjaGVtZSBhd2FyZSBjb21wb25lbnRzLmB9PC9wPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YGFkZCB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YGNvbG9yU2NoZW1lQ2xhc3NOYW1lYH08L2lubGluZUNvZGU+e2AgeW91IGdldCBmcm9tIHRoZSBIT0NgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BzZXQgdGhlIGJhY2tncm91bmQgdG8gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHNjaGVtZS5iZ0NvbG9yYH08L2lubGluZUNvZGU+PC9saT5cbiAgICA8L3VsPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHR5cGUgeyBXaXRoQ29sb3JTY2hlbWVQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgd2l0aENvbG9yU2NoZW1lIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5cbmV4cG9ydCBjb25zdCBNeUNvbXBvbmVudEJhc2U6IEZDPFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7IGNvbG9yU2NoZW1lQ2xhc3NOYW1lLCBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lID0gY29sb3JTY2hlbWVDbGFzc05hbWUgfHwgJyc7XG4gICAgY29uc3Qgc3R5bGUgPSB7IGRpc3BsYXk6ICdmbGV4JywgZ2FwOiAnMTZweCcsIGFsaWduSXRlbXM6ICdjZW50ZXInLCBwYWRkaW5nOiAnMTZweCcgfTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IE15Q29tcG9uZW50ID0gd2l0aENvbG9yU2NoZW1lKE15Q29tcG9uZW50QmFzZSk7XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFlvdSBjYW4gdGhlbiBwcm92aWRlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGNvbG9yU2NoZW1lPXtuYW1lfWB9PC9pbmxpbmVDb2RlPntgIGRpcmVjdGx5IHRvIHlvdXIgY29tcG9uZW50LmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDTXlDb21wb25lbnQlMjBjb2xvclNjaGVtZT0lMjJpbnZlcnQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lM0VTYXZlJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIycGxhaW4lMjIlM0VDYW5jZWwlM0MvQnV0dG9uJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDTXlDb21wb25lbnQlMjBjb2xvclNjaGVtZT0lMjJiYXNlJTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDQnV0dG9uJTNFU2F2ZSUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lMjB2YXJpYW50PSUyMnBsYWluJTIyJTNFQ2FuY2VsJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQy9NeUNvbXBvbmVudCUzRSUwQSUyMCUyMCUyMCUyMCUzQy9NeUNvbXBvbmVudCUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TXlDb21wb25lbnQgY29sb3JTY2hlbWU9XCJpbnZlcnRcIiBtZHhUeXBlPVwiTXlDb21wb25lbnRcIj5cbiAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+U2F2ZTwvQnV0dG9uPlxuICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJwbGFpblwiIG1keFR5cGU9XCJCdXR0b25cIj5DYW5jZWw8L0J1dHRvbj5cbiAgICAgICAgPE15Q29tcG9uZW50IGNvbG9yU2NoZW1lPVwiYmFzZVwiIG1keFR5cGU9XCJNeUNvbXBvbmVudFwiPlxuICAgICAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+U2F2ZTwvQnV0dG9uPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicGxhaW5cIiBtZHhUeXBlPVwiQnV0dG9uXCI+Q2FuY2VsPC9CdXR0b24+XG4gICAgICAgIDwvTXlDb21wb25lbnQ+XG4gICAgPC9NeUNvbXBvbmVudD5cbiAgICA8L0NhbnZhcz5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9Db2xvciBTY2hlbWVzL1VzaW5nIGluIHlvdXIgY29tcG9uZW50cycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\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_24_Confirmed_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../packages/media-icons/dist/24/Confirmed.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/Badge/Badge.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__("../../packages/web-lib/dist/components/TextHighlighted/TextHighlighted.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__("../../packages/web-lib/dist/components/PasswordField/PasswordField.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_27___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_27__);\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_27___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_27___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_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_18__[/* PanelBody */ "a"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("h3", null, name), config.extend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "Extends:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, " "), (_config$extend = config.extend) === null || _config$extend === void 0 ? void 0 : _config$extend.join(\',\'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___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_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], null, "Primary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "secondary"\n }, "Secondary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "tertiary"\n }, "Tertiary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "ghost"\n }, "Ghost"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "critical"\n }, "Critical"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "onColor"\n }, "onColor"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "classroom"\n }, "Classroom"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "newFeature"\n }, "New feature"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n disabled: true\n }, "Disabled")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___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_27___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_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "primary"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_24_Confirmed_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "primary"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "primary")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "secondary"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_24_Confirmed_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "secondary"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "secondary")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "branded"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_24_Confirmed_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "branded"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "branded")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "positive"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_24_Confirmed_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "positive"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "positive"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___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_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "accent"\n }, "accent"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "positive"\n }, "positive"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "info"\n }, "info"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "warning"\n }, "warning"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "critical"\n }, "critical"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "tertiary"\n }, "tertiary")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___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_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_25__[/* TextHighlighted */ "a"], {\n highlight: "blue"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "blue")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_25__[/* TextHighlighted */ "a"], {\n highlight: "green"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "green"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___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_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_26__[/* PasswordField */ "a"], {\n label: "Label",\n value: "value",\n required: true,\n showIcon: true\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_26__[/* PasswordField */ "a"], {\n label: "Label",\n value: "value",\n errorMessage: "Error message"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_26__[/* PasswordField */ "a"], {\n label: "Label",\n value: "value",\n errorMessage: "Error message",\n disabled: true\n })));\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzL2NvbXBvbmVudHMvQ29sb3JTY2hlbWVzLnRzeD9kNzFlIl0sIm5hbWVzIjpbIkNvbG9yU2NoZW1lcyIsIk9iamVjdCIsImVudHJpZXMiLCJjb2xvclNjaGVtZUNvbmZpZyIsIm1hcCIsIm5hbWUiLCJjb25maWciLCJleHRlbmQiLCJqb2luIiwiZ2FwIiwiQ29uZmlybWVkU3ZnIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBYUE7QUFFTyxJQUFNQSxZQUFnQixHQUFHLFNBQW5CQSxZQUFtQjtBQUFBLHNCQUM1Qiw0REFBQyxzRUFBRDtBQUFZLFVBQU0sTUFBbEI7QUFBbUIsT0FBRyxFQUFDO0FBQXZCLEtBQ0tDLE1BQU0sQ0FBQ0MsT0FBUCxDQUFlQywwRUFBZixFQUFrQ0MsR0FBbEMsQ0FBc0M7QUFBQTs7QUFBQTtBQUFBLFFBQUVDLElBQUY7QUFBQSxRQUFRQyxNQUFSOztBQUFBLHdCQUNuQyw0REFBQyxpRUFBRDtBQUFPLFNBQUcsRUFBRUQsSUFBWjtBQUFrQixpQkFBVyxFQUFFQTtBQUEvQixvQkFDSSw0REFBQyxxRUFBRCxxQkFDSSx3RUFBS0EsSUFBTCxDQURKLEVBRUtDLE1BQU0sQ0FBQ0MsTUFBUCxpQkFDRyxvRkFDSSxxRkFESixlQUVJLDhFQUZKLG9CQUdLRCxNQUFNLENBQUNDLE1BSFosbURBR0ssZUFBZUMsSUFBZixDQUFvQixHQUFwQixDQUhMLENBSFIsQ0FESixlQVdJLDREQUFDLHdFQUFEO0FBQWMsWUFBTSxFQUFDLE1BQXJCO0FBQTRCLFVBQUksRUFBRTtBQUFFQyxXQUFHLEVBQUU7QUFBUDtBQUFsQyxvQkFDSSw0REFBQyxrRUFBRCxrQkFESixlQUVJLDREQUFDLGtFQUFEO0FBQVEsYUFBTyxFQUFD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REFBQyx5RUFBRDtBQUFlLFdBQUssRUFBQyxPQUFyQjtBQUE2QixXQUFLLEVBQUMsT0FBbkM7QUFBMkMsa0JBQVksRUFBQztBQUF4RCxNQUZKLGVBR0ksNERBQUMseUVBQUQ7QUFDSSxXQUFLLEVBQUMsT0FEVjtBQUVJLFdBQUssRUFBQyxPQUZWO0FBR0ksa0JBQVksRUFBQyxlQUhqQjtBQUlJLGNBQVE7QUFKWixNQUhKLENBOURKLENBRG1DO0FBQUEsR0FBdEMsQ0FETCxDQUQ0QjtBQUFBLENBQXpCO0FBQU1ULFkiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzL2NvbXBvbmVudHMvQ29sb3JTY2hlbWVzLnRzeC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ29sb3JTY2hlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IGNvbG9yU2NoZW1lQ29uZmlnIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCBDb25maXJtZWRTdmcgZnJvbSAnQHByZXBseS9kcy1tZWRpYS1pY29ucy9kaXN0LzI0L0NvbmZpcm1lZC5zdmcnO1xuaW1wb3J0IHtcbiAgICBCYWRnZSxcbiAgICBCdXR0b24sXG4gICAgSWNvbixcbiAgICBMYXlvdXRGbGV4LFxuICAgIExpbmssXG4gICAgUGFuZWwsXG4gICAgUGFuZWxCb2R5LFxuICAgIFBhbmVsU2VjdGlvbixcbiAgICBQYXNzd29yZEZpZWxkLFxuICAgIFRleHQsXG4gICAgVGV4dEhpZ2hsaWdodGVkLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgQ29sb3JTY2hlbWVzOiBGQyA9ICgpID0+IChcbiAgICA8TGF5b3V0RmxleCBjb2x1bW4gZ2FwPVwibVwiPlxuICAgICAgICB7T2JqZWN0LmVudHJpZXMoY29sb3JTY2hlbWVDb25maWcpLm1hcCgoW25hbWUsIGNvbmZpZ10pID0+IChcbiAgICAgICAgICAgIDxQYW5lbCBrZXk9e25hbWV9IGNvbG9yU2NoZW1lPXtuYW1lIGFzIENvbG9yU2NoZW1lTmFtZX0+XG4gICAgICAgICAgICAgICAgPFBhbmVsQm9keT5cbiAgICAgICAgICAgICAgICAgICAgPGgzPntuYW1lfTwvaDM+XG4gICAgICAgICAgICAgICAgICAgIHtjb25maWcuZXh0ZW5kICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPkV4dGVuZHM6PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPiA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NvbmZpZy5leHRlbmQ/LmpvaW4oJywnKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L1BhbmVsQm9keT5cbiAgICAgICAgICAgICAgICA8UGFuZWxTZWN0aW9uIGxheW91dD1cImZsZXhcIiBmbGV4PXt7IGdhcDogJ3hzJyB9fT5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbj5QcmltYXJ5PC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cImdob3N0XCI+R2hvc3Q8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwiY3JpdGljYWxcIj5Dcml0aWNhbDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJvbkNvbG9yXCI+b25Db2xvcjwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJjbGFzc3Jvb21cIj5DbGFzc3Jvb208L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwibmV3RmVhdHVyZVwiPk5ldyBmZWF0dXJlPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L1BhbmVsU2VjdGlvbj5cbiAgICAgICAgICAgICAgICA8UGFuZWxTZWN0aW9uIGxheW91dD1cImZsZXhcIiBmbGV4PXt7IGdhcDogJ3hzJyB9fT5cbiAgICAgICAgICAgICAgICAgICAgey8qIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBqc3gtYTExeS9hbmNob3ItaXMtdmFsaWQgKi99XG4gICAgICAgICAgICAgICAgICAgIDxMaW5rIHVybD1cImh0dHA6Ly9wcmVwbHkuY29tXCI+bGluazwvTGluaz5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwicHJpbWFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEljb24gc3ZnPXtDb25maXJtZWRTdmd9IHNpemU9XCJ4c1wiIGFjY2VudD1cInByaW1hcnlcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+IDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnByaW1hcnk8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwic2Vjb25kYXJ5XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBzdmc9e0NvbmZpcm1lZFN2Z30gc2l6ZT1cInhzXCIgYWNjZW50PVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPiA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5zZWNvbmRhcnk8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwiYnJhbmRlZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEljb24gc3ZnPXtDb25maXJtZWRTdmd9IHNpemU9XCJ4c1wiIGFjY2VudD1cImJyYW5kZWRcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+IDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPmJyYW5kZWQ8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwicG9zaXRpdmVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIHN2Zz17Q29uZmlybWVkU3ZnfSBzaXplPVwieHNcIiBhY2NlbnQ9XCJwb3NpdGl2ZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj4gPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+cG9zaXRpdmU8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L1BhbmVsU2VjdGlvbj5cbiAgICAgICAgICAgICAgICA8UGFuZWxTZWN0aW9uIGxheW91dD1cImZsZXhcIiBmbGV4PXt7IGdhcDogJ3hzJyB9fT5cbiAgICAgICAgICAgICAgICAgICAgPEJhZGdlIGFjY2VudD1cImFjY2VudFwiPmFjY2VudDwvQmFkZ2U+XG4gICAgICAgICAgICAgICAgICAgIDxCYWRnZSBhY2NlbnQ9XCJwb3NpdGl2ZVwiPnBvc2l0aXZlPC9CYWRnZT5cbiAgICAgICAgICAgICAgICAgICAgPEJhZGdlIGFjY2VudD1cImluZm9cIj5pbmZvPC9CYWRnZT5cbiAgICAgICAgICAgICAgICAgICAgPEJhZGdlIGFjY2VudD1cIndhcm5pbmdcIj53YXJuaW5nPC9CYWRnZT5cbiAgICAgICAgICAgICAgICAgICAgPEJhZGdlIGFjY2VudD1cImNyaXRpY2FsXCI+Y3JpdGljYWw8L0JhZGdlPlxuICAgICAgICAgICAgICAgICAgICA8QmFkZ2UgYWNjZW50PVwidGVydGlhcnlcIj50ZXJ0aWFyeTwvQmFkZ2U+XG4gICAgICAgICAgICAgICAgPC9QYW5lbFNlY3Rpb24+XG4gICAgICAgICAgICAgICAgPFBhbmVsU2VjdGlvbiBsYXlvdXQ9XCJmbGV4XCIgZmxleD17eyBnYXA6ICd4cycgfX0+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiYmx1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+Ymx1ZTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0SGlnaGxpZ2h0ZWQ+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiZ3JlZW5cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPmdyZWVuPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L1RleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICA8L1BhbmVsU2VjdGlvbj5cbiAgICAgICAgICAgICAgICA8UGFuZWxTZWN0aW9uIGxheW91dD1cImZsZXhcIiBmbGV4PXt7IGdhcDogJ3hzJyB9fT5cbiAgICAgICAgICAgICAgICAgICAgPFBhc3N3b3JkRmllbGQgbGFiZWw9XCJMYWJlbFwiIHZhbHVlPVwidmFsdWVcIiByZXF1aXJlZCBzaG93SWNvbiAvPlxuICAgICAgICAgICAgICAgICAgICA8UGFzc3dvcmRGaWVsZCBsYWJlbD1cIkxhYmVsXCIgdmFsdWU9XCJ2YWx1ZVwiIGVycm9yTWVzc2FnZT1cIkVycm9yIG1lc3NhZ2VcIiAvPlxuICAgICAgICAgICAgICAgICAgICA8UGFzc3dvcmRGaWVsZFxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJMYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT1cInZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGVycm9yTWVzc2FnZT1cIkVycm9yIG1lc3NhZ2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWRcbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1BhbmVsU2VjdGlvbj5cbiAgICAgICAgICAgIDwvUGFuZWw+XG4gICAgICAgICkpfVxuICAgIDwvTGF5b3V0RmxleD5cbik7XG4iXSwic291cmNlUm9vdCI6IiJ9\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/MyComponentWithColorScheme.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/MyComponentWithColorScheme.tsx#MyComponentBase"] = { docgenInfo: MyComponentBase.__docgenInfo, name: "MyComponentBase", path: "../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.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": false, "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/MyComponentWithColorScheme.tsx#MyComponent"] = { docgenInfo: MyComponent.__docgenInfo, name: "MyComponent", path: "../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.tsx#MyComponent" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzL2V4YW1wbGVzL015Q29tcG9uZW50V2l0aENvbG9yU2NoZW1lLnRzeD8xOGUwIl0sIm5hbWVzIjpbIk15Q29tcG9uZW50QmFzZSIsImNvbG9yU2NoZW1lQ2xhc3NOYW1lIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJzdHlsZSIsImRpc3BsYXkiLCJnYXAiLCJhbGlnbkl0ZW1zIiwicGFkZGluZyIsIk15Q29tcG9uZW50Iiwid2l0aENvbG9yU2NoZW1lIl0sIm1hcHBpbmdzIjoiQUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUVPLElBQU1BLGVBQXlDLEdBQUcsU0FBNUNBLGVBQTRDLE9BQXdDO0FBQUEsTUFBckNDLG9CQUFxQyxRQUFyQ0Esb0JBQXFDO0FBQUEsTUFBZkMsUUFBZSxRQUFmQSxRQUFlO0FBQzdGLE1BQU1DLFNBQVMsR0FBR0Ysb0JBQW9CLElBQUksRUFBMUM7QUFDQSxNQUFNRyxLQUFLLEdBQUc7QUFBRUMsV0FBTyxFQUFFLE1BQVg7QUFBbUJDLE9BQUcsRUFBRSxNQUF4QjtBQUFnQ0MsY0FBVSxFQUFFLFFBQTVDO0FBQXNEQyxXQUFPLEVBQUU7QUFBL0QsR0FBZDtBQUNBLHNCQUNJO0FBQUssYUFBUyxFQUFFTCxTQUFoQjtBQUEyQixTQUFLLEVBQUVDO0FBQWxDLEtBQ0tGLFFBREwsQ0FESjtBQUtILENBUk07QUFBTUYsZTtBQVVOLElBQU1TLFdBQVcsR0FBR0MsbUZBQWUsQ0FBQ1YsZUFBRCxDQUFuQyIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzIwLmNvbG9yLXNjaGVtZXMvZXhhbXBsZXMvTXlDb21wb25lbnRXaXRoQ29sb3JTY2hlbWUudHN4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBXaXRoQ29sb3JTY2hlbWVQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgd2l0aENvbG9yU2NoZW1lIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBNeUNvbXBvbmVudEJhc2U6IEZDPFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7IGNvbG9yU2NoZW1lQ2xhc3NOYW1lLCBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lID0gY29sb3JTY2hlbWVDbGFzc05hbWUgfHwgJyc7XG4gICAgY29uc3Qgc3R5bGUgPSB7IGRpc3BsYXk6ICdmbGV4JywgZ2FwOiAnMTZweCcsIGFsaWduSXRlbXM6ICdjZW50ZXInLCBwYWRkaW5nOiAnMTZweCcgfTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IE15Q29tcG9uZW50ID0gd2l0aENvbG9yU2NoZW1lKE15Q29tcG9uZW50QmFzZSk7XG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.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__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\nvar react_default = /*#__PURE__*/__webpack_require__.n(react);\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@mdx-js/react/dist/esm.js\nvar esm = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@storybook/addon-docs/dist/esm/index.js + 45 modules\nvar dist_esm = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n\n// EXTERNAL MODULE: .-context/dist/components/ThemeSwitcher.js + 1 modules\nvar ThemeSwitcher = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.map.js\nvar es_array_map = __webpack_require__("../../node_modules/core-js/modules/es.array.map.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js\nvar LayoutFlex = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n\n// EXTERNAL MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx + 2 modules\nvar TokenSearchProvider = __webpack_require__("../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx");\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"])(TokenSearchProvider["a" /* TokenSearchContext */]);\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.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/es.regexp.exec.js\nvar es_regexp_exec = __webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js");\n\n// EXTERNAL MODULE: .-toolkit/dist/index.js + 63 modules\nvar dist = __webpack_require__("../docs-toolkit/dist/index.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// 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/Text/Text.js + 1 modules\nvar Text = __webpack_require__("../../packages/web-lib/dist/components/Text/Text.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.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/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// 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.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.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/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/RendererBorderImage.tsx\n\n\nvar RendererBorderImage_templateObject;\n\nfunction RendererBorderImage_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBorderImage_Div = styled_components_browser_esm["b" /* default */].div(RendererBorderImage_templateObject || (RendererBorderImage_templateObject = RendererBorderImage_taggedTemplateLiteralLoose(["\\n width: 48px;\\n height: 48px\\n padding: 8px 0 0 8px;\\n background: ", ";\\n border-image: ", ";\\n\\n\\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 RendererBorderImage_RendererBorderImage = function RendererBorderImage(_ref3) {\n var value = _ref3.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBorderImage_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererBorderImage_RendererBorderImage.displayName = "RendererBorderImage";\n\ntry {\n // @ts-ignore\n RendererBorderImage_RendererBorderImage.displayName = "RendererBorderImage";\n // @ts-ignore\n RendererBorderImage_RendererBorderImage.__docgenInfo = { "description": "", "displayName": "RendererBorderImage", "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/RendererBorderImage.tsx#RendererBorderImage"] = { docgenInfo: RendererBorderImage_RendererBorderImage.__docgenInfo, name: "RendererBorderImage", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderImage.tsx#RendererBorderImage" };\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/RendererBorderWidth.tsx\n\n\nvar RendererBorderWidth_templateObject;\n\nfunction RendererBorderWidth_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBorderWidth_Div = styled_components_browser_esm["b" /* default */].div(RendererBorderWidth_templateObject || (RendererBorderWidth_templateObject = RendererBorderWidth_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 RendererBorderWidth_RendererBorderWidth = function RendererBorderWidth(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBorderWidth_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererBorderWidth_RendererBorderWidth.displayName = "RendererBorderWidth";\n\ntry {\n // @ts-ignore\n RendererBorderWidth_RendererBorderWidth.displayName = "RendererBorderWidth";\n // @ts-ignore\n RendererBorderWidth_RendererBorderWidth.__docgenInfo = { "description": "", "displayName": "RendererBorderWidth", "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/RendererBorderWidth.tsx#RendererBorderWidth"] = { docgenInfo: RendererBorderWidth_RendererBorderWidth.__docgenInfo, name: "RendererBorderWidth", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderWidth.tsx#RendererBorderWidth" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBoxShadow.tsx\n\n\nvar RendererBoxShadow_templateObject;\n\nfunction RendererBoxShadow_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBoxShadow_Div = styled_components_browser_esm["b" /* default */].div(RendererBoxShadow_templateObject || (RendererBoxShadow_templateObject = RendererBoxShadow_taggedTemplateLiteralLoose(["\\n width: 64px;\\n height: 64px;\\n box-shadow: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBoxShadow_RendererBoxShadow = function RendererBoxShadow(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBoxShadow_Div, {\n value: value\n });\n};\nRendererBoxShadow_RendererBoxShadow.displayName = "RendererBoxShadow";\n\ntry {\n // @ts-ignore\n RendererBoxShadow_RendererBoxShadow.displayName = "RendererBoxShadow";\n // @ts-ignore\n RendererBoxShadow_RendererBoxShadow.__docgenInfo = { "description": "", "displayName": "RendererBoxShadow", "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/RendererBoxShadow.tsx#RendererBoxShadow"] = { docgenInfo: RendererBoxShadow_RendererBoxShadow.__docgenInfo, name: "RendererBoxShadow", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBoxShadow.tsx#RendererBoxShadow" };\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: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\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/RendererFontStyle.tsx\n\n\nvar RendererFontStyle_templateObject;\n\nfunction RendererFontStyle_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererFontStyle_Div = styled_components_browser_esm["b" /* default */].div(RendererFontStyle_templateObject || (RendererFontStyle_templateObject = RendererFontStyle_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\n font-style: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererFontStyle_RendererFontStyle = function RendererFontStyle(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererFontStyle_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet.");\n};\nRendererFontStyle_RendererFontStyle.displayName = "RendererFontStyle";\n\ntry {\n // @ts-ignore\n RendererFontStyle_RendererFontStyle.displayName = "RendererFontStyle";\n // @ts-ignore\n RendererFontStyle_RendererFontStyle.__docgenInfo = { "description": "", "displayName": "RendererFontStyle", "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/RendererFontStyle.tsx#RendererFontStyle"] = { docgenInfo: RendererFontStyle_RendererFontStyle.__docgenInfo, name: "RendererFontStyle", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontStyle.tsx#RendererFontStyle" };\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: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\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/RendererLetterSpacing.tsx\n\n\nvar RendererLetterSpacing_templateObject;\n\nfunction RendererLetterSpacing_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererLetterSpacing_Div = styled_components_browser_esm["b" /* default */].div(RendererLetterSpacing_templateObject || (RendererLetterSpacing_templateObject = RendererLetterSpacing_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\n letter-spacing: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererLetterSpacing_RendererLetterSpacing = function RendererLetterSpacing(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererLetterSpacing_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet.");\n};\nRendererLetterSpacing_RendererLetterSpacing.displayName = "RendererLetterSpacing";\n\ntry {\n // @ts-ignore\n RendererLetterSpacing_RendererLetterSpacing.displayName = "RendererLetterSpacing";\n // @ts-ignore\n RendererLetterSpacing_RendererLetterSpacing.__docgenInfo = { "description": "", "displayName": "RendererLetterSpacing", "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/RendererLetterSpacing.tsx#RendererLetterSpacing"] = { docgenInfo: RendererLetterSpacing_RendererLetterSpacing.__docgenInfo, name: "RendererLetterSpacing", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLetterSpacing.tsx#RendererLetterSpacing" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightPixels.tsx\n\n\nvar RendererLineHeightPixels_templateObject;\n\nfunction RendererLineHeightPixels_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererLineHeightPixels_Div = styled_components_browser_esm["b" /* default */].div(RendererLineHeightPixels_templateObject || (RendererLineHeightPixels_templateObject = RendererLineHeightPixels_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\n line-height: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererLineHeightPixels_RendererLineHeightPixels = function RendererLineHeightPixels(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererLineHeightPixels_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.");\n};\nRendererLineHeightPixels_RendererLineHeightPixels.displayName = "RendererLineHeightPixels";\n\ntry {\n // @ts-ignore\n RendererLineHeightPixels_RendererLineHeightPixels.displayName = "RendererLineHeightPixels";\n // @ts-ignore\n RendererLineHeightPixels_RendererLineHeightPixels.__docgenInfo = { "description": "", "displayName": "RendererLineHeightPixels", "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/RendererLineHeightPixels.tsx#RendererLineHeightPixels"] = { docgenInfo: RendererLineHeightPixels_RendererLineHeightPixels.__docgenInfo, name: "RendererLineHeightPixels", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightPixels.tsx#RendererLineHeightPixels" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightRatio.tsx\n\n\nvar RendererLineHeightRatio_templateObject;\n\nfunction RendererLineHeightRatio_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererLineHeightRatio_Div = styled_components_browser_esm["b" /* default */].div(RendererLineHeightRatio_templateObject || (RendererLineHeightRatio_templateObject = RendererLineHeightRatio_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\n line-height: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererLineHeightRatio_RendererLineHeightRatio = function RendererLineHeightRatio(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererLineHeightRatio_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.");\n};\nRendererLineHeightRatio_RendererLineHeightRatio.displayName = "RendererLineHeightRatio";\n\ntry {\n // @ts-ignore\n RendererLineHeightRatio_RendererLineHeightRatio.displayName = "RendererLineHeightRatio";\n // @ts-ignore\n RendererLineHeightRatio_RendererLineHeightRatio.__docgenInfo = { "description": "", "displayName": "RendererLineHeightRatio", "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/RendererLineHeightRatio.tsx#RendererLineHeightRatio"] = { docgenInfo: RendererLineHeightRatio_RendererLineHeightRatio.__docgenInfo, name: "RendererLineHeightRatio", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightRatio.tsx#RendererLineHeightRatio" };\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/components/TokenRenderers/RendererTextDecoration.tsx\n\n\nvar RendererTextDecoration_templateObject;\n\nfunction RendererTextDecoration_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererTextDecoration_Div = styled_components_browser_esm["b" /* default */].div(RendererTextDecoration_templateObject || (RendererTextDecoration_templateObject = RendererTextDecoration_taggedTemplateLiteralLoose(["\\n text-decoration: ", ";\\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 RendererTextDecoration_RendererTextDecoration = function RendererTextDecoration(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererTextDecoration_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("p", null, "Lorem ipsum dolor sit amet"));\n};\nRendererTextDecoration_RendererTextDecoration.displayName = "RendererTextDecoration";\n\ntry {\n // @ts-ignore\n RendererTextDecoration_RendererTextDecoration.displayName = "RendererTextDecoration";\n // @ts-ignore\n RendererTextDecoration_RendererTextDecoration.__docgenInfo = { "description": "", "displayName": "RendererTextDecoration", "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/RendererTextDecoration.tsx#RendererTextDecoration"] = { docgenInfo: RendererTextDecoration_RendererTextDecoration.__docgenInfo, name: "RendererTextDecoration", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererTextDecoration.tsx#RendererTextDecoration" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererVariationSettings.tsx\n\n\nvar RendererVariationSettings_templateObject;\n\nfunction RendererVariationSettings_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererVariationSettings_Div = styled_components_browser_esm["b" /* default */].div(RendererVariationSettings_templateObject || (RendererVariationSettings_templateObject = RendererVariationSettings_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n font-style: italic;\\n font-variation-settings: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererVariationSettings_RendererVariationSettings = function RendererVariationSettings(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererVariationSettings_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet.");\n};\nRendererVariationSettings_RendererVariationSettings.displayName = "RendererVariationSettings";\n\ntry {\n // @ts-ignore\n RendererVariationSettings_RendererVariationSettings.displayName = "RendererVariationSettings";\n // @ts-ignore\n RendererVariationSettings_RendererVariationSettings.__docgenInfo = { "description": "", "displayName": "RendererVariationSettings", "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/RendererVariationSettings.tsx#RendererVariationSettings"] = { docgenInfo: RendererVariationSettings_RendererVariationSettings.__docgenInfo, name: "RendererVariationSettings", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererVariationSettings.tsx#RendererVariationSettings" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/functions/token-type.renderer.tsx\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\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 \'icon.size\': \'size\',\n \'root.space\': \'space\',\n spacing: \'space\',\n sizing: \'space\',\n \'root.radius\': \'borderRadius\',\n radius: \'borderRadius\',\n \'root.text.size\': \'fontSize\',\n \'root.text.base.lineHeight\': \'lineHeightRatio\',\n \'root.text.height\': \'lineHeightPixels\',\n \'root.text.weight\': \'fontWeight\',\n \'dsInternalPrimitive.button.borderWeight\': \'borderWidth\',\n \'icon.fieldLayout.width\': \'horizontalPadding\',\n \'icon.fieldLayout.height\': \'horizontalPadding\',\n \'root.text.spacing\': \'letterSpacing\',\n \'root.text.style\': \'fontStyle\',\n \'root.text.variation\': \'variationSettings\',\n \'root.palette\': \'color\',\n background: \'color\',\n color: \'color\',\n \'dsInternalPrimitive.color\': \'color\',\n \'badge.base.color\': \'color\',\n \'badge.accent\': \'color\',\n content: \'color\',\n elevation: \'boxShadow\',\n // TODO: create a rendered similar to https://ethercreative.github.io/react-native-shadow-generator/\n dropShadow: \'boxShadow\'\n};\nvar sufixMap = {\n color: \'fgColor\',\n lineHeight: \'lineHeightPixels\',\n shadow: \'boxShadow\',\n borderImage: \'borderImage\',\n offset: \'size\'\n};\nvar renderers = {\n bgColor: {\n renderer: RendererBgColor_RendererBgColor\n },\n borderColor: {\n renderer: RendererBorderColor_RendererBorderColor\n },\n borderImage: {\n renderer: RendererBorderImage_RendererBorderImage\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 fontStyle: {\n renderer: RendererFontStyle_RendererFontStyle\n },\n letterSpacing: {\n renderer: RendererLetterSpacing_RendererLetterSpacing\n },\n gap: {\n renderer: RendererSpace_RendererSpace\n },\n height: {\n renderer: RendererHeight_RendererHeight\n },\n horizontalPadding: {\n renderer: RendererSize_RendererSize\n },\n lineHeightRatio: {\n renderer: RendererLineHeightRatio_RendererLineHeightRatio\n },\n lineHeightPixels: {\n renderer: RendererLineHeightPixels_RendererLineHeightPixels\n },\n outlineColor: {\n renderer: RendererOutlineColor_RendererOutlineColor\n },\n outlineOffset: {\n renderer: RendererOutlineOffset_RendererOutlineOffset\n },\n outlineWidth: {\n renderer: RendererOutlineWidth_RendererOutlineWidth\n },\n borderWidth: {\n renderer: RendererBorderWidth_RendererBorderWidth\n },\n padding: {\n renderer: RendererSize_RendererSize\n },\n size: {\n renderer: RendererSize_RendererSize\n },\n space: {\n renderer: RendererSpace_RendererSpace\n },\n boxShadow: {\n renderer: RendererBoxShadow_RendererBoxShadow\n },\n typeface: {\n renderer: RendererFontFamily_RendererFontFamily\n },\n variationSettings: {\n renderer: RendererVariationSettings_RendererVariationSettings\n },\n verticalPadding: {\n renderer: RendererSize_RendererSize\n },\n textDecoration: {\n renderer: RendererTextDecoration_RendererTextDecoration\n }\n};\n\nfunction getTypeFromPrefix(name) {\n var match = Object.entries(typeFromPrefix).find(function (_ref) {\n var _ref2 = _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, _templateObject5;\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 Id = styled_components_browser_esm["b" /* default */].p(_templateObject2 || (_templateObject2 = TokenCard_styles_taggedTemplateLiteralLoose(["\\n margin: 0;\\n margin-top: 9px;\\n font-size: 14px;\\n"])));\nvar ThirdCol = styled_components_browser_esm["b" /* default */].div(_templateObject3 || (_templateObject3 = TokenCard_styles_taggedTemplateLiteralLoose(["\\n padding-top: 6px;\\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"])));\nvar IconWrapper = styled_components_browser_esm["b" /* default */].div(_templateObject5 || (_templateObject5 = TokenCard_styles_taggedTemplateLiteralLoose(["\\n padding-top: 2px;\\n"])));\n\ntry {\n // @ts-ignore\n TokenCardListItem.displayName = "TokenCardListItem";\n // @ts-ignore\n TokenCardListItem.__docgenInfo = { "description": "", "displayName": "TokenCardListItem", "props": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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 Id.displayName = "Id";\n // @ts-ignore\n Id.__docgenInfo = { "description": "", "displayName": "Id", "props": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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 ThirdCol.displayName = "ThirdCol";\n // @ts-ignore\n ThirdCol.__docgenInfo = { "description": "", "displayName": "ThirdCol", "props": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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/TokenCard.styles.tsx#ThirdCol"] = { docgenInfo: ThirdCol.__docgenInfo, name: "ThirdCol", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx#ThirdCol" };\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": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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) { }\ntry {\n // @ts-ignore\n IconWrapper.displayName = "IconWrapper";\n // @ts-ignore\n IconWrapper.__docgenInfo = { "description": "", "displayName": "IconWrapper", "props": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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/TokenCard.styles.tsx#IconWrapper"] = { docgenInfo: IconWrapper.__docgenInfo, name: "IconWrapper", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx#IconWrapper" };\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\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\n var _useDocMetadataContex = Object(dist["G" /* useDocMetadataContext */])(),\n validations = _useDocMetadataContex.validations;\n\n var experimentalValidation = validations === null || validations === void 0 ? void 0 : validations.getExperimentalTokenValidation(token.name);\n var deprecatedValidation = validations === null || validations === void 0 ? void 0 : validations.getDeprecatedTokenValidation(token.name);\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: [\'90px\', \'1fr\', \'2fr\']\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(LayoutFlex["a" /* LayoutFlex */], {\n direction: "column",\n gap: "3xs"\n }, /*#__PURE__*/react_default.a.createElement(Text["a" /* Text */], {\n variant: "l-medium"\n }, token.name), /*#__PURE__*/react_default.a.createElement(Text["a" /* Text */], {\n variant: "m"\n }, "@", token.name.replace(/\\./g, \'-\'))), /*#__PURE__*/react_default.a.createElement(ThirdCol, null, /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n direction: "column",\n gap: "2xs",\n justifyContent: "start"\n }, token.colorSchemeAware && /*#__PURE__*/react_default.a.createElement("div", null, /*#__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"))), experimentalValidation && /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "3xs",\n alignItems: "start",\n nowrap: true\n }, /*#__PURE__*/react_default.a.createElement(IconWrapper, null, /*#__PURE__*/react_default.a.createElement(dist["k" /* ExperimentalIcon */], {\n size: 16\n })), /*#__PURE__*/react_default.a.createElement(Text["a" /* Text */], null, /*#__PURE__*/react_default.a.createElement(dist["l" /* ExperimentalMessage */], {\n validation: experimentalValidation\n }))), deprecatedValidation && /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "3xs",\n alignItems: "start",\n nowrap: true\n }, /*#__PURE__*/react_default.a.createElement(IconWrapper, null, /*#__PURE__*/react_default.a.createElement(dist["f" /* DeprecatedIcon */], {\n size: 16\n })), /*#__PURE__*/react_default.a.createElement(Text["a" /* Text */], null, /*#__PURE__*/react_default.a.createElement(dist["g" /* DeprecatedMessage */], {\n validation: deprecatedValidation\n })))))), /*#__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"])));\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": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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 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 Heading.displayName = "Heading";\n // @ts-ignore\n Heading.__docgenInfo = { "description": "", "displayName": "Heading", "props": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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: 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": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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(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/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/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/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/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 onChange === null || onChange === void 0 ? void 0 : onChange(newColorScheme);\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": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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, TokenSearch_styles_templateObject4;\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: 200px;\\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 left: 0;\\n width: 100%;\\n z-index: 9999;\\n display: flex;\\n justify-content: center;\\n padding: 20px 20px 24px;\\n gap: 16px;\\n background: white;\\n"])));\nvar SearchFormContent = styled_components_browser_esm["b" /* default */].div(TokenSearch_styles_templateObject3 || (TokenSearch_styles_templateObject3 = TokenSearch_styles_taggedTemplateLiteralLoose(["\\n width: 100%;\\n max-width: 1000px;\\n margin: 0 auto;\\n"])));\nvar SearchInput = styled_components_browser_esm["b" /* default */].input(TokenSearch_styles_templateObject4 || (TokenSearch_styles_templateObject4 = 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": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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 SearchFormContent.displayName = "SearchFormContent";\n // @ts-ignore\n SearchFormContent.__docgenInfo = { "description": "", "displayName": "SearchFormContent", "props": { "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "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": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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#SearchFormContent"] = { docgenInfo: SearchFormContent.__docgenInfo, name: "SearchFormContent", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx#SearchFormContent" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n SearchInput.displayName = "SearchInput";\n // @ts-ignore\n SearchInput.__docgenInfo = { "description": "", "displayName": "SearchInput", "props": { "size": { "defaultValue": null, "description": "", "name": "size", "required": false, "type": { "name": "number" } }, "src": { "defaultValue": null, "description": "", "name": "src", "required": false, "type": { "name": "string" } }, "alt": { "defaultValue": null, "description": "", "name": "alt", "required": false, "type": { "name": "string" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "disabled": { "defaultValue": null, "description": "", "name": "disabled", "required": false, "type": { "name": "boolean" } }, "form": { "defaultValue": null, "description": "", "name": "form", "required": false, "type": { "name": "string" } }, "style": { "defaultValue": null, "description": "", "name": "style", "required": false, "type": { "name": "CSSProperties" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": false, "type": { "name": "string" } }, "pattern": { "defaultValue": null, "description": "", "name": "pattern", "required": false, "type": { "name": "string" } }, "slot": { "defaultValue": null, "description": "", "name": "slot", "required": false, "type": { "name": "string" } }, "type": { "defaultValue": null, "description": "", "name": "type", "required": false, "type": { "name": "string" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "suppressContentEditableWarning": { "defaultValue": null, "description": "", "name": "suppressContentEditableWarning", "required": false, "type": { "name": "boolean" } }, "suppressHydrationWarning": { "defaultValue": null, "description": "", "name": "suppressHydrationWarning", "required": false, "type": { "name": "boolean" } }, "accessKey": { "defaultValue": null, "description": "", "name": "accessKey", "required": false, "type": { "name": "string" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "spellCheck": { "defaultValue": null, "description": "", "name": "spellCheck", "required": false, "type": { "name": "boolean" } }, "tabIndex": { "defaultValue": null, "description": "", "name": "tabIndex", "required": false, "type": { "name": "number" } }, "inputMode": { "defaultValue": null, "description": "", "name": "inputMode", "required": false, "type": { "name": "string" } }, "is": { "defaultValue": null, "description": "", "name": "is", "required": false, "type": { "name": "string" } }, "radioGroup": { "defaultValue": null, "description": "", "name": "radioGroup", "required": false, "type": { "name": "string" } }, "role": { "defaultValue": null, "description": "", "name": "role", "required": false, "type": { "name": "string" } }, "about": { "defaultValue": null, "description": "", "name": "about", "required": false, "type": { "name": "string" } }, "datatype": { "defaultValue": null, "description": "", "name": "datatype", "required": false, "type": { "name": "string" } }, "inlist": { "defaultValue": null, "description": "", "name": "inlist", "required": false, "type": { "name": "any" } }, "prefix": { "defaultValue": null, "description": "", "name": "prefix", "required": false, "type": { "name": "string" } }, "property": { "defaultValue": null, "description": "", "name": "property", "required": false, "type": { "name": "string" } }, "resource": { "defaultValue": null, "description": "", "name": "resource", "required": false, "type": { "name": "string" } }, "typeof": { "defaultValue": null, "description": "", "name": "typeof", "required": false, "type": { "name": "string" } }, "vocab": { "defaultValue": null, "description": "", "name": "vocab", "required": false, "type": { "name": "string" } }, "autoCapitalize": { "defaultValue": null, "description": "", "name": "autoCapitalize", "required": false, "type": { "name": "string" } }, "autoCorrect": { "defaultValue": null, "description": "", "name": "autoCorrect", "required": false, "type": { "name": "string" } }, "autoSave": { "defaultValue": null, "description": "", "name": "autoSave", "required": false, "type": { "name": "string" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"on\\"" }, { "value": "\\"off\\"" }] } }, "aria-activedescendant": { "defaultValue": null, "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "name": "aria-activedescendant", "required": false, "type": { "name": "string" } }, "aria-atomic": { "defaultValue": null, "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "name": "aria-atomic", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-autocomplete": { "defaultValue": null, "description": "Indicates whether inputting text could trigger display of one or more predictions of the user\'s intended value for an input and specifies how predictions would be\\npresented if they are made.", "name": "aria-autocomplete", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }, { "value": "\\"both\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-describedby": { "defaultValue": null, "description": "Identifies the element (or elements) that describes the object.\\n@see aria-labelledby", "name": "aria-describedby", "required": false, "type": { "name": "string" } }, "aria-details": { "defaultValue": null, "description": "Identifies the element that provides a detailed, extended description for the object.\\n@see aria-describedby.", "name": "aria-details", "required": false, "type": { "name": "string" } }, "aria-disabled": { "defaultValue": null, "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\\n@see aria-hidden\\n@see aria-readonly.", "name": "aria-disabled", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-dropeffect": { "defaultValue": null, "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\\n@deprecated in ARIA 1.1", "name": "aria-dropeffect", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"none\\"" }, { "value": "\\"link\\"" }, { "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>" } }, "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" } }, "autoComplete": { "defaultValue": null, "description": "", "name": "autoComplete", "required": false, "type": { "name": "string" } }, "maxLength": { "defaultValue": null, "description": "", "name": "maxLength", "required": false, "type": { "name": "number" } }, "value": { "defaultValue": null, "description": "", "name": "value", "required": false, "type": { "name": "string | number | string[]" } }, "required": { "defaultValue": null, "description": "", "name": "required", "required": false, "type": { "name": "boolean" } }, "min": { "defaultValue": null, "description": "", "name": "min", "required": false, "type": { "name": "string | number" } }, "max": { "defaultValue": null, "description": "", "name": "max", "required": false, "type": { "name": "string | number" } }, "terms": { "defaultValue": null, "description": "", "name": "terms", "required": false, "type": { "name": "string" } }, "accept": { "defaultValue": null, "description": "", "name": "accept", "required": false, "type": { "name": "string" } }, "autoFocus": { "defaultValue": null, "description": "", "name": "autoFocus", "required": false, "type": { "name": "boolean" } }, "capture": { "defaultValue": null, "description": "", "name": "capture", "required": false, "type": { "name": "string | boolean" } }, "checked": { "defaultValue": null, "description": "", "name": "checked", "required": false, "type": { "name": "boolean" } }, "crossOrigin": { "defaultValue": null, "description": "", "name": "crossOrigin", "required": false, "type": { "name": "string" } }, "formAction": { "defaultValue": null, "description": "", "name": "formAction", "required": false, "type": { "name": "string" } }, "formEncType": { "defaultValue": null, "description": "", "name": "formEncType", "required": false, "type": { "name": "string" } }, "formMethod": { "defaultValue": null, "description": "", "name": "formMethod", "required": false, "type": { "name": "string" } }, "formNoValidate": { "defaultValue": null, "description": "", "name": "formNoValidate", "required": false, "type": { "name": "boolean" } }, "formTarget": { "defaultValue": null, "description": "", "name": "formTarget", "required": false, "type": { "name": "string" } }, "height": { "defaultValue": null, "description": "", "name": "height", "required": false, "type": { "name": "string | number" } }, "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" } }, "width": { "defaultValue": null, "description": "", "name": "width", "required": false, "type": { "name": "string | number" } }, "theme": { "defaultValue": null, "description": "", "name": "theme", "required": false, "type": { "name": "any" } }, "as": { "defaultValue": null, "description": "", "name": "as", "required": false, "type": { "name": "undefined" } }, "forwardedAs": { "defaultValue": null, "description": "", "name": "forwardedAs", "required": false, "type": { "name": "undefined" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx#SearchInput"] = { docgenInfo: SearchInput.__docgenInfo, name: "SearchInput", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.styles.tsx#SearchInput" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenSearch.tsx\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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/* eslint-disable jsx-a11y/anchor-is-valid */\n\n\n\n\n\n\n\n\nvar TokenSearch_TokenSearch = function TokenSearch() {\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 url = Object(react["useMemo"])(function () {\n var _window$top;\n\n return new URL(((_window$top = window.top) === null || _window$top === void 0 ? void 0 : _window$top.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$top2;\n\n if (urlTheme) {\n if (urlTheme !== theme.name && setTheme && newTheme) {\n setTheme(newTheme);\n }\n\n if (urlTheme && urlColorScheme !== colorScheme) {\n setColorScheme(urlColorScheme);\n }\n\n setSearchTerms(urlTerms || \'\');\n }\n\n params["delete"](\'theme\');\n params["delete"](\'colorScheme\');\n params["delete"](\'terms\');\n (_window$top2 = window.top) === null || _window$top2 === void 0 ? void 0 : _window$top2.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 fullUrl = Object(dist["F" /* makeTokenExplorerUrl */])({\n terms: terms,\n theme: theme.name,\n colorScheme: colorScheme\n });\n var handleClickPermalink = Object(react["useCallback"])(function (ev) {\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 }, // eslint-disable-next-line react-hooks/exhaustive-deps\n [fullUrl, timeoutId]);\n return /*#__PURE__*/react_default.a.createElement(TokenSearchStatic, null, /*#__PURE__*/react_default.a.createElement(SearchForm, null, /*#__PURE__*/react_default.a.createElement(SearchFormContent, null, /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "xs",\n direction: "column"\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 direction: "column",\n justifyContent: "start",\n alignItems: "end"\n }, /*#__PURE__*/react_default.a.createElement(Link["a" /* Link */], {\n url: fullUrl,\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": {} };\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: .-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx\nvar StoryContextWithTokens = __webpack_require__("../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/00.token-explorer.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\n\nvar 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/Token Explorer",\n parameters: {\n docs: {\n container: StoryContextWithTokens["a" /* 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 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: \'\\\'Guides/Token Explorer\',\n parameters: {\n docs: {\n container: StoryContextWithTokens["a" /* 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvcHJvdmlkZXJzL3VzZVRva2VuU2VhcmNoQ29udGV4dC50cz8wNzFmIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQmdDb2xvci50c3g/MTQ5YSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJvcmRlckNvbG9yLnRzeD9jZGM1Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVySW1hZ2UudHN4P2ZkOTQiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCb3JkZXJSYWRpdXMudHN4PzY1NDUiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCb3JkZXJXaWR0aC50c3g/ZjExYiIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJveFNoYWRvdy50c3g/OTdhMiIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJyaWdodG5lc3MudHN4P2ViNDgiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGZ0NvbG9yLnRzeD83ZjA2Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udEZhbWlseS50c3g/YjJmMCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRTaXplLnRzeD8yZWM5Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udFN0eWxlLnRzeD8wM2QzIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udFdlaWdodC50c3g/NWIwZiIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckhlaWdodC50c3g/MGMyNSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckxldHRlclNwYWNpbmcudHN4P2Y1NDYiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJMaW5lSGVpZ2h0UGl4ZWxzLnRzeD80ZDc0Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyTGluZUhlaWdodFJhdGlvLnRzeD84NGVkIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyT3V0bGluZUNvbG9yLnRzeD82YzVlIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyT3V0bGluZU9mZnNldC50c3g/ZmRjNCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVXaWR0aC50c3g/YTdkZSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclBhbGV0dGVJdGVtLnRzeD9kOTVkIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyU2l6ZS50c3g/Nzg2OCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclNwYWNlLnRzeD9kNGMzIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyVGV4dERlY29yYXRpb24udHN4P2RlMTgiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJWYXJpYXRpb25TZXR0aW5ncy50c3g/MGM4ZiIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvZnVuY3Rpb25zL3Rva2VuLXR5cGUucmVuZGVyZXIudHN4PzA0NDAiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5DYXJkLnN0eWxlcy50c3g/NGRhZSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlbkNhcmQudHN4P2E4YTgiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5MaXN0LnN0eWxlcy50c3g/Y2VmZSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29uc3RhbnRzL3NlYXJjaC1oaW50cy50c3g/NDYxMSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblNlYXJjaEhpbnQuc3R5bGVzLnRzeD9lMjVhIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuU2VhcmNoSGludC50c3g/ODA5NSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblNlYXJjaEhpbnRzLnRzeD9lOGMwIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuTGlzdC50c3g/MTg0MyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9TY2hlbWVTd2l0Y2hlci5zdHlsZXMudHM/NDgwMyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9TY2hlbWVTd2l0Y2hlci50c3g/M2IzOCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9TZWFyY2hUZXJtcy5zdHlsZXMudHN4PzEwYTQiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvU2VhcmNoVGVybXMudHN4PzU5OTQiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5TZWFyY2guc3R5bGVzLnRzeD9lMTZiIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuU2VhcmNoLnRzeD8yNTEwIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy8wMC50b2tlbi1leHBsb3Jlci5zdG9yaWVzLm1keD83NGIxIl0sIm5hbWVzIjpbInVzZVRva2VuU2VhcmNoQ29udGV4dCIsInVzZUNvbnRleHQiLCJUb2tlblNlYXJjaENvbnRleHQiLCJEaXYiLCJzdHlsZWQiLCJkaXYiLCJ2YWx1ZSIsIlJlbmRlcmVyQmdDb2xvciIsIlJlbmRlcmVyQm9yZGVyQ29sb3IiLCJSZW5kZXJlckJvcmRlckltYWdlIiwiUmVuZGVyZXJCb3JkZXJSYWRpdXMiLCJSZW5kZXJlckJvcmRlcldpZHRoIiwiUmVuZGVyZXJCb3hTaGFkb3ciLCJSZW5kZXJlckJyaWdodG5lc3MiLCJSZW5kZXJlckZnQ29sb3IiLCJSZW5kZXJlckZvbnRGYW1pbHkiLCJSZW5kZXJlckZvbnRTaXplIiwiUmVuZGVyZXJGb250U3R5bGUiLCJSZW5kZXJlckZvbnRXZWlnaHQiLCJSZW5kZXJlckhlaWdodCIsIlJlbmRlcmVyTGV0dGVyU3BhY2luZyIsIlJlbmRlcmVyTGluZUhlaWdodFBpeGVscyIsIlJlbmRlcmVyTGluZUhlaWdodFJhdGlvIiwiUmVuZGVyZXJPdXRsaW5lQ29sb3IiLCJSZW5kZXJlck91dGxpbmVPZmZzZXQiLCJSZW5kZXJlck91dGxpbmVXaWR0aCIsIlJlbmRlcmVyUGFsZXR0ZUl0ZW0iLCJSZW5kZXJlclNpemUiLCJSZW5kZXJlclNwYWNlIiwiUmVuZGVyZXJUZXh0RGVjb3JhdGlvbiIsIlJlbmRlcmVyVmFyaWF0aW9uU2V0dGluZ3MiLCJ0eXBlRnJvbVByZWZpeCIsInNwYWNpbmciLCJzaXppbmciLCJyYWRpdXMiLCJiYWNrZ3JvdW5kIiwiY29sb3IiLCJjb250ZW50IiwiZWxldmF0aW9uIiwiZHJvcFNoYWRvdyIsInN1Zml4TWFwIiwibGluZUhlaWdodCIsInNoYWRvdyIsImJvcmRlckltYWdlIiwib2Zmc2V0IiwicmVuZGVyZXJzIiwiYmdDb2xvciIsInJlbmRlcmVyIiwiYm9yZGVyQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJicmlnaHRuZXNzIiwiZmdDb2xvciIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsImZvbnRXZWlnaHQiLCJmb250U3R5bGUiLCJsZXR0ZXJTcGFjaW5nIiwiZ2FwIiwiaGVpZ2h0IiwiaG9yaXpvbnRhbFBhZGRpbmciLCJsaW5lSGVpZ2h0UmF0aW8iLCJsaW5lSGVpZ2h0UGl4ZWxzIiwib3V0bGluZUNvbG9yIiwib3V0bGluZU9mZnNldCIsIm91dGxpbmVXaWR0aCIsImJvcmRlcldpZHRoIiwicGFkZGluZyIsInNpemUiLCJzcGFjZSIsImJveFNoYWRvdyIsInR5cGVmYWNlIiwidmFyaWF0aW9uU2V0dGluZ3MiLCJ2ZXJ0aWNhbFBhZGRpbmciLCJ0ZXh0RGVjb3JhdGlvbiIsImdldFR5cGVGcm9tUHJlZml4IiwibmFtZSIsIm1hdGNoIiwiT2JqZWN0IiwiZW50cmllcyIsImZpbmQiLCJwcmVmaXgiLCJzdGFydHNXaXRoIiwiZ2V0VHlwZUZyb21TdWZpeCIsInN1Zml4Iiwic3BsaXQiLCJwb3AiLCJnZXRSZW5kZXJlciIsInRva2VuIiwidHlwZSIsInRva2VuUmVuZGVyZXIiLCJFcnJvciIsIlRva2VuQ2FyZExpc3RJdGVtIiwibGkiLCJJZCIsInAiLCJUaGlyZENvbCIsIlZhbHVlIiwiSWNvbldyYXBwZXIiLCJUb2tlbkNhcmQiLCJ1c2VUb2tlbiIsIkNvbXBvbmVudCIsInVzZURvY01ldGFkYXRhQ29udGV4dCIsInZhbGlkYXRpb25zIiwiZXhwZXJpbWVudGFsVmFsaWRhdGlvbiIsImdldEV4cGVyaW1lbnRhbFRva2VuVmFsaWRhdGlvbiIsImRlcHJlY2F0ZWRWYWxpZGF0aW9uIiwiZ2V0RGVwcmVjYXRlZFRva2VuVmFsaWRhdGlvbiIsImlkIiwicmVwbGFjZSIsImNvbG9yU2NoZW1lQXdhcmUiLCJMaXN0IiwidWwiLCJOb1Jlc3VsdHMiLCJoaW50cyIsImJ1dCIsImFsdGVybmF0aXZlcyIsIm5vdGUiLCJsYXlvIiwiYWxpZ24iLCJqdXN0IiwiYm9sIiwiaGVscCIsIkhlYWRpbmciLCJoMyIsIkFsdGVybmF0aXZlcyIsIk5vdGUiLCJUb2tlblNlYXJjaEhpbnQiLCJoaW50IiwibGVuZ3RoIiwibWFwIiwiYWx0IiwiaW5kZXgiLCJUb2tlblNlYXJjaEhpbnRzIiwidGVybXMiLCJ0cmlnZ2VyIiwidG9Mb3dlckNhc2UiLCJpbmRleE9mIiwiVG9rZW5MaXN0IiwicmVzdWx0cyIsImlzTm90RGVmYXVsdCIsIlNlbGVjdCIsInNlbGVjdCIsIlNjaGVtZVN3aXRjaGVyIiwib25DaGFuZ2UiLCJjb2xvclNjaGVtZSIsInNldENvbG9yU2NoZW1lIiwiaGFuZGxlQ2hhbmdlIiwidXNlQ2FsbGJhY2siLCJldiIsIm5ld0NvbG9yU2NoZW1lIiwidGFyZ2V0Iiwid2luZG93IiwibG9jYWxTdG9yYWdlIiwic2V0SXRlbSIsInVuZGVmaW5lZCIsImtleXMiLCJjb2xvclNjaGVtZUNvbmZpZyIsImtleSIsIlNlYXJjaEJ5SWQiLCJTZWFyY2hCeU5hbWUiLCJOb3RGaWx0ZXJlZCIsIlNlYXJjaFRlcm1zIiwic3Vic3RyaW5nIiwiVG9rZW5TZWFyY2hTdGF0aWMiLCJTZWFyY2hGb3JtIiwiU2VhcmNoRm9ybUNvbnRlbnQiLCJTZWFyY2hJbnB1dCIsImlucHV0IiwiVG9rZW5TZWFyY2giLCJ1c2VUaGVtZSIsInRoZW1lIiwidXNlVGhlbWVzIiwidGhlbWVzIiwidXNlU2V0VGhlbWUiLCJzZXRUaGVtZSIsInNldFNlYXJjaFRlcm1zIiwidXNlU3RhdGUiLCJzaG93RmVlZGJhY2siLCJzZXRTaG93RmVlZGJhY2siLCJ0aW1lb3V0SWQiLCJzZXRUaW1lb3V0SWQiLCJ1cmwiLCJ1c2VNZW1vIiwiVVJMIiwidG9wIiwibG9jYXRpb24iLCJocmVmIiwicGFyYW1zIiwic2VhcmNoUGFyYW1zIiwidXJsVGhlbWUiLCJnZXQiLCJuZXdUaGVtZSIsInQiLCJ1cmxDb2xvclNjaGVtZSIsInVybFRlcm1zIiwidXNlRWZmZWN0IiwiaGlzdG9yeSIsInJlcGxhY2VTdGF0ZSIsImNsZWFyVGltZW91dCIsImhhbmRsZVNlYXJjaFRlcm1zQ2hhbmdlIiwiZnVsbFVybCIsIm1ha2VUb2tlbkV4cGxvcmVyVXJsIiwiaGFuZGxlQ2xpY2tQZXJtYWxpbmsiLCJuYXZpZ2F0b3IiLCJjbGlwYm9hcmQiLCJ3cml0ZVRleHQiLCJwcmV2ZW50RGVmYXVsdCIsInNldFRpbWVvdXQiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiU3RvcnlDb250ZXh0V2l0aFRva2VucyIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFFQTtBQUVPLElBQU1BLDJDQUFxQixHQUFHLFNBQXhCQSxxQkFBd0I7QUFBQSxTQUErQkMsMkJBQVUsQ0FBQ0MsaURBQUQsQ0FBekM7QUFB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L3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvMDAudG9rZW4tZXhwbG9yZXIuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUb2tlblNlYXJjaENvbnRleHQsIFRva2VuU2VhcmNoQ29udGV4dFNoYXBlIH0gZnJvbSAnLi9Ub2tlblNlYXJjaFByb3ZpZGVyJztcblxuZXhwb3J0IGNvbnN0IHVzZVRva2VuU2VhcmNoQ29udGV4dCA9ICgpOiBUb2tlblNlYXJjaENvbnRleHRTaGFwZSA9PiB1c2VDb250ZXh0KFRva2VuU2VhcmNoQ29udGV4dCk7XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgd2lkdGg6IDY0cHg7XG4gICAgaGVpZ2h0OiA2NHB4O1xuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckJnQ29sb3I6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0gLz47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHdpZHRoOiA0OHB4O1xuICAgIGhlaWdodDogNDhweFxuICAgIHBhZGRpbmc6IDhweCAwIDAgOHB4O1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdmFsdWUgfSkgPT4gKHZhbHVlID09PSAnd2hpdGUnID8gJ2JsYWNrJyA6ICd3aGl0ZScpfTtcblxuXG4gICAgc3BhbiB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogNDBweDtcbiAgICAgICAgaGVpZ2h0OiA0MHB4O1xuICAgICAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMTZweDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICAgICAgYm9yZGVyLXJpZ2h0OiBub25lO1xuICAgICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckJvcmRlckNvbG9yOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICA8c3BhbiAvPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogNDhweDtcbiAgICBoZWlnaHQ6IDQ4cHhcbiAgICBwYWRkaW5nOiA4cHggMCAwIDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHZhbHVlIH0pID0+ICh2YWx1ZSA9PT0gJ3doaXRlJyA/ICdibGFjaycgOiAnd2hpdGUnKX07XG4gICAgYm9yZGVyLWltYWdlOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcblxuXG5cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckJvcmRlckltYWdlOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICA8c3BhbiAvPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogMzJweDtcbiAgICBoZWlnaHQ6IDMycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6ICM5OTk7XG4gICAgYm9yZGVyLXdpZHRoOiAxMnB4O1xuICAgIGJvcmRlci1yaWdodDogbm9uZTtcbiAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyQm9yZGVyUmFkaXVzOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9IC8+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogNjRweDtcbiAgICBwYWRkaW5nLXRvcDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgYmFja2dyb3VuZDogIzY2NjtcblxuICAgIHNwYW4ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJvcmRlci10b3Atc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6IHdoaXRlO1xuICAgICAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICAgICAgaGVpZ2h0OiAyOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAjOTk5O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckJvcmRlcldpZHRoOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICA8c3BhbiAvPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogNjRweDtcbiAgICBoZWlnaHQ6IDY0cHg7XG4gICAgYm94LXNoYWRvdzogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJCb3hTaGFkb3c6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0gLz47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGJhY2tncm91bmQ6ICM5OTk7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB3aWR0aDogMjAwcHg7XG4gICAgY29sb3I6IHdoaXRlO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGZpbHRlcjogYnJpZ2h0bmVzcygkeyh7IHZhbHVlIH0pID0+IHZhbHVlfSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyQnJpZ2h0bmVzczogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfT5ob3ZlciBtZTwvRGl2Pjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHdpZHRoOiA2NHB4O1xuICAgIGhlaWdodDogNjRweDtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICBjb2xvcjogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgYmFja2dyb3VuZDogJHsoeyB2YWx1ZSB9KSA9PiAodmFsdWUgPT09ICd3aGl0ZScgPyAnYmxhY2snIDogJ3doaXRlJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyRmdDb2xvcjogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfT5BPC9EaXY+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBmb250LWZhbWlseTogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG5cbiAgICBwOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICB9XG5cbiAgICBwOmxhc3QtY2hpbGQge1xuICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckZvbnRGYW1pbHk6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIDxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0ICg3MDApPC9wPlxuICAgICAgICAgICAgPHA+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQgKDUwMCk8L3A+XG4gICAgICAgICAgICA8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCAoNDAwKTwvcD5cbiAgICAgICAgPC9EaXY+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZm9udC1mYW1pbHk6IFByZXBseUludGVyO1xuICAgIEBzdXBwb3J0cyAoZm9udC12YXJpYXRpb24tc2V0dGluZ3M6IG5vcm1hbCkge1xuICAgICAgICBmb250LWZhbWlseTogUHJlcGx5SW50ZXJWO1xuICAgIH1cbiAgICBmb250LXNpemU6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyRm9udFNpemU6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQ8L0Rpdj47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGZvbnQtZmFtaWx5OiBQcmVwbHlJbnRlcjtcbiAgICBAc3VwcG9ydHMgKGZvbnQtdmFyaWF0aW9uLXNldHRpbmdzOiBub3JtYWwpIHtcbiAgICAgICAgZm9udC1mYW1pbHk6IFByZXBseUludGVyVjtcbiAgICB9XG4gICAgZm9udC1zdHlsZTogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyRm9udFN0eWxlOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9PkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LjwvRGl2Pjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZm9udC1mYW1pbHk6IFByZXBseUludGVyO1xuICAgIEBzdXBwb3J0cyAoZm9udC12YXJpYXRpb24tc2V0dGluZ3M6IG5vcm1hbCkge1xuICAgICAgICBmb250LWZhbWlseTogUHJlcGx5SW50ZXJWO1xuICAgIH1cbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyRm9udFdlaWdodDogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfT5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldDwvRGl2Pjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgaGVpZ2h0OiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICB3aWR0aDogNDBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckhlaWdodDogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfSAvPjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZm9udC1mYW1pbHk6IFByZXBseUludGVyO1xuICAgIEBzdXBwb3J0cyAoZm9udC12YXJpYXRpb24tc2V0dGluZ3M6IG5vcm1hbCkge1xuICAgICAgICBmb250LWZhbWlseTogUHJlcGx5SW50ZXJWO1xuICAgIH1cbiAgICBsZXR0ZXItc3BhY2luZzogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyTGV0dGVyU3BhY2luZzogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfT5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldC48L0Rpdj47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGZvbnQtZmFtaWx5OiBQcmVwbHlJbnRlcjtcbiAgICBAc3VwcG9ydHMgKGZvbnQtdmFyaWF0aW9uLXNldHRpbmdzOiBub3JtYWwpIHtcbiAgICAgICAgZm9udC1mYW1pbHk6IFByZXBseUludGVyVjtcbiAgICB9XG4gICAgbGluZS1oZWlnaHQ6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckxpbmVIZWlnaHRQaXhlbHM6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIERvbmVjIG1hc3NhIG51bGxhLCBzdXNjaXBpdCBpZFxuICAgICAgICAgICAgcHVydXMgcXVpcywgZmFjaWxpc2lzIHRlbXB1cyB0b3J0b3IuIFByYWVzZW50IGZlbGlzIHF1YW0sIHRpbmNpZHVudCB2aXRhZSBsaWJlcm8gdXQsXG4gICAgICAgICAgICBiaWJlbmR1bSBjb25kaW1lbnR1bSBudW5jLlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBmb250LWZhbWlseTogUHJlcGx5SW50ZXI7XG4gICAgQHN1cHBvcnRzIChmb250LXZhcmlhdGlvbi1zZXR0aW5nczogbm9ybWFsKSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBQcmVwbHlJbnRlclY7XG4gICAgfVxuICAgIGxpbmUtaGVpZ2h0OiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJMaW5lSGVpZ2h0UmF0aW86IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIERvbmVjIG1hc3NhIG51bGxhLCBzdXNjaXBpdCBpZFxuICAgICAgICAgICAgcHVydXMgcXVpcywgZmFjaWxpc2lzIHRlbXB1cyB0b3J0b3IuIFByYWVzZW50IGZlbGlzIHF1YW0sIHRpbmNpZHVudCB2aXRhZSBsaWJlcm8gdXQsXG4gICAgICAgICAgICBiaWJlbmR1bSBjb25kaW1lbnR1bSBudW5jLlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICB3aWR0aDogNDhweDtcbiAgICBoZWlnaHQ6IDQ4cHhcbiAgICBwYWRkaW5nOiA4cHggMCAwIDhweDtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHZhbHVlIH0pID0+ICh2YWx1ZSA9PT0gJ3doaXRlJyA/ICdibGFjaycgOiAnd2hpdGUnKX07XG5cblxuICAgIHNwYW4ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgIGhlaWdodDogNDBweDtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDE2cHg7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgICAgIGJvcmRlci1yaWdodDogbm9uZTtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJPdXRsaW5lQ29sb3I6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIDxzcGFuIC8+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiA2NHB4O1xuICAgIHBhZGRpbmctdG9wOiAycHg7XG4gICAgYmFja2dyb3VuZDogIzY2NjtcblxuICAgIHNwYW4ge1xuICAgICAgICBoZWlnaHQ6IDJweDtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICAgICAgaGVpZ2h0OiAyOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAjOTk5O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlck91dGxpbmVPZmZzZXQ6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIDxzcGFuIC8+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiA2NHB4O1xuICAgIHBhZGRpbmctdG9wOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBiYWNrZ3JvdW5kOiAjNjY2O1xuXG4gICAgc3BhbiB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gICAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgICBoZWlnaHQ6IDI4cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICM5OTk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyT3V0bGluZVdpZHRoOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICA8c3BhbiAvPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogNjRweDtcbiAgICBoZWlnaHQ6IDY0cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJQYWxldHRlSXRlbTogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfSAvPjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgd2lkdGg6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIGhlaWdodDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJTaXplOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9IC8+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyU3BhY2U6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0gLz47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHRleHQtZGVjb3JhdGlvbjogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG5cbiAgICBwOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICB9XG5cbiAgICBwOmxhc3QtY2hpbGQge1xuICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlclRleHREZWNvcmF0aW9uOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IHZhbHVlPXt2YWx1ZX0+XG4gICAgICAgICAgICA8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldDwvcD5cbiAgICAgICAgPC9EaXY+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZm9udC1mYW1pbHk6IFByZXBseUludGVyO1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICBmb250LXZhcmlhdGlvbi1zZXR0aW5nczogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyVmFyaWF0aW9uU2V0dGluZ3M6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQuPC9EaXY+O1xufTtcbiIsImltcG9ydCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBSZW5kZXJlckJnQ29sb3IgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQmdDb2xvcic7XG5pbXBvcnQgeyBSZW5kZXJlckJvcmRlckNvbG9yIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJvcmRlckNvbG9yJztcbmltcG9ydCB7IFJlbmRlcmVyQm9yZGVySW1hZ2UgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVySW1hZ2UnO1xuaW1wb3J0IHsgUmVuZGVyZXJCb3JkZXJSYWRpdXMgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyUmFkaXVzJztcbmltcG9ydCB7IFJlbmRlcmVyQm9yZGVyV2lkdGggfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyV2lkdGgnO1xuaW1wb3J0IHsgUmVuZGVyZXJCb3hTaGFkb3cgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm94U2hhZG93JztcbmltcG9ydCB7IFJlbmRlcmVyQnJpZ2h0bmVzcyB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCcmlnaHRuZXNzJztcbmltcG9ydCB7IFJlbmRlcmVyRmdDb2xvciB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGZ0NvbG9yJztcbmltcG9ydCB7IFJlbmRlcmVyRm9udEZhbWlseSB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGb250RmFtaWx5JztcbmltcG9ydCB7IFJlbmRlcmVyRm9udFNpemUgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udFNpemUnO1xuaW1wb3J0IHsgUmVuZGVyZXJGb250U3R5bGUgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udFN0eWxlJztcbmltcG9ydCB7IFJlbmRlcmVyRm9udFdlaWdodCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGb250V2VpZ2h0JztcbmltcG9ydCB7IFJlbmRlcmVySGVpZ2h0IH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckhlaWdodCc7XG5pbXBvcnQgeyBSZW5kZXJlckxldHRlclNwYWNpbmcgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyTGV0dGVyU3BhY2luZyc7XG5pbXBvcnQgeyBSZW5kZXJlckxpbmVIZWlnaHRQaXhlbHMgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyTGluZUhlaWdodFBpeGVscyc7XG5pbXBvcnQgeyBSZW5kZXJlckxpbmVIZWlnaHRSYXRpbyB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJMaW5lSGVpZ2h0UmF0aW8nO1xuaW1wb3J0IHsgUmVuZGVyZXJPdXRsaW5lQ29sb3IgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyT3V0bGluZUNvbG9yJztcbmltcG9ydCB7IFJlbmRlcmVyT3V0bGluZU9mZnNldCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJPdXRsaW5lT2Zmc2V0JztcbmltcG9ydCB7IFJlbmRlcmVyT3V0bGluZVdpZHRoIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVXaWR0aCc7XG5pbXBvcnQgeyBSZW5kZXJlclBhbGV0dGVJdGVtIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclBhbGV0dGVJdGVtJztcbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyUHJvcHMnO1xuaW1wb3J0IHsgUmVuZGVyZXJTaXplIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclNpemUnO1xuaW1wb3J0IHsgUmVuZGVyZXJTcGFjZSB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJTcGFjZSc7XG5pbXBvcnQgeyBSZW5kZXJlclRleHREZWNvcmF0aW9uIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclRleHREZWNvcmF0aW9uJztcbmltcG9ydCB7IFJlbmRlcmVyVmFyaWF0aW9uU2V0dGluZ3MgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyVmFyaWF0aW9uU2V0dGluZ3MnO1xuaW1wb3J0IHsgRXh0ZW5kZWRUb2tlbiB9IGZyb20gJy4uL3R5cGVzJztcblxudHlwZSBUb2tlblJlbmRlcmVyID0ge1xuICAgIHJlbmRlcmVyOiBGQzxSZW5kZXJlclByb3BzPjtcbn07XG5cbi8qKlxuICogcGljayBhIHR5cGUgZm9yIHJvb3QgdG9rZW5zXG4gKi9cbmNvbnN0IHR5cGVGcm9tUHJlZml4OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICAgICdyb290LnNpemUnOiAnc2l6ZScsXG4gICAgJ2ljb24uc2l6ZSc6ICdzaXplJyxcbiAgICAncm9vdC5zcGFjZSc6ICdzcGFjZScsXG4gICAgc3BhY2luZzogJ3NwYWNlJyxcbiAgICBzaXppbmc6ICdzcGFjZScsXG4gICAgJ3Jvb3QucmFkaXVzJzogJ2JvcmRlclJhZGl1cycsXG4gICAgcmFkaXVzOiAnYm9yZGVyUmFkaXVzJyxcbiAgICAncm9vdC50ZXh0LnNpemUnOiAnZm9udFNpemUnLFxuICAgICdyb290LnRleHQuYmFzZS5saW5lSGVpZ2h0JzogJ2xpbmVIZWlnaHRSYXRpbycsXG4gICAgJ3Jvb3QudGV4dC5oZWlnaHQnOiAnbGluZUhlaWdodFBpeGVscycsXG4gICAgJ3Jvb3QudGV4dC53ZWlnaHQnOiAnZm9udFdlaWdodCcsXG4gICAgJ2RzSW50ZXJuYWxQcmltaXRpdmUuYnV0dG9uLmJvcmRlcldlaWdodCc6ICdib3JkZXJXaWR0aCcsXG4gICAgJ2ljb24uZmllbGRMYXlvdXQud2lkdGgnOiAnaG9yaXpvbnRhbFBhZGRpbmcnLFxuICAgICdpY29uLmZpZWxkTGF5b3V0LmhlaWdodCc6ICdob3Jpem9udGFsUGFkZGluZycsXG4gICAgJ3Jvb3QudGV4dC5zcGFjaW5nJzogJ2xldHRlclNwYWNpbmcnLFxuICAgICdyb290LnRleHQuc3R5bGUnOiAnZm9udFN0eWxlJyxcbiAgICAncm9vdC50ZXh0LnZhcmlhdGlvbic6ICd2YXJpYXRpb25TZXR0aW5ncycsXG4gICAgJ3Jvb3QucGFsZXR0ZSc6ICdjb2xvcicsXG4gICAgYmFja2dyb3VuZDogJ2NvbG9yJyxcbiAgICBjb2xvcjogJ2NvbG9yJyxcbiAgICAnZHNJbnRlcm5hbFByaW1pdGl2ZS5jb2xvcic6ICdjb2xvcicsXG4gICAgJ2JhZGdlLmJhc2UuY29sb3InOiAnY29sb3InLFxuICAgICdiYWRnZS5hY2NlbnQnOiAnY29sb3InLFxuICAgIGNvbnRlbnQ6ICdjb2xvcicsXG4gICAgZWxldmF0aW9uOiAnYm94U2hhZG93JywgLy8gVE9ETzogY3JlYXRlIGEgcmVuZGVyZWQgc2ltaWxhciB0byBodHRwczovL2V0aGVyY3JlYXRpdmUuZ2l0aHViLmlvL3JlYWN0LW5hdGl2ZS1zaGFkb3ctZ2VuZXJhdG9yL1xuICAgIGRyb3BTaGFkb3c6ICdib3hTaGFkb3cnLFxufTtcblxuY29uc3Qgc3VmaXhNYXA6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgY29sb3I6ICdmZ0NvbG9yJyxcbiAgICBsaW5lSGVpZ2h0OiAnbGluZUhlaWdodFBpeGVscycsXG4gICAgc2hhZG93OiAnYm94U2hhZG93JyxcbiAgICBib3JkZXJJbWFnZTogJ2JvcmRlckltYWdlJyxcbiAgICBvZmZzZXQ6ICdzaXplJyxcbn07XG5cbmNvbnN0IHJlbmRlcmVyczogUmVjb3JkPHN0cmluZywgVG9rZW5SZW5kZXJlcj4gPSB7XG4gICAgYmdDb2xvcjoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCZ0NvbG9yLFxuICAgIH0sXG4gICAgYm9yZGVyQ29sb3I6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyQm9yZGVyQ29sb3IsXG4gICAgfSxcbiAgICBib3JkZXJJbWFnZToge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCb3JkZXJJbWFnZSxcbiAgICB9LFxuICAgIGJvcmRlclJhZGl1czoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCb3JkZXJSYWRpdXMsXG4gICAgfSxcbiAgICBicmlnaHRuZXNzOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckJyaWdodG5lc3MsXG4gICAgfSxcbiAgICBjb2xvcjoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJQYWxldHRlSXRlbSxcbiAgICB9LFxuICAgIGZnQ29sb3I6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyRmdDb2xvcixcbiAgICB9LFxuICAgIGZvbnRGYW1pbHk6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyRm9udEZhbWlseSxcbiAgICB9LFxuICAgIGZvbnRTaXplOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckZvbnRTaXplLFxuICAgIH0sXG4gICAgZm9udFdlaWdodDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJGb250V2VpZ2h0LFxuICAgIH0sXG4gICAgZm9udFN0eWxlOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckZvbnRTdHlsZSxcbiAgICB9LFxuICAgIGxldHRlclNwYWNpbmc6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyTGV0dGVyU3BhY2luZyxcbiAgICB9LFxuICAgIGdhcDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJTcGFjZSxcbiAgICB9LFxuICAgIGhlaWdodDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJIZWlnaHQsXG4gICAgfSxcbiAgICBob3Jpem9udGFsUGFkZGluZzoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJTaXplLFxuICAgIH0sXG4gICAgbGluZUhlaWdodFJhdGlvOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckxpbmVIZWlnaHRSYXRpbyxcbiAgICB9LFxuICAgIGxpbmVIZWlnaHRQaXhlbHM6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyTGluZUhlaWdodFBpeGVscyxcbiAgICB9LFxuICAgIG91dGxpbmVDb2xvcjoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJPdXRsaW5lQ29sb3IsXG4gICAgfSxcbiAgICBvdXRsaW5lT2Zmc2V0OiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlck91dGxpbmVPZmZzZXQsXG4gICAgfSxcbiAgICBvdXRsaW5lV2lkdGg6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyT3V0bGluZVdpZHRoLFxuICAgIH0sXG4gICAgYm9yZGVyV2lkdGg6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyQm9yZGVyV2lkdGgsXG4gICAgfSxcbiAgICBwYWRkaW5nOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNpemUsXG4gICAgfSxcbiAgICBzaXplOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNpemUsXG4gICAgfSxcbiAgICBzcGFjZToge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJTcGFjZSxcbiAgICB9LFxuICAgIGJveFNoYWRvdzoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCb3hTaGFkb3csXG4gICAgfSxcbiAgICB0eXBlZmFjZToge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJGb250RmFtaWx5LFxuICAgIH0sXG4gICAgdmFyaWF0aW9uU2V0dGluZ3M6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyVmFyaWF0aW9uU2V0dGluZ3MsXG4gICAgfSxcbiAgICB2ZXJ0aWNhbFBhZGRpbmc6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyU2l6ZSxcbiAgICB9LFxuICAgIHRleHREZWNvcmF0aW9uOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclRleHREZWNvcmF0aW9uLFxuICAgIH0sXG59O1xuXG5mdW5jdGlvbiBnZXRUeXBlRnJvbVByZWZpeChuYW1lOiBzdHJpbmcpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIGNvbnN0IG1hdGNoID0gT2JqZWN0LmVudHJpZXModHlwZUZyb21QcmVmaXgpLmZpbmQoKFtwcmVmaXhdKSA9PiBuYW1lLnN0YXJ0c1dpdGgocHJlZml4KSk7XG4gICAgcmV0dXJuIG1hdGNoICYmIG1hdGNoWzFdO1xufVxuXG5mdW5jdGlvbiBnZXRUeXBlRnJvbVN1Zml4KG5hbWU6IHN0cmluZyk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgY29uc3Qgc3VmaXggPSBuYW1lLnNwbGl0KCcuJykucG9wKCkgfHwgJyc7XG4gICAgcmV0dXJuIHN1Zml4IGluIHN1Zml4TWFwID8gc3VmaXhNYXBbc3VmaXhdIDogc3VmaXg7XG59XG5cbmZ1bmN0aW9uIGdldFJlbmRlcmVyKHRva2VuOiBFeHRlbmRlZFRva2VuKTogVG9rZW5SZW5kZXJlciB8IHVuZGVmaW5lZCB7XG4gICAgY29uc3QgdHlwZSA9IGdldFR5cGVGcm9tUHJlZml4KHRva2VuLm5hbWUpIHx8IGdldFR5cGVGcm9tU3VmaXgodG9rZW4ubmFtZSkgfHwgJyc7XG4gICAgcmV0dXJuIHJlbmRlcmVyc1t0eXBlXTtcbn1cblxuZXhwb3J0IGNvbnN0IHRva2VuUmVuZGVyZXIgPSAodG9rZW46IEV4dGVuZGVkVG9rZW4pOiBUb2tlblJlbmRlcmVyID0+IHtcbiAgICBjb25zdCByZW5kZXJlciA9IGdldFJlbmRlcmVyKHRva2VuKTtcblxuICAgIGlmICghcmVuZGVyZXIpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBObyByZW5kZXJlciBmb3IgdG9rZW4gXCIke3Rva2VuLm5hbWV9XCIuYCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHJlbmRlcmVyO1xufTtcbiIsImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgVG9rZW5DYXJkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtYXJnaW4tYm90dG9tOiAzMnB4O1xuXG4gICAgc3Bhblt0aXRsZV0ge1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJZCA9IHN0eWxlZC5wYFxuICAgIG1hcmdpbjogMDtcbiAgICBtYXJnaW4tdG9wOiA5cHg7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRoaXJkQ29sID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nLXRvcDogNnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFZhbHVlID0gc3R5bGVkLnBgXG4gICAgbWFyZ2luOiAwO1xuICAgIHdpZHRoOiAxNjBweDtcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDMycHg7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmctdG9wOiAycHg7XG5gO1xuIiwiaW1wb3J0IHtcbiAgICBEZXByZWNhdGVkSWNvbixcbiAgICBEZXByZWNhdGVkTWVzc2FnZSxcbiAgICBFeHBlcmltZW50YWxJY29uLFxuICAgIEV4cGVyaW1lbnRhbE1lc3NhZ2UsXG4gICAgdXNlRG9jTWV0YWRhdGFDb250ZXh0LFxufSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyB1c2VUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgTGF5b3V0RmxleCwgTGF5b3V0R3JpZCwgVGV4dCwgVGV4dEhpZ2hsaWdodGVkIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5SZW5kZXJlciB9IGZyb20gJy4uL2Z1bmN0aW9ucy90b2tlbi10eXBlLnJlbmRlcmVyJztcbmltcG9ydCB7IEV4dGVuZGVkVG9rZW4gfSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB7IEljb25XcmFwcGVyLCBJZCwgVGhpcmRDb2wsIFRva2VuQ2FyZExpc3RJdGVtLCBWYWx1ZSB9IGZyb20gJy4vVG9rZW5DYXJkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBUb2tlbkNhcmQ6IEZDPHsgdG9rZW46IEV4dGVuZGVkVG9rZW4gfT4gPSAoeyB0b2tlbiB9KSA9PiB7XG4gICAgY29uc3QgdmFsdWUgPSB1c2VUb2tlbih0b2tlbi50b2tlbik7XG4gICAgY29uc3QgcmVuZGVyZXIgPSB0b2tlblJlbmRlcmVyKHRva2VuKTtcbiAgICBjb25zdCBDb21wb25lbnQgPSByZW5kZXJlci5yZW5kZXJlcjtcbiAgICBjb25zdCB7IHZhbGlkYXRpb25zIH0gPSB1c2VEb2NNZXRhZGF0YUNvbnRleHQoKTtcbiAgICBjb25zdCBleHBlcmltZW50YWxWYWxpZGF0aW9uID0gdmFsaWRhdGlvbnM/LmdldEV4cGVyaW1lbnRhbFRva2VuVmFsaWRhdGlvbih0b2tlbi5uYW1lKTtcbiAgICBjb25zdCBkZXByZWNhdGVkVmFsaWRhdGlvbiA9IHZhbGlkYXRpb25zPy5nZXREZXByZWNhdGVkVG9rZW5WYWxpZGF0aW9uKHRva2VuLm5hbWUpO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxUb2tlbkNhcmRMaXN0SXRlbT5cbiAgICAgICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInhzXCIgY29sdW1uPlxuICAgICAgICAgICAgICAgIDxMYXlvdXRHcmlkIGdhcD1cInhzXCIgY29sdW1ucz17Wyc5MHB4JywgJzFmcicsICcyZnInXX0+XG4gICAgICAgICAgICAgICAgICAgIDxJZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiYmx1ZVwiPigtLXt0b2tlbi5pZH0pPC9UZXh0SGlnaGxpZ2h0ZWQ+XG4gICAgICAgICAgICAgICAgICAgIDwvSWQ+XG4gICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cIjN4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cImwtbWVkaXVtXCI+e3Rva2VuLm5hbWV9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cIm1cIj5Ae3Rva2VuLm5hbWUucmVwbGFjZSgvXFwuL2csICctJyl9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICAgICAgICAgIDxUaGlyZENvbD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cIjJ4c1wiIGp1c3RpZnlDb250ZW50PVwic3RhcnRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dG9rZW4uY29sb3JTY2hlbWVBd2FyZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VGV4dEhpZ2hsaWdodGVkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIHRpdGxlPVwidGhpcyB0b2tlbiBtYXkgaGF2ZSBkaWZmZXJlbnQgdmFsdWVzLCBkZXBlbmRpbmcgb24gY29sb3Igc2NoZW1lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yIHNjaGVtZSBhd2FyZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dEhpZ2hsaWdodGVkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtleHBlcmltZW50YWxWYWxpZGF0aW9uICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwiM3hzXCIgYWxpZ25JdGVtcz1cInN0YXJ0XCIgbm93cmFwPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25XcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxFeHBlcmltZW50YWxJY29uIHNpemU9ezE2fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxFeHBlcmltZW50YWxNZXNzYWdlIHZhbGlkYXRpb249e2V4cGVyaW1lbnRhbFZhbGlkYXRpb259IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtkZXByZWNhdGVkVmFsaWRhdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cIjN4c1wiIGFsaWduSXRlbXM9XCJzdGFydFwiIG5vd3JhcD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RGVwcmVjYXRlZEljb24gc2l6ZT17MTZ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0ljb25XcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPERlcHJlY2F0ZWRNZXNzYWdlIHZhbGlkYXRpb249e2RlcHJlY2F0ZWRWYWxpZGF0aW9ufSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICAgICAgPC9UaGlyZENvbD5cbiAgICAgICAgICAgICAgICA8L0xheW91dEdyaWQ+XG4gICAgICAgICAgICAgICAgPExheW91dEdyaWQgZ2FwPVwibFwiIGNvbHVtbnM9e1snYXV0bycsICcxZnInXX0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8VmFsdWU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dmFsdWUgYXMgc3RyaW5nfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9WYWx1ZT5cbiAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxDb21wb25lbnQgbmFtZT17dG9rZW4ubmFtZX0gdmFsdWU9e3ZhbHVlfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L0xheW91dEdyaWQ+XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDwvVG9rZW5DYXJkTGlzdEl0ZW0+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IExpc3QgPSBzdHlsZWQudWxgXG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTm9SZXN1bHRzID0gc3R5bGVkLmRpdmBcbiAgICBmb250LXNpemU6IDI0cHg7XG5cbiAgICBoMyB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5gO1xuIiwiaW1wb3J0IHsgSGludCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5MaXN0JztcblxuZXhwb3J0IGNvbnN0IGhpbnRzOiBSZWNvcmQ8c3RyaW5nLCBIaW50PiA9IHtcbiAgICBidXQ6IHtcbiAgICAgICAgbmFtZTogJ2J1dHRvbicsXG4gICAgICAgIGFsdGVybmF0aXZlczogWydhY3Rpb24nXSxcbiAgICAgICAgbm90ZTogJ1NlZSBhbHNvOiBwcm9wcyBvZiA8QnV0dG9uPiBjb21wb25lbnQnLFxuICAgIH0sXG4gICAgbGF5bzoge1xuICAgICAgICBuYW1lOiAnbGF5b3V0JyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbJ2dhcCcsICdwYWRkaW5nJywgJ3NwYWNlJ10sXG4gICAgICAgIG5vdGU6ICdTZWUgYWxzbzogcHJvcHMgb2YgPExheW91dD4gY29tcG9uZW50cycsXG4gICAgfSxcbiAgICBhbGlnbjoge1xuICAgICAgICBuYW1lOiAnYWxpZ24nLFxuICAgICAgICBhbHRlcm5hdGl2ZXM6IFtdLFxuICAgICAgICBub3RlOiAnWW91IHByb2JhYmx5IHdhbnQgdG8gbG9vayBhdCB0aGUgPExheW91dD4gY29tcG9uZW50cycsXG4gICAgfSxcbiAgICBqdXN0OiB7XG4gICAgICAgIG5hbWU6ICdqdXN0aWZ5JyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbXSxcbiAgICAgICAgbm90ZTogJ1lvdSBwcm9iYWJseSB3YW50IHRvIGxvb2sgYXQgdGhlIDxMYXlvdXQ+IGNvbXBvbmVudHMnLFxuICAgIH0sXG4gICAgYm9sOiB7XG4gICAgICAgIG5hbWU6ICdib2xkJyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbJ3dlaWdodCddLFxuICAgICAgICBub3RlOiAnU2VlIGFsc28gPFRleHQgc3Ryb25nPiBjb21wb25lbnQuJyxcbiAgICB9LFxuICAgIGhlbHA6IHtcbiAgICAgICAgbmFtZTogJ2hlbHA/IDotRCcsXG4gICAgICAgIGFsdGVybmF0aXZlczogW10sXG4gICAgICAgIG5vdGU6ICdUbyBiZSBjb250aW51ZWQuLi4nLFxuICAgIH0sXG59O1xuIiwiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBIZWFkaW5nID0gc3R5bGVkLmgzYFxuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6IDI0cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBbHRlcm5hdGl2ZXMgPSBzdHlsZWQuaDNgXG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5gO1xuXG5leHBvcnQgY29uc3QgTm90ZSA9IHN0eWxlZC5oM2BcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbmA7XG4iLCJpbXBvcnQgeyBMYXlvdXRGbGV4LCBUZXh0SGlnaGxpZ2h0ZWQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBIaW50IH0gZnJvbSAnLi9Ub2tlbkxpc3QnO1xuaW1wb3J0IHsgQWx0ZXJuYXRpdmVzLCBIZWFkaW5nLCBOb3RlIH0gZnJvbSAnLi9Ub2tlblNlYXJjaEhpbnQuc3R5bGVzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgICBoaW50OiBIaW50O1xufTtcblxuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoSGludDogRkM8UHJvcHM+ID0gKHsgaGludCB9KSA9PiB7XG4gICAgY29uc3QgYWx0ZXJuYXRpdmVzID0gaGludC5hbHRlcm5hdGl2ZXMgfHwgW107XG4gICAgcmV0dXJuIChcbiAgICAgICAgPExheW91dEZsZXggZ2FwPVwic1wiIGNvbHVtbj5cbiAgICAgICAgICAgIDxIZWFkaW5nPlxuICAgICAgICAgICAgICAgIFNlYXJjaGluZyBmb3IgPFRleHRIaWdobGlnaHRlZD57aGludC5uYW1lfTwvVGV4dEhpZ2hsaWdodGVkPj97JyAnfVxuICAgICAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwiMnhzXCIgY29sdW1uPlxuICAgICAgICAgICAgICAgIHthbHRlcm5hdGl2ZXMubGVuZ3RoICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEFsdGVybmF0aXZlcz5cbiAgICAgICAgICAgICAgICAgICAgICAgIFRyeSBzZWFyY2hpbm5nIGZvcnsnICd9XG4gICAgICAgICAgICAgICAgICAgICAgICB7YWx0ZXJuYXRpdmVzLm1hcCgoYWx0LCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQga2V5PXthbHR9PnthbHR9PC9UZXh0SGlnaGxpZ2h0ZWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpbmRleCArIDIgPCBhbHRlcm5hdGl2ZXMubGVuZ3RoID8gJywgJyA6ICcnfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aW5kZXggKyAyID09PSBhbHRlcm5hdGl2ZXMubGVuZ3RoID8gJyBvciAnIDogJyd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpbmRleCA9PT0gYWx0ZXJuYXRpdmVzLmxlbmd0aCAtIDEgPyAnICcgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgICAgICAgICAgaW5zdGVhZC5cbiAgICAgICAgICAgICAgICAgICAgPC9BbHRlcm5hdGl2ZXM+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7aGludC5ub3RlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPE5vdGU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Ryb25nPk5vdGU6PC9zdHJvbmc+IHtoaW50Lm5vdGV9XG4gICAgICAgICAgICAgICAgICAgIDwvTm90ZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IGhpbnRzIH0gZnJvbSAnLi4vY29uc3RhbnRzL3NlYXJjaC1oaW50cyc7XG5cbmltcG9ydCB7IFRva2VuU2VhcmNoSGludCB9IGZyb20gJy4vVG9rZW5TZWFyY2hIaW50JztcblxudHlwZSBIaW50UHJvcHMgPSB7XG4gICAgdGVybXM/OiBzdHJpbmc7XG59O1xuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoSGludHM6IEZDPEhpbnRQcm9wcz4gPSAoeyB0ZXJtcyB9KSA9PiB7XG4gICAgaWYgKCF0ZXJtcykge1xuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIHtPYmplY3QuZW50cmllcyhoaW50cykubWFwKChbdHJpZ2dlciwgaGludF0pID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICB0ZXJtcy50b0xvd2VyQ2FzZSgpLmluZGV4T2YodHJpZ2dlcikgPiAtMSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8VG9rZW5TZWFyY2hIaW50IGtleT17dHJpZ2dlcn0gaGludD17aGludH0gLz5cbiAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgeyBMYXlvdXRGbGV4IH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlVG9rZW5TZWFyY2hDb250ZXh0IH0gZnJvbSAnLi4vcHJvdmlkZXJzL3VzZVRva2VuU2VhcmNoQ29udGV4dCc7XG5cbmltcG9ydCB7IFRva2VuQ2FyZCB9IGZyb20gJy4vVG9rZW5DYXJkJztcbmltcG9ydCB7IExpc3QsIE5vUmVzdWx0cyB9IGZyb20gJy4vVG9rZW5MaXN0LnN0eWxlcyc7XG5pbXBvcnQgeyBUb2tlblNlYXJjaEhpbnRzIH0gZnJvbSAnLi9Ub2tlblNlYXJjaEhpbnRzJztcblxuZXhwb3J0IHR5cGUgSGludCA9IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgYWx0ZXJuYXRpdmVzPzogc3RyaW5nW107XG4gICAgbm90ZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBUb2tlbkxpc3Q6IEZDID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgcmVzdWx0cywgdGVybXMgfSA9IHVzZVRva2VuU2VhcmNoQ29udGV4dCgpO1xuICAgIHJldHVybiByZXN1bHRzLmxlbmd0aCA/IChcbiAgICAgICAgPExpc3Q+XG4gICAgICAgICAgICB7cmVzdWx0cy5tYXAodG9rZW4gPT4gKFxuICAgICAgICAgICAgICAgIDxUb2tlbkNhcmQga2V5PXt0b2tlbi5pZH0gdG9rZW49e3Rva2VufSAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvTGlzdD5cbiAgICApIDogKFxuICAgICAgICA8Tm9SZXN1bHRzPlxuICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwic1wiIGNvbHVtbj5cbiAgICAgICAgICAgICAgICA8aDM+Tm8gdG9rZW5zIGZvdW5kPC9oMz5cbiAgICAgICAgICAgICAgICA8VG9rZW5TZWFyY2hIaW50cyB0ZXJtcz17dGVybXN9IC8+XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDwvTm9SZXN1bHRzPlxuICAgICk7XG59O1xuIiwiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gICAgaXNOb3REZWZhdWx0OiBib29sZWFuO1xufTtcblxuZXhwb3J0IGNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UHJvcHM+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDEycHg7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuXG4gICAgbGFiZWwge1xuICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICB9XG5cbiAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIHNlbGVjdCB7XG4gICAgICAgIGhlaWdodDogMzJweDtcbiAgICAgICAgcGFkZGluZzogMi41cHggNXB4O1xuICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IGlzTm90RGVmYXVsdCB9KSA9PiAoaXNOb3REZWZhdWx0ID8gYG9yYW5nZTtgIDogJyNjY2MnKX07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IHN0eWxlZC5zZWxlY3RgXG4gICAgcGFkZGluZzogNXB4IDEwcHg7XG5gO1xuIiwiLyogZXNsaW50LWRpc2FibGUganN4LWExMXkvbGFiZWwtaGFzLWFzc29jaWF0ZWQtY29udHJvbCAqL1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVOYW1lLCBjb2xvclNjaGVtZUNvbmZpZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VUb2tlblNlYXJjaENvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvdXNlVG9rZW5TZWFyY2hDb250ZXh0JztcblxuaW1wb3J0IHsgRGl2LCBTZWxlY3QgfSBmcm9tICcuL1NjaGVtZVN3aXRjaGVyLnN0eWxlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gICAgb25DaGFuZ2U/OiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBjb25zdCBTY2hlbWVTd2l0Y2hlcjogRkM8UHJvcHM+ID0gKHsgb25DaGFuZ2UgfSkgPT4ge1xuICAgIGNvbnN0IHsgY29sb3JTY2hlbWUsIHNldENvbG9yU2NoZW1lIH0gPSB1c2VUb2tlblNlYXJjaENvbnRleHQoKTtcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoZXY6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxTZWxlY3RFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgY29uc3QgbmV3Q29sb3JTY2hlbWUgPSBldi50YXJnZXQudmFsdWUgYXMgQ29sb3JTY2hlbWVOYW1lO1xuICAgICAgICAgICAgd2luZG93Py5sb2NhbFN0b3JhZ2U/LnNldEl0ZW0oJ3N0b3J5Ym9vay5kcy1jb2xvci1zY2hlbWUnLCBuZXdDb2xvclNjaGVtZSk7XG4gICAgICAgICAgICBzZXRDb2xvclNjaGVtZShuZXdDb2xvclNjaGVtZSA/PyB1bmRlZmluZWQpO1xuICAgICAgICAgICAgb25DaGFuZ2U/LihuZXdDb2xvclNjaGVtZSk7XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZSwgc2V0Q29sb3JTY2hlbWVdLFxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2IGlzTm90RGVmYXVsdD17ISFjb2xvclNjaGVtZX0+XG4gICAgICAgICAgICA8bGFiZWw+Q29sb3IgU2NoZW1lPC9sYWJlbD5cbiAgICAgICAgICAgIDxTZWxlY3QgdmFsdWU9e2NvbG9yU2NoZW1lfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfT5cbiAgICAgICAgICAgICAgICA8b3B0aW9uIGtleT1cIm5vbmVcIiB2YWx1ZT1cIlwiPlxuICAgICAgICAgICAgICAgICAgICAtLSBubyBjb2xvciBzY2hlbWUgLS1cbiAgICAgICAgICAgICAgICA8L29wdGlvbj5cbiAgICAgICAgICAgICAgICB7T2JqZWN0LmtleXMoY29sb3JTY2hlbWVDb25maWcpLm1hcChrZXkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8b3B0aW9uIGtleT17a2V5fSB2YWx1ZT17a2V5fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtrZXl9XG4gICAgICAgICAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9TZWxlY3Q+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2YFxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgbWF4LWhlaWdodDogNDhweDtcbiAgICBtaW4taGVpZ2h0OiAyNHB4O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcblxuICAgIHAge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgYSB7XG4gICAgICAgIGNvbG9yOiAjMDA3N2IzO1xuICAgIH1cbmA7XG4iLCJpbXBvcnQgeyBUZXh0SGlnaGxpZ2h0ZWQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VUb2tlblNlYXJjaENvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvdXNlVG9rZW5TZWFyY2hDb250ZXh0JztcblxuaW1wb3J0IHsgRGl2IH0gZnJvbSAnLi9TZWFyY2hUZXJtcy5zdHlsZXMnO1xuXG5jb25zdCBTZWFyY2hCeUlkID0gKHsgaWQgfSkgPT4gKFxuICAgIDw+XG4gICAgICAgIFNlYXJjaGluZyBmb3IgdG9rZW4gSUQgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJibHVlXCI+e2lkfTwvVGV4dEhpZ2hsaWdodGVkPi5cbiAgICA8Lz5cbik7XG5cbmNvbnN0IFNlYXJjaEJ5TmFtZSA9ICh7IHRlcm1zLCBjb2xvclNjaGVtZSwgcmVzdWx0cyB9KSA9PiAoXG4gICAgPD5cbiAgICAgICAgRm91bmQge3Jlc3VsdHMubGVuZ3RofSByZXN1bHRzIG1hdGNoaW5neycgJ31cbiAgICAgICAgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJncmVlblwiPnt0ZXJtc308L1RleHRIaWdobGlnaHRlZD57JyAnfVxuICAgICAgICB7Y29sb3JTY2hlbWUgPyAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIHdpdGhpbiA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImdyZWVuXCI+Y29sb3Igc2NoZW1lIGF3YXJlPC9UZXh0SGlnaGxpZ2h0ZWQ+eycgJ31cbiAgICAgICAgICAgICAgICB0b2tlbnMuXG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDw+d2l0aGluIHRva2VucyB3aXRob3V0IGNvbG9yIHNjaGVtZS48Lz5cbiAgICAgICAgKX1cbiAgICA8Lz5cbik7XG5cbmNvbnN0IE5vdEZpbHRlcmVkID0gKHsgY29sb3JTY2hlbWUsIHJlc3VsdHMgfSkgPT4gKFxuICAgIDw+XG4gICAgICAgIHtjb2xvclNjaGVtZSA/IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgU2hvd2luZyBhbGwgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJibHVlXCI+e3Jlc3VsdHMubGVuZ3RofTwvVGV4dEhpZ2hsaWdodGVkPnsnICd9XG4gICAgICAgICAgICAgICAgdG9rZW5zIHRoYXQgYXJleycgJ31cbiAgICAgICAgICAgICAgICA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImdyZWVuXCI+Y29sb3Igc2NoZW1lIGF3YXJlPC9UZXh0SGlnaGxpZ2h0ZWQ+LlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIFNob3dpbmcgYWxsIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiYmx1ZVwiPntyZXN1bHRzLmxlbmd0aH08L1RleHRIaWdobGlnaHRlZD57JyAnfVxuICAgICAgICAgICAgICAgIGNvbG9yIHNjaGVtZSBhbm9zdGljIHRva2Vucy5cbiAgICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgIDwvPlxuKTtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaFRlcm1zOiBGQyA9ICgpID0+IHtcbiAgICBjb25zdCB7IHRlcm1zLCBjb2xvclNjaGVtZSwgcmVzdWx0cyB9ID0gdXNlVG9rZW5TZWFyY2hDb250ZXh0KCk7XG4gICAgY29uc3QgaWQgPSB0ZXJtcz8uc3RhcnRzV2l0aCgnLS0nKSAmJiB0ZXJtcz8uc3Vic3RyaW5nKDIpO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXY+XG4gICAgICAgICAgICA8cD5cbiAgICAgICAgICAgICAgICB7aWQgJiYgPFNlYXJjaEJ5SWQgaWQ9e2lkfSAvPn1cbiAgICAgICAgICAgICAgICB7dGVybXMgJiYgIWlkICYmIChcbiAgICAgICAgICAgICAgICAgICAgPFNlYXJjaEJ5TmFtZSB0ZXJtcz17dGVybXN9IGNvbG9yU2NoZW1lPXtjb2xvclNjaGVtZX0gcmVzdWx0cz17cmVzdWx0c30gLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHshdGVybXMgJiYgIWlkICYmIDxOb3RGaWx0ZXJlZCBjb2xvclNjaGVtZT17Y29sb3JTY2hlbWV9IHJlc3VsdHM9e3Jlc3VsdHN9IC8+fXsnICd9XG4gICAgICAgICAgICAgICAge2NvbG9yU2NoZW1lICYmIChcbiAgICAgICAgICAgICAgICAgICAgPGEgaHJlZj1cIi4vP3BhdGg9L3N0b3J5L2d1aWRlcy1jb2xvci1zY2hlbWVzLWludHJvLS1wYWdlXCI+TGVhcm4gbW9yZTwvYT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9wPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2hTdGF0aWMgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgICBwYWRkaW5nLWJvdHRvbTogMjAwcHg7XG4gICAgaDEge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaEZvcm0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHotaW5kZXg6IDk5OTk7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAyMHB4IDIwcHggMjRweDtcbiAgICBnYXA6IDE2cHg7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoRm9ybUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogMTAwMHB4O1xuICAgIG1hcmdpbjogMCBhdXRvO1xuYDtcblxudHlwZSBTZWFyY2hQcm9wcyA9IHtcbiAgICB0ZXJtcz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9IHN0eWxlZC5pbnB1dDxTZWFyY2hQcm9wcz5gXG4gICAgZmxleDogMTtcbiAgICBwYWRkaW5nOiA4cHg7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGhlaWdodDogMzJweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0ZXJtcyB9KSA9PiAodGVybXMgPyBgb3JhbmdlO2AgOiAnI2NjYycpfTtcbmA7XG4iLCIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9hbmNob3ItaXMtdmFsaWQgKi9cbmltcG9ydCB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBtYWtlVG9rZW5FeHBsb3JlclVybCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IHVzZVNldFRoZW1lLCB1c2VUaGVtZSwgdXNlVGhlbWVzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBMYXlvdXRGbGV4LCBMaW5rIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCBSZWFjdCwgeyBGQywgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRva2VuU2VhcmNoQ29udGV4dCB9IGZyb20gJy4uL3Byb3ZpZGVycy91c2VUb2tlblNlYXJjaENvbnRleHQnO1xuXG5pbXBvcnQgeyBTY2hlbWVTd2l0Y2hlciB9IGZyb20gJy4vU2NoZW1lU3dpdGNoZXInO1xuaW1wb3J0IHsgU2VhcmNoVGVybXMgfSBmcm9tICcuL1NlYXJjaFRlcm1zJztcbmltcG9ydCB7XG4gICAgU2VhcmNoRm9ybSxcbiAgICBTZWFyY2hGb3JtQ29udGVudCxcbiAgICBTZWFyY2hJbnB1dCxcbiAgICBUb2tlblNlYXJjaFN0YXRpYyxcbn0gZnJvbSAnLi9Ub2tlblNlYXJjaC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2g6IEZDID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgeyB0aGVtZXMgfSA9IHVzZVRoZW1lcygpO1xuICAgIGNvbnN0IHsgc2V0VGhlbWUgfSA9IHVzZVNldFRoZW1lKCk7XG4gICAgY29uc3QgeyBjb2xvclNjaGVtZSwgdGVybXMsIHNldENvbG9yU2NoZW1lLCBzZXRTZWFyY2hUZXJtcyB9ID0gdXNlVG9rZW5TZWFyY2hDb250ZXh0KCk7XG4gICAgY29uc3QgW3Nob3dGZWVkYmFjaywgc2V0U2hvd0ZlZWRiYWNrXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgICBjb25zdCBbdGltZW91dElkLCBzZXRUaW1lb3V0SWRdID0gdXNlU3RhdGU8bnVtYmVyIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG4gICAgY29uc3QgdXJsID0gdXNlTWVtbygoKSA9PiBuZXcgVVJMKHdpbmRvdy50b3A/LmxvY2F0aW9uLmhyZWYgfHwgJycpLCBbXSk7XG4gICAgY29uc3QgcGFyYW1zID0gdXJsLnNlYXJjaFBhcmFtcztcbiAgICBjb25zdCB1cmxUaGVtZSA9IHBhcmFtcy5nZXQoJ3RoZW1lJyk7XG4gICAgY29uc3QgbmV3VGhlbWUgPSB1cmxUaGVtZSAmJiB0aGVtZXM/LmZpbmQodCA9PiB0Lm5hbWUgPT09IHVybFRoZW1lKTtcbiAgICBjb25zdCB1cmxDb2xvclNjaGVtZSA9IHBhcmFtcy5nZXQoJ2NvbG9yU2NoZW1lJyk7XG4gICAgY29uc3QgdXJsVGVybXMgPSBwYXJhbXMuZ2V0KCd0ZXJtcycpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHVybFRoZW1lKSB7XG4gICAgICAgICAgICBpZiAodXJsVGhlbWUgIT09IHRoZW1lLm5hbWUgJiYgc2V0VGhlbWUgJiYgbmV3VGhlbWUpIHtcbiAgICAgICAgICAgICAgICBzZXRUaGVtZShuZXdUaGVtZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAodXJsVGhlbWUgJiYgdXJsQ29sb3JTY2hlbWUgIT09IGNvbG9yU2NoZW1lKSB7XG4gICAgICAgICAgICAgICAgc2V0Q29sb3JTY2hlbWUodXJsQ29sb3JTY2hlbWUgYXMgQ29sb3JTY2hlbWVOYW1lKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNldFNlYXJjaFRlcm1zKHVybFRlcm1zIHx8ICcnKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHBhcmFtcy5kZWxldGUoJ3RoZW1lJyk7XG4gICAgICAgIHBhcmFtcy5kZWxldGUoJ2NvbG9yU2NoZW1lJyk7XG4gICAgICAgIHBhcmFtcy5kZWxldGUoJ3Rlcm1zJyk7XG4gICAgICAgIHdpbmRvdy50b3A/Lmhpc3RvcnkucmVwbGFjZVN0YXRlKHt9LCAnJywgdXJsKTtcbiAgICAgICAgd2luZG93LmNsZWFyVGltZW91dCh0aW1lb3V0SWQpO1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gICAgfSwgW10pO1xuXG4gICAgY29uc3QgaGFuZGxlU2VhcmNoVGVybXNDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHZhbHVlOiBzdHJpbmcpID0+IHNldFNlYXJjaFRlcm1zKHZhbHVlKSxcbiAgICAgICAgW3NldFNlYXJjaFRlcm1zXSxcbiAgICApO1xuXG4gICAgY29uc3QgZnVsbFVybCA9IG1ha2VUb2tlbkV4cGxvcmVyVXJsKHsgdGVybXMsIHRoZW1lOiB0aGVtZS5uYW1lLCBjb2xvclNjaGVtZSB9KTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrUGVybWFsaW5rID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIGV2ID0+IHtcbiAgICAgICAgICAgIG5hdmlnYXRvci5jbGlwYm9hcmQud3JpdGVUZXh0KGZ1bGxVcmwpO1xuICAgICAgICAgICAgZXYucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIHNldFNob3dGZWVkYmFjayh0cnVlKTtcbiAgICAgICAgICAgIHdpbmRvdy5jbGVhclRpbWVvdXQodGltZW91dElkKTtcbiAgICAgICAgICAgIHNldFRpbWVvdXRJZCh3aW5kb3cuc2V0VGltZW91dCgoKSA9PiBzZXRTaG93RmVlZGJhY2soZmFsc2UpLCA1MDAwKSk7XG4gICAgICAgIH0sXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgICAgICAgW2Z1bGxVcmwsIHRpbWVvdXRJZF0sXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxUb2tlblNlYXJjaFN0YXRpYz5cbiAgICAgICAgICAgIDxTZWFyY2hGb3JtPlxuICAgICAgICAgICAgICAgIDxTZWFyY2hGb3JtQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwieHNcIiBkaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJzdGFydFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMSBpZD1cInRva2Vuc1wiIGNsYXNzTmFtZT1cInNiZG9jcyBzYmRvY3MtaDEgY3NzLTFqMjh0dFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBUb2tlbiBFeHBsb3JlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvaDE+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3Rlcm1zICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPExheW91dEZsZXhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInN0YXJ0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJlbmRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGluayB1cmw9e2Z1bGxVcmx9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrUGVybWFsaW5rfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBMaW5rIHRvIHRoaXMgc2VhcmNoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0xpbms+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7c2hvd0ZlZWRiYWNrICYmICfinJMgVVJMIGNvcGllZCB0byBjbGlwYm9hcmQnfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cIjJ4c1wiIG5vd3JhcD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U2VhcmNoSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGVybXM9e3Rlcm1zfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiZXhhbXBsZXM6IHRlYWwsIDMwMCwgYWN0aW9uLCBwcmltYXJ5LCB4cywgLS00YWRlZiwgIzAwLCAxMnB4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2V2ID0+IGhhbmRsZVNlYXJjaFRlcm1zQ2hhbmdlKGV2LnRhcmdldC52YWx1ZSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXt0ZXJtc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTY2hlbWVTd2l0Y2hlciAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFNlYXJjaFRlcm1zIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICA8L1NlYXJjaEZvcm1Db250ZW50PlxuICAgICAgICAgICAgPC9TZWFyY2hGb3JtPlxuICAgICAgICA8L1Rva2VuU2VhcmNoU3RhdGljPlxuICAgICk7XG59O1xuIiwiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IEljb24sIExheW91dEZsZXgsIFRleHQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgVG9rZW5MaXN0IH0gZnJvbSAnLi9jb21wb25lbnRzL1Rva2VuTGlzdCc7XG5pbXBvcnQgeyBUb2tlblNlYXJjaCB9IGZyb20gJy4vY29tcG9uZW50cy9Ub2tlblNlYXJjaCc7XG5pbXBvcnQgeyBTdG9yeUNvbnRleHRXaXRoVG9rZW5zIH0gZnJvbSAnLi9wcm92aWRlcnMvU3RvcnlDb250ZXh0V2l0aFRva2Vucyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIidHdWlkZXMvVG9rZW4gRXhwbG9yZXJcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogU3RvcnlDb250ZXh0V2l0aFRva2Vuc1xuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPFRva2VuU2VhcmNoIG1keFR5cGU9XCJUb2tlblNlYXJjaFwiIC8+XG4gICAgPFRva2VuTGlzdCBtZHhUeXBlPVwiVG9rZW5MaXN0XCIgLz5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ1xcJ0d1aWRlcy9Ub2tlbiBFeHBsb3JlcicsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogU3RvcnlDb250ZXh0V2l0aFRva2Vuc1xuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+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/01.semantic-tokens-examples.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/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.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.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.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.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/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/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-lib/dist/components/LayoutGridItem/LayoutGridItem.js + 1 modules\nvar LayoutGridItem = __webpack_require__("../../packages/web-lib/dist/components/LayoutGridItem/LayoutGridItem.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/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/Button/Button.js + 6 modules\nvar Button = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-root/dist/root/providers/RootProvider.js + 5 modules\nvar RootProvider = __webpack_require__("../../packages/web-root/dist/root/providers/RootProvider.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/SemanticTokens.tsx\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 SemanticTokens_TextToken = function TextToken(_ref) {\n var inverted = _ref.inverted,\n textToken = _ref.textToken;\n var token = tokens["f" /* tokens */].color.text[textToken]; // This excludes all the composite tokens (like color.text.ghost.action) since we want to target\n // only color.text.*\n\n if (!Array.isArray(token)) return null;\n return /*#__PURE__*/react_default.a.createElement(LayoutGridItem["a" /* LayoutGridItem */], {\n key: textToken\n }, /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h4"\n }, textToken), /*#__PURE__*/react_default.a.createElement("div", {\n style: {\n color: "var(--" + token[1] + ")",\n maxWidth: \'240px\',\n padding: \'10px\',\n background: "var(--" + (inverted ? tokens["f" /* tokens */].color.background.primaryInverted[1] : tokens["f" /* tokens */].color.background.primary[1]) + ")"\n }\n }, /*#__PURE__*/react_default.a.createElement("code", null, "color.text.", textToken)));\n};\n\nSemanticTokens_TextToken.displayName = "TextToken";\nSemanticTokens_TextToken.defaultProps = {\n inverted: false\n};\n\nvar SemanticTokens_BackgroundToken = function BackgroundToken(_ref2) {\n var inverted = _ref2.inverted,\n bgToken = _ref2.bgToken;\n var token = tokens["f" /* tokens */].color.background[bgToken]; // This excludes all the composite tokens (like color.text.ghost.action) since we want to target\n // only color.text.*\n\n if (!Array.isArray(token)) return null;\n return /*#__PURE__*/react_default.a.createElement(LayoutGridItem["a" /* LayoutGridItem */], {\n key: bgToken\n }, /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h4"\n }, bgToken), /*#__PURE__*/react_default.a.createElement("div", {\n style: {\n background: "var(--" + tokens["f" /* tokens */].color.background[bgToken][1] + ")",\n color: "var(--" + (inverted ? tokens["f" /* tokens */].color.text.inverted[1] : tokens["f" /* tokens */].color.text.primary[1]) + ")",\n maxWidth: \'240px\',\n padding: \'10px\'\n }\n }, "Background token: ", /*#__PURE__*/react_default.a.createElement("code", null, "color.background.", bgToken)));\n};\n\nSemanticTokens_BackgroundToken.displayName = "BackgroundToken";\nSemanticTokens_BackgroundToken.defaultProps = {\n inverted: false\n};\n\nvar SemanticTokens_BorderToken = function BorderToken(_ref3) {\n var contentToken = _ref3.contentToken;\n var token = tokens["f" /* tokens */].color.border[contentToken]; // This excludes all the composite tokens (like color.text.ghost.action) since we want to target\n // only color.text.*\n\n if (!Array.isArray(token)) return null;\n return /*#__PURE__*/react_default.a.createElement(LayoutGridItem["a" /* LayoutGridItem */], {\n key: contentToken\n }, /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h4"\n }, contentToken), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("div", {\n style: {\n border: "1px solid var(--" + token[1] + ")",\n background: "transparent",\n color: "var(--" + token[1] + ")",\n maxWidth: \'240px\',\n height: \'50px\',\n padding: \'10px\'\n }\n }, "color.border.", contentToken));\n};\n\nSemanticTokens_BorderToken.displayName = "BorderToken";\nSemanticTokens_BorderToken.defaultProps = {};\n\nvar SemanticTokens_Buttons = function Buttons() {\n return /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "xs",\n columns: 2\n }, /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], null, "Token family: action.variant.primary.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n variant: "secondary"\n }, "Token family: action.variant.secondary.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n variant: "tertiary"\n }, "Token family: action.variant.tertiary.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n variant: "ghost"\n }, "Token family: action.variant.ghost.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n variant: "critical"\n }, "Token family: action.variant.critical.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n variant: "onColor"\n }, "Token family: action.variant.onColor.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n variant: "inverted"\n }, "Token family: action.variant.inverted.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n disabled: true\n }, "Token family: action.variant.disabled.*"));\n};\n\nSemanticTokens_Buttons.displayName = "Buttons";\nvar SemanticTokens_SemanticTokens = function SemanticTokens() {\n return /*#__PURE__*/react_default.a.createElement("div", null, /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h1"\n }, "Semantic token examples"), /*#__PURE__*/react_default.a.createElement("p", null, "With Tokyo UI the semantic tokens have been renamed and expanded to cover more use cases. Here is a list of the most important ones."), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("hr", null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h2"\n }, "Text tokens"), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "xs",\n columns: 4\n }, /*#__PURE__*/react_default.a.createElement(SemanticTokens_TextToken, {\n textToken: "primary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_TextToken, {\n textToken: "secondary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_TextToken, {\n textToken: "tertiary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_TextToken, {\n textToken: "accentDark"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_TextToken, {\n textToken: "placeholder"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_TextToken, {\n textToken: "inverted",\n inverted: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_TextToken, {\n textToken: "positive"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_TextToken, {\n textToken: "info"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_TextToken, {\n textToken: "warning"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_TextToken, {\n textToken: "critical"\n })), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h2"\n }, "Background tokens"), /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "xs",\n columns: 4\n }, /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "primary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "secondary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "tertiary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "overlay"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "disabled"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "brand"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "brandB2b"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "accentLight"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "accentDark",\n inverted: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "positiveLight"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "positiveDark",\n inverted: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "infoLight"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "infoDark",\n inverted: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "warningLight"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "warningDark",\n inverted: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "criticalLight"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "criticalDark",\n inverted: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "statusOnline"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "statusOffline"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "primaryInverted",\n inverted: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "secondaryInverted",\n inverted: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundToken, {\n bgToken: "tertiaryInverted",\n inverted: true\n })), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("hr", null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h2"\n }, "Action"), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(SemanticTokens_Buttons, null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("hr", null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h2"\n }, "Borders"), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "xs",\n columns: 4\n }, /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderToken, {\n contentToken: "primary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderToken, {\n contentToken: "secondary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderToken, {\n contentToken: "secondary-opacity"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderToken, {\n contentToken: "tertiary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderToken, {\n contentToken: "disabled"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderToken, {\n contentToken: "brand"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderToken, {\n contentToken: "critical"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderToken, {\n contentToken: "focus"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderToken, {\n contentToken: "positive"\n })));\n};\nSemanticTokens_SemanticTokens.displayName = "SemanticTokens";\nvar SemanticTokens_Themed = function Themed(_ref4) {\n var children = _ref4.children;\n\n var _useTheme = Object(useTheme["a" /* useTheme */])(),\n theme = _useTheme.theme;\n\n var _React$useState = react_default.a.useState(\'base\'),\n _React$useState2 = _slicedToArray(_React$useState, 1),\n colorScheme = _React$useState2[0];\n\n return /*#__PURE__*/react_default.a.createElement(RootProvider["a" /* RootProvider */], {\n theme: theme.name,\n colorScheme: colorScheme\n }, /*#__PURE__*/react_default.a.createElement(ColorSchemeProvider["b" /* ColorSchemeProvider */], {\n colorScheme: colorScheme\n }, children));\n};\nSemanticTokens_Themed.displayName = "Themed";\n\ntry {\n // @ts-ignore\n SemanticTokens_Themed.displayName = "Themed";\n // @ts-ignore\n SemanticTokens_Themed.__docgenInfo = { "description": "", "displayName": "Themed", "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/SemanticTokens.tsx#Themed"] = { docgenInfo: SemanticTokens_Themed.__docgenInfo, name: "Themed", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/SemanticTokens.tsx#Themed" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// EXTERNAL MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx\nvar StoryContextWithTokens = __webpack_require__("../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/01.semantic-tokens-examples.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(esm["b" /* mdx */])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(esm["b" /* mdx */])(dist_esm["d" /* Meta */], {\n title: "\'Guides/Semantic tokens examples",\n parameters: {\n docs: {\n container: StoryContextWithTokens["a" /* StoryContextWithTokens */]\n }\n },\n mdxType: "Meta"\n }), Object(esm["b" /* mdx */])(ThemeSwitcher["a" /* ThemeSwitcher */], {\n mdxType: "ThemeSwitcher"\n }), Object(esm["b" /* mdx */])(SemanticTokens_Themed, {\n mdxType: "Themed"\n }, Object(esm["b" /* mdx */])(SemanticTokens_SemanticTokens, {\n mdxType: "SemanticTokens"\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/Semantic tokens examples\',\n parameters: {\n docs: {\n container: StoryContextWithTokens["a" /* 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 _01_semantic_tokens_examples_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9TZW1hbnRpY1Rva2Vucy50c3g/NDBkOCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvMDEuc2VtYW50aWMtdG9rZW5zLWV4YW1wbGVzLnN0b3JpZXMubWR4PzFkY2MiXSwibmFtZXMiOlsiVGV4dFRva2VuIiwiaW52ZXJ0ZWQiLCJ0ZXh0VG9rZW4iLCJ0b2tlbiIsInRva2VucyIsImNvbG9yIiwidGV4dCIsIkFycmF5IiwiaXNBcnJheSIsIm1heFdpZHRoIiwicGFkZGluZyIsImJhY2tncm91bmQiLCJwcmltYXJ5SW52ZXJ0ZWQiLCJwcmltYXJ5IiwiZGVmYXVsdFByb3BzIiwiQmFja2dyb3VuZFRva2VuIiwiYmdUb2tlbiIsIkJvcmRlclRva2VuIiwiY29udGVudFRva2VuIiwiYm9yZGVyIiwiaGVpZ2h0IiwiQnV0dG9ucyIsIlNlbWFudGljVG9rZW5zIiwiVGhlbWVkIiwiY2hpbGRyZW4iLCJ1c2VUaGVtZSIsInRoZW1lIiwiUmVhY3QiLCJ1c2VTdGF0ZSIsImNvbG9yU2NoZW1lIiwibmFtZSIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJTdG9yeUNvbnRleHRXaXRoVG9rZW5zIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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QVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxtQ0FBVDtBQUE4Q0gsWUFBVSxFQUFFO0FBQzlFTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQyx3REFBc0JBO0FBRDdCO0FBRHdFLEdBQTFEO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLDJCQUFDLDhCQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsMkJBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSx1SEFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy8wMS5zZW1hbnRpYy10b2tlbnMtZXhhbXBsZXMuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvclNjaGVtZU5hbWUsIHRva2VucyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgQnV0dG9uLCBIZWFkaW5nLCBMYXlvdXRHcmlkLCBMYXlvdXRHcmlkSXRlbSB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgVGV4dFRva2VuID0gKHtcbiAgICBpbnZlcnRlZCxcbiAgICB0ZXh0VG9rZW4sXG59OiB7XG4gICAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICAgIHRleHRUb2tlbjoga2V5b2YgdHlwZW9mIHRva2Vucy5jb2xvci50ZXh0O1xufSkgPT4ge1xuICAgIGNvbnN0IHRva2VuID0gdG9rZW5zLmNvbG9yLnRleHRbdGV4dFRva2VuXTtcblxuICAgIC8vIFRoaXMgZXhjbHVkZXMgYWxsIHRoZSBjb21wb3NpdGUgdG9rZW5zIChsaWtlIGNvbG9yLnRleHQuZ2hvc3QuYWN0aW9uKSBzaW5jZSB3ZSB3YW50IHRvIHRhcmdldFxuICAgIC8vIG9ubHkgY29sb3IudGV4dC4qXG4gICAgaWYgKCFBcnJheS5pc0FycmF5KHRva2VuKSkgcmV0dXJuIG51bGw7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8TGF5b3V0R3JpZEl0ZW0ga2V5PXt0ZXh0VG9rZW59PlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoNFwiPnt0ZXh0VG9rZW59PC9IZWFkaW5nPlxuICAgICAgICAgICAgey8qIDxTdGF0ZSB2YXJpYW50PXtuYW1lfSBzdGF0ZT1cImRpc2FibGVkXCIgY29sb3JzPXtjb2xvclsxXX0gLz4gKi99XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGB2YXIoLS0ke3Rva2VuWzFdfSlgLFxuICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogJzI0MHB4JyxcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzEwcHgnLFxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBgdmFyKC0tJHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGludmVydGVkXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0b2tlbnMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5SW52ZXJ0ZWRbMV1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHRva2Vucy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnlbMV1cbiAgICAgICAgICAgICAgICAgICAgfSlgLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGNvZGU+Y29sb3IudGV4dC57dGV4dFRva2VufTwvY29kZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0xheW91dEdyaWRJdGVtPlxuICAgICk7XG59O1xuVGV4dFRva2VuLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBpbnZlcnRlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCYWNrZ3JvdW5kVG9rZW4gPSAoe1xuICAgIGludmVydGVkLFxuICAgIGJnVG9rZW4sXG59OiB7XG4gICAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICAgIGJnVG9rZW46IGtleW9mIHR5cGVvZiB0b2tlbnMuY29sb3IuYmFja2dyb3VuZDtcbn0pID0+IHtcbiAgICBjb25zdCB0b2tlbiA9IHRva2Vucy5jb2xvci5iYWNrZ3JvdW5kW2JnVG9rZW5dO1xuXG4gICAgLy8gVGhpcyBleGNsdWRlcyBhbGwgdGhlIGNvbXBvc2l0ZSB0b2tlbnMgKGxpa2UgY29sb3IudGV4dC5naG9zdC5hY3Rpb24pIHNpbmNlIHdlIHdhbnQgdG8gdGFyZ2V0XG4gICAgLy8gb25seSBjb2xvci50ZXh0LipcbiAgICBpZiAoIUFycmF5LmlzQXJyYXkodG9rZW4pKSByZXR1cm4gbnVsbDtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMYXlvdXRHcmlkSXRlbSBrZXk9e2JnVG9rZW59PlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoNFwiPntiZ1Rva2VufTwvSGVhZGluZz5cblxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IGB2YXIoLS0ke3Rva2Vucy5jb2xvci5iYWNrZ3JvdW5kW2JnVG9rZW5dWzFdfSlgLFxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogYHZhcigtLSR7XG4gICAgICAgICAgICAgICAgICAgICAgICBpbnZlcnRlZCA/IHRva2Vucy5jb2xvci50ZXh0LmludmVydGVkWzFdIDogdG9rZW5zLmNvbG9yLnRleHQucHJpbWFyeVsxXVxuICAgICAgICAgICAgICAgICAgICB9KWAsXG4gICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMjQwcHgnLFxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAnMTBweCcsXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICBCYWNrZ3JvdW5kIHRva2VuOiA8Y29kZT5jb2xvci5iYWNrZ3JvdW5kLntiZ1Rva2VufTwvY29kZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0xheW91dEdyaWRJdGVtPlxuICAgICk7XG59O1xuQmFja2dyb3VuZFRva2VuLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBpbnZlcnRlZDogZmFsc2UsXG59O1xuXG5jb25zdCBCb3JkZXJUb2tlbiA9ICh7IGNvbnRlbnRUb2tlbiB9OiB7IGNvbnRlbnRUb2tlbjoga2V5b2YgdHlwZW9mIHRva2Vucy5jb2xvci5ib3JkZXIgfSkgPT4ge1xuICAgIGNvbnN0IHRva2VuID0gdG9rZW5zLmNvbG9yLmJvcmRlcltjb250ZW50VG9rZW5dO1xuXG4gICAgLy8gVGhpcyBleGNsdWRlcyBhbGwgdGhlIGNvbXBvc2l0ZSB0b2tlbnMgKGxpa2UgY29sb3IudGV4dC5naG9zdC5hY3Rpb24pIHNpbmNlIHdlIHdhbnQgdG8gdGFyZ2V0XG4gICAgLy8gb25seSBjb2xvci50ZXh0LipcbiAgICBpZiAoIUFycmF5LmlzQXJyYXkodG9rZW4pKSByZXR1cm4gbnVsbDtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMYXlvdXRHcmlkSXRlbSBrZXk9e2NvbnRlbnRUb2tlbn0+XG4gICAgICAgICAgICA8SGVhZGluZyBsZXZlbD1cImg0XCI+e2NvbnRlbnRUb2tlbn08L0hlYWRpbmc+XG4gICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgdmFyKC0tJHt0b2tlblsxXX0pYCxcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYHRyYW5zcGFyZW50YCxcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGB2YXIoLS0ke3Rva2VuWzFdfSlgLFxuICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogJzI0MHB4JyxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnNTBweCcsXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6ICcxMHB4JyxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIGNvbG9yLmJvcmRlci57Y29udGVudFRva2VufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvTGF5b3V0R3JpZEl0ZW0+XG4gICAgKTtcbn07XG5Cb3JkZXJUb2tlbi5kZWZhdWx0UHJvcHMgPSB7fTtcblxuY29uc3QgQnV0dG9ucyA9ICgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8TGF5b3V0R3JpZCBnYXA9XCJ4c1wiIGNvbHVtbnM9ezJ9PlxuICAgICAgICAgICAgPEJ1dHRvbj5Ub2tlbiBmYW1pbHk6IGFjdGlvbi52YXJpYW50LnByaW1hcnkuKjwvQnV0dG9uPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwic2Vjb25kYXJ5XCI+VG9rZW4gZmFtaWx5OiBhY3Rpb24udmFyaWFudC5zZWNvbmRhcnkuKjwvQnV0dG9uPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwidGVydGlhcnlcIj5Ub2tlbiBmYW1pbHk6IGFjdGlvbi52YXJpYW50LnRlcnRpYXJ5Lio8L0J1dHRvbj5cbiAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cImdob3N0XCI+VG9rZW4gZmFtaWx5OiBhY3Rpb24udmFyaWFudC5naG9zdC4qPC9CdXR0b24+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJjcml0aWNhbFwiPlRva2VuIGZhbWlseTogYWN0aW9uLnZhcmlhbnQuY3JpdGljYWwuKjwvQnV0dG9uPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwib25Db2xvclwiPlRva2VuIGZhbWlseTogYWN0aW9uLnZhcmlhbnQub25Db2xvci4qPC9CdXR0b24+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJpbnZlcnRlZFwiPlRva2VuIGZhbWlseTogYWN0aW9uLnZhcmlhbnQuaW52ZXJ0ZWQuKjwvQnV0dG9uPlxuXG4gICAgICAgICAgICA8QnV0dG9uIGRpc2FibGVkPlRva2VuIGZhbWlseTogYWN0aW9uLnZhcmlhbnQuZGlzYWJsZWQuKjwvQnV0dG9uPlxuICAgICAgICA8L0xheW91dEdyaWQ+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBTZW1hbnRpY1Rva2VucyA9ICgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoMVwiPlNlbWFudGljIHRva2VuIGV4YW1wbGVzPC9IZWFkaW5nPlxuICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAgV2l0aCBUb2t5byBVSSB0aGUgc2VtYW50aWMgdG9rZW5zIGhhdmUgYmVlbiByZW5hbWVkIGFuZCBleHBhbmRlZCB0byBjb3ZlciBtb3JlIHVzZVxuICAgICAgICAgICAgICAgIGNhc2VzLiBIZXJlIGlzIGEgbGlzdCBvZiB0aGUgbW9zdCBpbXBvcnRhbnQgb25lcy5cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPGhyIC8+XG4gICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDxIZWFkaW5nIGxldmVsPVwiaDJcIj5UZXh0IHRva2VuczwvSGVhZGluZz5cbiAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPGJyIC8+XG5cbiAgICAgICAgICAgIDxMYXlvdXRHcmlkIGdhcD1cInhzXCIgY29sdW1ucz17NH0+XG4gICAgICAgICAgICAgICAgPFRleHRUb2tlbiB0ZXh0VG9rZW49XCJwcmltYXJ5XCIgLz5cbiAgICAgICAgICAgICAgICA8VGV4dFRva2VuIHRleHRUb2tlbj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgICAgICAgPFRleHRUb2tlbiB0ZXh0VG9rZW49XCJ0ZXJ0aWFyeVwiIC8+XG4gICAgICAgICAgICAgICAgPFRleHRUb2tlbiB0ZXh0VG9rZW49XCJhY2NlbnREYXJrXCIgLz5cbiAgICAgICAgICAgICAgICA8VGV4dFRva2VuIHRleHRUb2tlbj1cInBsYWNlaG9sZGVyXCIgLz5cbiAgICAgICAgICAgICAgICA8VGV4dFRva2VuIHRleHRUb2tlbj1cImludmVydGVkXCIgaW52ZXJ0ZWQgLz5cbiAgICAgICAgICAgICAgICA8VGV4dFRva2VuIHRleHRUb2tlbj1cInBvc2l0aXZlXCIgLz5cbiAgICAgICAgICAgICAgICA8VGV4dFRva2VuIHRleHRUb2tlbj1cImluZm9cIiAvPlxuICAgICAgICAgICAgICAgIDxUZXh0VG9rZW4gdGV4dFRva2VuPVwid2FybmluZ1wiIC8+XG4gICAgICAgICAgICAgICAgPFRleHRUb2tlbiB0ZXh0VG9rZW49XCJjcml0aWNhbFwiIC8+XG4gICAgICAgICAgICA8L0xheW91dEdyaWQ+XG5cbiAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgyXCI+QmFja2dyb3VuZCB0b2tlbnM8L0hlYWRpbmc+XG5cbiAgICAgICAgICAgIDxMYXlvdXRHcmlkIGdhcD1cInhzXCIgY29sdW1ucz17NH0+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRUb2tlbiBiZ1Rva2VuPVwicHJpbWFyeVwiIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRUb2tlbiBiZ1Rva2VuPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgICAgICAgICA8QmFja2dyb3VuZFRva2VuIGJnVG9rZW49XCJ0ZXJ0aWFyeVwiIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRUb2tlbiBiZ1Rva2VuPVwib3ZlcmxheVwiIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRUb2tlbiBiZ1Rva2VuPVwiZGlzYWJsZWRcIiAvPlxuICAgICAgICAgICAgICAgIDxCYWNrZ3JvdW5kVG9rZW4gYmdUb2tlbj1cImJyYW5kXCIgLz5cbiAgICAgICAgICAgICAgICA8QmFja2dyb3VuZFRva2VuIGJnVG9rZW49XCJicmFuZEIyYlwiIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRUb2tlbiBiZ1Rva2VuPVwiYWNjZW50TGlnaHRcIiAvPlxuICAgICAgICAgICAgICAgIDxCYWNrZ3JvdW5kVG9rZW4gYmdUb2tlbj1cImFjY2VudERhcmtcIiBpbnZlcnRlZCAvPlxuICAgICAgICAgICAgICAgIDxCYWNrZ3JvdW5kVG9rZW4gYmdUb2tlbj1cInBvc2l0aXZlTGlnaHRcIiAvPlxuICAgICAgICAgICAgICAgIDxCYWNrZ3JvdW5kVG9rZW4gYmdUb2tlbj1cInBvc2l0aXZlRGFya1wiIGludmVydGVkIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRUb2tlbiBiZ1Rva2VuPVwiaW5mb0xpZ2h0XCIgLz5cbiAgICAgICAgICAgICAgICA8QmFja2dyb3VuZFRva2VuIGJnVG9rZW49XCJpbmZvRGFya1wiIGludmVydGVkIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRUb2tlbiBiZ1Rva2VuPVwid2FybmluZ0xpZ2h0XCIgLz5cbiAgICAgICAgICAgICAgICA8QmFja2dyb3VuZFRva2VuIGJnVG9rZW49XCJ3YXJuaW5nRGFya1wiIGludmVydGVkIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRUb2tlbiBiZ1Rva2VuPVwiY3JpdGljYWxMaWdodFwiIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRUb2tlbiBiZ1Rva2VuPVwiY3JpdGljYWxEYXJrXCIgaW52ZXJ0ZWQgLz5cbiAgICAgICAgICAgICAgICA8QmFja2dyb3VuZFRva2VuIGJnVG9rZW49XCJzdGF0dXNPbmxpbmVcIiAvPlxuICAgICAgICAgICAgICAgIDxCYWNrZ3JvdW5kVG9rZW4gYmdUb2tlbj1cInN0YXR1c09mZmxpbmVcIiAvPlxuICAgICAgICAgICAgICAgIDxCYWNrZ3JvdW5kVG9rZW4gYmdUb2tlbj1cInByaW1hcnlJbnZlcnRlZFwiIGludmVydGVkIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRUb2tlbiBiZ1Rva2VuPVwic2Vjb25kYXJ5SW52ZXJ0ZWRcIiBpbnZlcnRlZCAvPlxuICAgICAgICAgICAgICAgIDxCYWNrZ3JvdW5kVG9rZW4gYmdUb2tlbj1cInRlcnRpYXJ5SW52ZXJ0ZWRcIiBpbnZlcnRlZCAvPlxuICAgICAgICAgICAgPC9MYXlvdXRHcmlkPlxuXG4gICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDxociAvPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgyXCI+QWN0aW9uPC9IZWFkaW5nPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8QnV0dG9ucyAvPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8aHIgLz5cbiAgICAgICAgICAgIDxiciAvPlxuXG4gICAgICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgyXCI+Qm9yZGVyczwvSGVhZGluZz5cbiAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPExheW91dEdyaWQgZ2FwPVwieHNcIiBjb2x1bW5zPXs0fT5cbiAgICAgICAgICAgICAgICA8Qm9yZGVyVG9rZW4gY29udGVudFRva2VuPVwicHJpbWFyeVwiIC8+XG4gICAgICAgICAgICAgICAgPEJvcmRlclRva2VuIGNvbnRlbnRUb2tlbj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgICAgICAgPEJvcmRlclRva2VuIGNvbnRlbnRUb2tlbj1cInNlY29uZGFyeS1vcGFjaXR5XCIgLz5cbiAgICAgICAgICAgICAgICA8Qm9yZGVyVG9rZW4gY29udGVudFRva2VuPVwidGVydGlhcnlcIiAvPlxuICAgICAgICAgICAgICAgIDxCb3JkZXJUb2tlbiBjb250ZW50VG9rZW49XCJkaXNhYmxlZFwiIC8+XG4gICAgICAgICAgICAgICAgPEJvcmRlclRva2VuIGNvbnRlbnRUb2tlbj1cImJyYW5kXCIgLz5cbiAgICAgICAgICAgICAgICA8Qm9yZGVyVG9rZW4gY29udGVudFRva2VuPVwiY3JpdGljYWxcIiAvPlxuICAgICAgICAgICAgICAgIDxCb3JkZXJUb2tlbiBjb250ZW50VG9rZW49XCJmb2N1c1wiIC8+XG4gICAgICAgICAgICAgICAgPEJvcmRlclRva2VuIGNvbnRlbnRUb2tlbj1cInBvc2l0aXZlXCIgLz5cbiAgICAgICAgICAgIDwvTGF5b3V0R3JpZD5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBUaGVtZWQ6IEZDID0gKHsgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgW2NvbG9yU2NoZW1lXSA9IFJlYWN0LnVzZVN0YXRlPENvbG9yU2NoZW1lTmFtZT4oJ2Jhc2UnKTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdFByb3ZpZGVyIHRoZW1lPXt0aGVtZS5uYW1lfSBjb2xvclNjaGVtZT17Y29sb3JTY2hlbWV9PlxuICAgICAgICAgICAgPENvbG9yU2NoZW1lUHJvdmlkZXIgY29sb3JTY2hlbWU9e2NvbG9yU2NoZW1lfT5cbiAgICAgICAgICAgICAgICB7LyogPHNlbGVjdFxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17Y29sb3JTY2hlbWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtlID0+IHNldENvbG9yU2NoZW1lKGUudGFyZ2V0LnZhbHVlIGFzIENvbG9yU2NoZW1lTmFtZSl9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7T2JqZWN0LmtleXMoY29sb3JTY2hlbWVDb25maWcpLm1hcChrZXkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPG9wdGlvbiBrZXk9e2tleX0gdmFsdWU9e2tleX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2tleX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L3NlbGVjdD4gKi99XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Db2xvclNjaGVtZVByb3ZpZGVyPlxuICAgICAgICA8L1Jvb3RQcm92aWRlcj5cbiAgICApO1xufTtcbiIsIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBJY29uLCBMYXlvdXRGbGV4LCBUZXh0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCB7IFNlbWFudGljVG9rZW5zLCBUaGVtZWQgfSBmcm9tICcuL2NvbXBvbmVudHMvU2VtYW50aWNUb2tlbnMnO1xuaW1wb3J0IHsgU3RvcnlDb250ZXh0V2l0aFRva2VucyB9IGZyb20gJy4vcHJvdmlkZXJzL1N0b3J5Q29udGV4dFdpdGhUb2tlbnMnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCInR3VpZGVzL1NlbWFudGljIHRva2VucyBleGFtcGxlc1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBTdG9yeUNvbnRleHRXaXRoVG9rZW5zXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8VGhlbWVkIG1keFR5cGU9XCJUaGVtZWRcIj5cbiAgICA8U2VtYW50aWNUb2tlbnMgbWR4VHlwZT1cIlNlbWFudGljVG9rZW5zXCIgLz5cbiAgICA8L1RoZW1lZD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ1xcJ0d1aWRlcy9TZW1hbnRpYyB0b2tlbnMgZXhhbXBsZXMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IFN0b3J5Q29udGV4dFdpdGhUb2tlbnNcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/40.tokens/01.semantic-tokens-examples.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return StoryContextWithTokens; });\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.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/* harmony import */ var _TokenSearchProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx");\n\n\n\nvar 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__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_0__[/* DocContextDSWeb */ "a"], {\n context: context\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_TokenSearchProvider__WEBPACK_IMPORTED_MODULE_2__[/* TokenSearchProvider */ "b"], null, children));\n};\nStoryContextWithTokens.displayName = "StoryContextWithTokens";\n\ntry {\n // @ts-ignore\n StoryContextWithTokens.displayName = "StoryContextWithTokens";\n // @ts-ignore\n 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.__docgenInfo, name: "StoryContextWithTokens", path: "../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx#StoryContextWithTokens" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvcHJvdmlkZXJzL1N0b3J5Q29udGV4dFdpdGhUb2tlbnMudHN4P2M4OWMiXSwibmFtZXMiOlsiU3RvcnlDb250ZXh0V2l0aFRva2VucyIsImNoaWxkcmVuIiwiY29udGV4dCIsImNvbnNvbGUiLCJpbmZvIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFFQTtBQUVBO0FBTU8sSUFBTUEsc0JBQWlDLEdBQUcsU0FBcENBLHNCQUFvQyxPQUEyQjtBQUFBLE1BQXhCQyxRQUF3QixRQUF4QkEsUUFBd0I7QUFBQSxNQUFkQyxPQUFjLFFBQWRBLE9BQWM7QUFDeEVDLFNBQU8sQ0FBQ0MsSUFBUixDQUFhLGdEQUFiO0FBQ0Esc0JBQ0ksMkRBQUMsK0VBQUQ7QUFBaUIsV0FBTyxFQUFFRjtBQUExQixrQkFDSSwyREFBQyxnRkFBRCxRQUFzQkQsUUFBdEIsQ0FESixDQURKO0FBS0gsQ0FQTTtBQUFNRCxzQiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9wcm92aWRlcnMvU3RvcnlDb250ZXh0V2l0aFRva2Vucy50c3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NzQ29udGV4dFByb3BzIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVG9rZW5TZWFyY2hQcm92aWRlciB9IGZyb20gJy4vVG9rZW5TZWFyY2hQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGNvbnRleHQ6IERvY3NDb250ZXh0UHJvcHM7XG59XG5cbmV4cG9ydCBjb25zdCBTdG9yeUNvbnRleHRXaXRoVG9rZW5zOiBGQzxQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY29udGV4dCB9KSA9PiB7XG4gICAgY29uc29sZS5pbmZvKCdAcHJlcGx5L2RzLWRvY3MtY29udGV4dDpTdG9yeUNvbnRleHRXaXRoVG9rZW5zJyk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERvY0NvbnRleHREU1dlYiBjb250ZXh0PXtjb250ZXh0fT5cbiAgICAgICAgICAgIDxUb2tlblNlYXJjaFByb3ZpZGVyPntjaGlsZHJlbn08L1Rva2VuU2VhcmNoUHJvdmlkZXI+XG4gICAgICAgIDwvRG9jQ29udGV4dERTV2ViPlxuICAgICk7XG59O1xuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx\n')},"../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ TokenSearchContext; });\n__webpack_require__.d(__webpack_exports__, "b", function() { return /* binding */ TokenSearchProvider_TokenSearchProvider; });\n\n// UNUSED EXPORTS: flattenTokens\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/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: /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.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.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: ./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/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["f" /* 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// 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// 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\nvar _window, _window$localStorage;\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\n\n\n\n\n\n\n\n\n\n\n\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;\nfunction flattenTokens(theme, colorScheme) {\n var tokens = FLAT_TOKENS.map(function (t) {\n return Object.assign({}, t, {\n value: "" + Object(getToken["a" /* getToken */])(theme, colorScheme, t.token)\n });\n });\n return tokens;\n}\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 = flattenTokens(theme, currentColorScheme); // 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//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29uc3RhbnRzL3Rva2VuLXZhbHVlcy1mbGF0dGVuZWQudHM/Y2VjYyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvZnVuY3Rpb25zL3Rva2VuLmZpbHRlci50cz8zNjA2Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9wcm92aWRlcnMvVG9rZW5TZWFyY2hQcm92aWRlci50c3g/ZjczYyJdLCJuYW1lcyI6WyJleHRlbmRlZFRva2VuIiwibmFtZSIsInRva2VuIiwiaWQiLCJUT0tFTl9JRF9GSUVMRCIsInR5cGUiLCJUT0tFTl9UWVBFX0ZJRUxEIiwiY29sb3JTY2hlbWVBd2FyZSIsIlRPS0VOX0NPTE9SX1NDSEVNRV9BV0FSRV9GSUVMRCIsImZsYXQiLCJuYW1lc3BhY2UiLCJub2RlIiwiT2JqZWN0IiwiZW50cmllcyIsImZsYXRNYXAiLCJrZXkiLCJjaGlsZCIsImNoaWRLZXkiLCJpc1Rva2VuIiwiZmxhdHRlbiIsIkZMQVRfVE9LRU5TIiwidG9rZW5zIiwiZmlsdGVyVG9rZW5zIiwidGVybXMiLCJ3aXRoQ29sb3JTY2hlbWUiLCJmaWx0ZXIiLCJzdGFydHNXaXRoIiwidG9Mb3dlckNhc2UiLCJzdWJzdHJpbmciLCJuYW1lTWF0Y2giLCJpbmRleE9mIiwidmFsdWVNYXRjaCIsInZhbHVlIiwiVG9rZW5TZWFyY2hDb250ZXh0IiwiY3JlYXRlQ29udGV4dCIsImNvbG9yU2NoZW1lIiwidW5kZWZpbmVkIiwicmVzdWx0cyIsInNldENvbG9yU2NoZW1lIiwic2V0U2VhcmNoVGVybXMiLCJpbml0aWFsQ29sb3JTY2hlbWUiLCJ3aW5kb3ciLCJsb2NhbFN0b3JhZ2UiLCJnZXRJdGVtIiwiZmxhdHRlblRva2VucyIsInRoZW1lIiwibWFwIiwidCIsImdldFRva2VuIiwiVG9rZW5TZWFyY2hQcm92aWRlciIsImNoaWxkcmVuIiwidXNlVGhlbWVzIiwiZmluZENvbG9yU2NoZW1lIiwidXNlVGhlbWUiLCJ1c2VTdGF0ZSIsInNldFNjaGVtZSIsInNldFRlcm1zIiwic2V0UmVzdWx0cyIsInVzZUNhbGxiYWNrIiwicyIsIkVycm9yIiwidXNlRWZmZWN0IiwiY3VycmVudENvbG9yU2NoZW1lIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7O0FBU0EsSUFBTUEsb0NBQWEsR0FBRyxTQUFoQkEsYUFBZ0IsQ0FBQ0MsSUFBRCxFQUFlQyxLQUFmLEVBQThEO0FBQ2hGLFNBQU87QUFDSEEsU0FBSyxFQUFMQSxLQURHO0FBRUhELFFBQUksRUFBSkEsSUFGRztBQUdIRSxNQUFFLEVBQUVELEtBQUssQ0FBQ0UsbUNBQUQsQ0FITjtBQUlIQyxRQUFJLEVBQUVILEtBQUssQ0FBQ0kscUNBQUQsQ0FKUjtBQUtIQyxvQkFBZ0IsRUFBRSxDQUFDLENBQUNMLEtBQUssQ0FBQ00sbURBQUQ7QUFMdEIsR0FBUDtBQU9ILENBUkQ7O0FBVUEsSUFBTUMsMkJBQUksR0FBRyxTQUFQQSxJQUFPLENBQUNDLFNBQUQsRUFBb0JDLElBQXBCLEVBQTRFO0FBQ3JGLFNBQU9DLE1BQU0sQ0FBQ0MsT0FBUCxDQUFlRixJQUFmLEVBQXFCRyxPQUFyQixDQUE2QixnQkFBa0I7QUFBQTtBQUFBLFFBQWhCQyxHQUFnQjtBQUFBLFFBQVhDLEtBQVc7O0FBQ2xELFFBQU1DLE9BQU8sR0FBTVAsU0FBTixTQUFtQkssR0FBaEM7O0FBQ0EsUUFBSUcsa0NBQU8sQ0FBQ0YsS0FBRCxDQUFYLEVBQW9CO0FBQ2hCLGFBQU8sQ0FBQ2hCLG9DQUFhLENBQUNpQixPQUFELEVBQVVELEtBQVYsQ0FBZCxDQUFQO0FBQ0g7O0FBQ0QsV0FBT1AsSUFBSSxDQUFD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Z0IsQ0FBQyxDQUFDWSxXQUFsQixDQUFiLENBQVY7QUFDSCxHQVBRLEVBT04sQ0FBQ0EsV0FBRCxFQUFjaUIsZUFBZCxFQUErQjdCLEtBQS9CLEVBQXNDc0IsS0FBdEMsQ0FQTSxDQUFUO0FBU0Esc0JBQ0ksOEJBQUMsa0JBQUQsQ0FBb0IsUUFBcEI7QUFDSSxTQUFLLEVBQUU7QUFBRXRCLFdBQUssRUFBTEEsS0FBRjtBQUFTYyxhQUFPLEVBQVBBLE9BQVQ7QUFBa0JGLGlCQUFXLEVBQVhBLFdBQWxCO0FBQStCSSxvQkFBYyxFQUFkQSxjQUEvQjtBQUErQ0Qsb0JBQWMsRUFBZEE7QUFBL0M7QUFEWCxrQkFHSSw4QkFBQyxrREFBRDtBQUFxQixlQUFXLEVBQUVILFdBQVcsSUFBSTtBQUFqRCxLQUNLZSxRQURMLENBSEosQ0FESjtBQVNILENBaENNO0FBQU1ELHVDIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL3Byb3ZpZGVycy9Ub2tlblNlYXJjaFByb3ZpZGVyLnRzeC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzVG9rZW4sIHRva2VucyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIFRPS0VOX0NPTE9SX1NDSEVNRV9BV0FSRV9GSUVMRCxcbiAgICBUT0tFTl9JRF9GSUVMRCxcbiAgICBUT0tFTl9UWVBFX0ZJRUxELFxuICAgIFRva2VuLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG5pbXBvcnQgeyBFeHRlbmRlZFRva2VuLCBUb2tlblRyZWUsIFRva2VuVHJlZU5vZGUgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGV4dGVuZGVkVG9rZW4gPSAobmFtZTogc3RyaW5nLCB0b2tlbjogVG9rZW4pOiBPbWl0PEV4dGVuZGVkVG9rZW4sICd2YWx1ZSc+ID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgICB0b2tlbixcbiAgICAgICAgbmFtZSxcbiAgICAgICAgaWQ6IHRva2VuW1RPS0VOX0lEX0ZJRUxEXSxcbiAgICAgICAgdHlwZTogdG9rZW5bVE9LRU5fVFlQRV9GSUVMRF0sXG4gICAgICAgIGNvbG9yU2NoZW1lQXdhcmU6ICEhdG9rZW5bVE9LRU5fQ09MT1JfU0NIRU1FX0FXQVJFX0ZJRUxEXSxcbiAgICB9O1xufTtcblxuY29uc3QgZmxhdCA9IChuYW1lc3BhY2U6IHN0cmluZywgbm9kZTogVG9rZW5UcmVlTm9kZSk6IE9taXQ8RXh0ZW5kZWRUb2tlbiwgJ3ZhbHVlJz5bXSA9PiB7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKG5vZGUpLmZsYXRNYXAoKFtrZXksIGNoaWxkXSkgPT4ge1xuICAgICAgICBjb25zdCBjaGlkS2V5ID0gYCR7bmFtZXNwYWNlfS4ke2tleX1gO1xuICAgICAgICBpZiAoaXNUb2tlbihjaGlsZCkpIHtcbiAgICAgICAgICAgIHJldHVybiBbZXh0ZW5kZWRUb2tlbihjaGlkS2V5LCBjaGlsZCldO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBmbGF0KGNoaWRLZXksIGNoaWxkKTtcbiAgICB9KTtcbn07XG5cbmNvbnN0IGZsYXR0ZW4gPSAobm9kZTogVG9rZW5UcmVlKTogT21pdDxFeHRlbmRlZFRva2VuLCAndmFsdWUnPltdID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmVudHJpZXMobm9kZSkuZmxhdE1hcCgoW25hbWVzcGFjZSwgY2hpbGRdKSA9PiBmbGF0KG5hbWVzcGFjZSwgY2hpbGQpKTtcbn07XG5cbmV4cG9ydCBjb25zdCBGTEFUX1RPS0VOUyA9IGZsYXR0ZW4odG9rZW5zKTtcbiIsImltcG9ydCB7IEV4dGVuZGVkVG9rZW4gfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBmaWx0ZXJUb2tlbnMgPSAoXG4gICAgdG9rZW5zOiBFeHRlbmRlZFRva2VuW10sXG4gICAgdGVybXM6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgICB3aXRoQ29sb3JTY2hlbWU6IGJvb2xlYW4sXG4pOiBFeHRlbmRlZFRva2VuW10gPT4ge1xuICAgIHJldHVybiB0b2tlbnMuZmlsdGVyKHRva2VuID0+IHtcbiAgICAgICAgaWYgKHRlcm1zID09PSAnLScgfHwgdGVybXMgPT09ICctLScpIHtcbiAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0ZXJtcz8uc3RhcnRzV2l0aCgnLS0nKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRva2VuLmlkLnRvTG93ZXJDYXNlKCkuc3RhcnRzV2l0aCh0ZXJtcy5zdWJzdHJpbmcoMikudG9Mb3dlckNhc2UoKSk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRlcm1zKSB7XG4gICAgICAgICAgICBjb25zdCBuYW1lTWF0Y2ggPSB0b2tlbi5uYW1lLnRvTG93ZXJDYXNlKCkuaW5kZXhPZih0ZXJtcy50b0xvd2VyQ2FzZSgpKSA+IC0xO1xuICAgICAgICAgICAgY29uc3QgdmFsdWVNYXRjaCA9IHRva2VuLnZhbHVlLnRvTG93ZXJDYXNlKCkuaW5kZXhPZih0ZXJtcy50b0xvd2VyQ2FzZSgpKSA+IC0xO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAobmFtZU1hdGNoIHx8IHZhbHVlTWF0Y2gpICYmXG4gICAgICAgICAgICAgICAgKHdpdGhDb2xvclNjaGVtZSA/IHRva2VuLmNvbG9yU2NoZW1lQXdhcmUgOiAhdG9rZW4uY29sb3JTY2hlbWVBd2FyZSlcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHdpdGhDb2xvclNjaGVtZSA/IHRva2VuLmNvbG9yU2NoZW1lQXdhcmUgOiAhdG9rZW4uY29sb3JTY2hlbWVBd2FyZTtcbiAgICB9KTtcbn07XG4iLCJpbXBvcnQgeyBDb2xvclNjaGVtZU5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBDb2xvclNjaGVtZUludGVyZmFjZSxcbiAgICBDb2xvclNjaGVtZVByb3ZpZGVyLFxuICAgIFRoZW1lSW50ZXJmYWNlLFxuICAgIHVzZVRoZW1lLFxuICAgIHVzZVRoZW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1pbXBvcnRzXG5pbXBvcnQgeyBnZXRUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUvZGlzdC90b2tlbi9wcml2YXRlL2dldFRva2VuJztcbmltcG9ydCBSZWFjdCwgeyBGQywgY3JlYXRlQ29udGV4dCwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEZMQVRfVE9LRU5TIH0gZnJvbSAnLi4vY29uc3RhbnRzL3Rva2VuLXZhbHVlcy1mbGF0dGVuZWQnO1xuaW1wb3J0IHsgZmlsdGVyVG9rZW5zIH0gZnJvbSAnLi4vZnVuY3Rpb25zL3Rva2VuLmZpbHRlcic7XG5pbXBvcnQgeyBFeHRlbmRlZFRva2VuIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRva2VuU2VhcmNoQ29udGV4dFNoYXBlIHtcbiAgICB0ZXJtcz86IHN0cmluZztcbiAgICBjb2xvclNjaGVtZT86IENvbG9yU2NoZW1lTmFtZTtcbiAgICByZXN1bHRzOiBFeHRlbmRlZFRva2VuW107XG4gICAgc2V0Q29sb3JTY2hlbWU6IChjb2xvclNjaGVtZTogQ29sb3JTY2hlbWVOYW1lKSA9PiB2b2lkO1xuICAgIHNldFNlYXJjaFRlcm1zOiAodGVybXM6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VG9rZW5TZWFyY2hDb250ZXh0U2hhcGU+KHtcbiAgICB0ZXJtczogJycsXG4gICAgY29sb3JTY2hlbWU6IHVuZGVmaW5lZCxcbiAgICByZXN1bHRzOiBbXSxcbiAgICBzZXRDb2xvclNjaGVtZTogKCkgPT4gdW5kZWZpbmVkLFxuICAgIHNldFNlYXJjaFRlcm1zOiAoKSA9PiB1bmRlZmluZWQsXG59KTtcblxuY29uc3QgaW5pdGlhbENvbG9yU2NoZW1lID1cbiAgICAod2luZG93Py5sb2NhbFN0b3JhZ2U/LmdldEl0ZW0oJ3N0b3J5Ym9vay5kcy1jb2xvci1zY2hlbWUnKSBhcyBDb2xvclNjaGVtZU5hbWUpIHx8IHVuZGVmaW5lZDtcblxuZXhwb3J0IGZ1bmN0aW9uIGZsYXR0ZW5Ub2tlbnModGhlbWU6IFRoZW1lSW50ZXJmYWNlLCBjb2xvclNjaGVtZTogQ29sb3JTY2hlbWVJbnRlcmZhY2UpIHtcbiAgICBjb25zdCB0b2tlbnMgPSBGTEFUX1RPS0VOUy5tYXAodCA9PiAoe1xuICAgICAgICAuLi50LFxuICAgICAgICB2YWx1ZTogYCR7Z2V0VG9rZW4odGhlbWUsIGNvbG9yU2NoZW1lLCB0LnRva2VuKX1gLFxuICAgIH0pKTtcblxuICAgIHJldHVybiB0b2tlbnM7XG59XG5cbmV4cG9ydCBjb25zdCBUb2tlblNlYXJjaFByb3ZpZGVyOiBGQyA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCB7IGZpbmRDb2xvclNjaGVtZSB9ID0gdXNlVGhlbWVzKCk7XG4gICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBbY29sb3JTY2hlbWUsIHNldFNjaGVtZV0gPSB1c2VTdGF0ZTxDb2xvclNjaGVtZU5hbWUgfCB1bmRlZmluZWQ+KGluaXRpYWxDb2xvclNjaGVtZSk7XG4gICAgY29uc3QgW3Rlcm1zLCBzZXRUZXJtc10gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCcnKTtcbiAgICBjb25zdCBbcmVzdWx0cywgc2V0UmVzdWx0c10gPSB1c2VTdGF0ZTxFeHRlbmRlZFRva2VuW10+KFtdKTtcblxuICAgIGNvbnN0IHNldENvbG9yU2NoZW1lID0gdXNlQ2FsbGJhY2soKHM6IENvbG9yU2NoZW1lTmFtZSkgPT4gc2V0U2NoZW1lKHMpLCBbc2V0U2NoZW1lXSk7XG4gICAgY29uc3Qgc2V0U2VhcmNoVGVybXMgPSB1c2VDYWxsYmFjaygodDogc3RyaW5nKSA9PiBzZXRUZXJtcyh0KSwgW3NldFRlcm1zXSk7XG5cbiAgICBpZiAoIXRoZW1lKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcigndXNlVG9rZW4oKSBtdXN0IGJlIHVzZWQgd2l0aGluIGEgVGhlbWVQcm92aWRlcicpO1xuICAgIH1cblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGN1cnJlbnRDb2xvclNjaGVtZSA9IGZpbmRDb2xvclNjaGVtZShjb2xvclNjaGVtZSB8fCAnYmFzZScpO1xuXG4gICAgICAgIGNvbnN0IHRva2VucyA9IGZsYXR0ZW5Ub2tlbnModGhlbWUsIGN1cnJlbnRDb2xvclNjaGVtZSk7XG5cbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICAgICAgICBzZXRSZXN1bHRzKGZpbHRlclRva2Vucyh0b2tlbnMsIHRlcm1zLCAhIWNvbG9yU2NoZW1lKSk7XG4gICAgfSwgW2NvbG9yU2NoZW1lLCBmaW5kQ29sb3JTY2hlbWUsIHRlcm1zLCB0aGVtZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRva2VuU2VhcmNoQ29udGV4dC5Qcm92aWRlclxuICAgICAgICAgICAgdmFsdWU9e3sgdGVybXMsIHJlc3VsdHMsIGNvbG9yU2NoZW1lLCBzZXRTZWFyY2hUZXJtcywgc2V0Q29sb3JTY2hlbWUgfX1cbiAgICAgICAgPlxuICAgICAgICAgICAgPENvbG9yU2NoZW1lUHJvdmlkZXIgY29sb3JTY2hlbWU9e2NvbG9yU2NoZW1lIHx8ICdiYXNlJ30+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Db2xvclNjaGVtZVByb3ZpZGVyPlxuICAgICAgICA8L1Rva2VuU2VhcmNoQ29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xufTtcbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx\n')},"../docs-pages/docs/pages/30.guides/50.responsive/00.using-responsive-props.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "url", function() { return url; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Avatar/Avatar.js");\n/* harmony import */ var _components_BreakpointList__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx");\n\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 url = \'./web-lib/src/components/Avatar/docs/static/avatar-1.png\';\nvar layoutProps = {\n url: url\n};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Responsive props",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "responsive-using-responsive-props"\n }, "Responsive: Using responsive props"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Some component props accept different values for different screen sizes."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Syntax:"), " ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<Component prop={{_: <value>, \'<breakpoint>\': <value>, ... }} />")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Where:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "_"), " = prop value for the smallest screens"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "\'<breakpoint>\'"), " = prop value for screens with at least ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "y"), " pixels of width"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "...")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Breakpoints:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_components_BreakpointList__WEBPACK_IMPORTED_MODULE_11__[/* BreakpointList */ "a"], {\n k: function k(key) {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment, null, "\'", key, "\'");\n },\n v: function v(value) {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", null, value, "px");\n },\n mdxType: "BreakpointList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "example"\n }, "Example"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "When a component prop is responsive, this fact is highlighted in the title of the prop section, as is the case for the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "size"), " prop of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-content-avatar-docs--page"\n }, "Avatar"), " component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* PropType */ "r"], {\n name: "size",\n optional: true,\n responsive: true,\n type: "AvatarSize",\n mdxType: "PropType"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In cases like this will find example(s) with a ruler displaying the used breakpoints."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* ResponsiveScale */ "v"], {\n intro: false,\n breakpoints: [\'medium-l\'],\n mdxType: "ResponsiveScale"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CAvatar%20src=%7Burl%7D%20size=%7B%7B%0A%20%20_:%20\'xs\',%0A%20%20\'medium-l\':%20\'xl\'%0A%7D%7D%20/%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Avatar */ "a"], {\n src: url,\n size: {\n _: \'xs\',\n \'medium-l\': \'xl\'\n },\n mdxType: "Avatar"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Inspect the code above and use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://storybook.js.org/docs/react/essentials/viewport",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Storybook viewport dropdown"), " to preview the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<Avatar>"), " rendering with different values for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "size"), " at the provided breakpoints."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n width: "400",\n src: "./docs-pages/docs/pages/30.guides/50.responsive/static/storybook-viewports.png",\n alt: "Storybook viewport dropdown"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "notes"\n }, "Notes"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "When a component is responsive, you can still provide a single value for all screens"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "<Avatar src={url} size=\\"xl\\" />\\n<Text centered>Lorem Ipsum</Text>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Providing only a value for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "_"), " is the same as not using the responsive syntax. The following two lines are therefore equivalent:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "<Avatar src={url} size=\\"xl\\" />\\n<Avatar src={url} size={{_: \'xl\'}} />\\n")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Responsive props\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlLzAwLnVzaW5nLXJlc3BvbnNpdmUtcHJvcHMuc3Rvcmllcy5tZHg/ZDQxNCJdLCJuYW1lcyI6WyJ1cmwiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwia2V5IiwidmFsdWUiLCJfIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNPLElBQU1BLEdBQUcsR0FBRywwREFBWjtBQUVQLElBQU1DLFdBQVcsR0FBRztBQUNsQkQsS0FBRyxFQUFIQTtBQURrQixDQUFwQjtBQUdBLElBQU1FLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU9MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHlCQUFaO0FBQXNDLGNBQVUsRUFBRTtBQUNoREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUQwQyxLQUFsRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBUEssRUFZTCxrRUFBQyw2RUFBRDtB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O0FBQW9DSCxZQUFVLEVBQUU7QUFDcEVULFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUQ4RCxHQUFoRDtBQUluQlcsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QlQsSUFBekIscUJBQ01XLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QlQsSUFBekIsSUFBaUMsRUFEdkM7QUFFRWUsTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlLzAwLnVzaW5nLXJlc3BvbnNpdmUtcHJvcHMuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxULCBBVkFUQVJfU0laRV9PUFRJT05TLCB0b2tlbnMgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViLCBUaGVtZU9wdGlvbnNMaXN0LCBUaGVtZVN3aXRjaGVyIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgRG9jTWV0YWRhdGEsIFByb3BUeXBlLCBSZXNwb25zaXZlU2NhbGUsIFN0b3J5Tm90ZSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEF2YXRhciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgQnJlYWtwb2ludExpc3QgfSBmcm9tICcuL2NvbXBvbmVudHMvQnJlYWtwb2ludExpc3QnO1xuZXhwb3J0IGNvbnN0IHVybCA9ICcuL3dlYi1saWIvc3JjL2NvbXBvbmVudHMvQXZhdGFyL2RvY3Mvc3RhdGljL2F2YXRhci0xLnBuZyc7XG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICB1cmxcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9SZXNwb25zaXZlIHByb3BzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwicmVzcG9uc2l2ZS11c2luZy1yZXNwb25zaXZlLXByb3BzXCJcbiAgICB9fT57YFJlc3BvbnNpdmU6IFVzaW5nIHJlc3BvbnNpdmUgcHJvcHNgfTwvaDE+XG4gICAgPHA+e2BTb21lIGNvbXBvbmVudCBwcm9wcyBhY2NlcHQgZGlmZmVyZW50IHZhbHVlcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplcy5gfTwvcD5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BTeW50YXg6YH08L3N0cm9uZz57YCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8Q29tcG9uZW50IHByb3A9e3tfOiA8dmFsdWU+LCAnPGJyZWFrcG9pbnQ+JzogPHZhbHVlPiwgLi4uIH19IC8+YH08L2lubGluZUNvZGU+PC9wPlxuICAgIDxwPntgV2hlcmU6YH08L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgX2B9PC9pbmxpbmVDb2RlPntgID0gcHJvcCB2YWx1ZSBmb3IgdGhlIHNtYWxsZXN0IHNjcmVlbnNgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2AnPGJyZWFrcG9pbnQ+J2B9PC9pbmxpbmVDb2RlPntgID0gcHJvcCB2YWx1ZSBmb3Igc2NyZWVucyB3aXRoIGF0IGxlYXN0IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2B5YH08L2lubGluZUNvZGU+e2AgcGl4ZWxzIG9mIHdpZHRoYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgLi4uYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgQnJlYWtwb2ludHM6YH08L3N0cm9uZz48L3A+XG4gICAgPEJyZWFrcG9pbnRMaXN0IGs9e2tleSA9PiA8Pid7a2V5fSc8Lz59IHY9e3ZhbHVlID0+IDxjb2RlPnt2YWx1ZX1weDwvY29kZT59IG1keFR5cGU9XCJCcmVha3BvaW50TGlzdFwiIC8+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiZXhhbXBsZVwiXG4gICAgfX0+e2BFeGFtcGxlYH08L2gyPlxuICAgIDxwPntgV2hlbiBhIGNvbXBvbmVudCBwcm9wIGlzIHJlc3BvbnNpdmUsIHRoaXMgZmFjdCBpcyBoaWdobGlnaHRlZCBpbiB0aGUgdGl0bGUgb2YgdGhlIHByb3Agc2VjdGlvbiwgYXMgaXMgdGhlIGNhc2UgZm9yIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BzaXplYH08L2lubGluZUNvZGU+e2AgcHJvcCBvZiB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWNvbnRlbnQtYXZhdGFyLWRvY3MtLXBhZ2VcIlxuICAgICAgfX0+e2BBdmF0YXJgfTwvYT57YCBjb21wb25lbnQuYH08L3A+XG4gICAgPFByb3BUeXBlIG5hbWU9XCJzaXplXCIgb3B0aW9uYWwgcmVzcG9uc2l2ZSB0eXBlPVwiQXZhdGFyU2l6ZVwiIG1keFR5cGU9XCJQcm9wVHlwZVwiIC8+XG4gICAgPHA+e2BJbiBjYXNlcyBsaWtlIHRoaXMgd2lsbCBmaW5kIGV4YW1wbGUocykgd2l0aCBhIHJ1bGVyIGRpc3BsYXlpbmcgdGhlIHVzZWQgYnJlYWtwb2ludHMuYH08L3A+XG4gICAgPFJlc3BvbnNpdmVTY2FsZSBpbnRybz17ZmFsc2V9IGJyZWFrcG9pbnRzPXtbJ21lZGl1bS1sJ119IG1keFR5cGU9XCJSZXNwb25zaXZlU2NhbGVcIiAvPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDQXZhdGFyJTIwc3JjPSU3QnVybCU3RCUyMHNpemU9JTdCJTdCJTBBJTIwJTIwXzolMjAneHMnLCUwQSUyMCUyMCdtZWRpdW0tbCc6JTIwJ3hsJyUwQSU3RCU3RCUyMC8lM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPEF2YXRhciBzcmM9e3VybH0gc2l6ZT17e1xuICAgICAgICBfOiAneHMnLFxuICAgICAgICAnbWVkaXVtLWwnOiAneGwnXG4gICAgICB9fSBtZHhUeXBlPVwiQXZhdGFyXCIgLz5cbiAgICA8L0NhbnZhcz5cbiAgICA8cD57YEluc3BlY3QgdGhlIGNvZGUgYWJvdmUgYW5kIHVzZSB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vc3Rvcnlib29rLmpzLm9yZy9kb2NzL3JlYWN0L2Vzc2VudGlhbHMvdmlld3BvcnRcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgU3Rvcnlib29rIHZpZXdwb3J0IGRyb3Bkb3duYH08L2E+e2AgdG8gcHJldmlldyB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPEF2YXRhcj5gfTwvaW5saW5lQ29kZT57YCByZW5kZXJpbmcgd2l0aCBkaWZmZXJlbnQgdmFsdWVzIGZvciBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BzaXplYH08L2lubGluZUNvZGU+e2AgYXQgdGhlIHByb3ZpZGVkIGJyZWFrcG9pbnRzLmB9PC9wPlxuICAgIDxpbWcgd2lkdGg9XCI0MDBcIiBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNTAucmVzcG9uc2l2ZS9zdGF0aWMvc3Rvcnlib29rLXZpZXdwb3J0cy5wbmdcIiBhbHQ9XCJTdG9yeWJvb2sgdmlld3BvcnQgZHJvcGRvd25cIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcIm5vdGVzXCJcbiAgICB9fT57YE5vdGVzYH08L2gyPlxuICAgIDxwPntgV2hlbiBhIGNvbXBvbmVudCBpcyByZXNwb25zaXZlLCB5b3UgY2FuIHN0aWxsIHByb3ZpZGUgYSBzaW5nbGUgdmFsdWUgZm9yIGFsbCBzY3JlZW5zYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLnt9fT57YDxBdmF0YXIgc3JjPXt1cmx9IHNpemU9XCJ4bFwiIC8+XG48VGV4dCBjZW50ZXJlZD5Mb3JlbSBJcHN1bTwvVGV4dD5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgUHJvdmlkaW5nIG9ubHkgYSB2YWx1ZSBmb3IgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgX2B9PC9pbmxpbmVDb2RlPntgIGlzIHRoZSBzYW1lIGFzIG5vdCB1c2luZyB0aGUgcmVzcG9uc2l2ZSBzeW50YXguIFRoZSBmb2xsb3dpbmcgdHdvIGxpbmVzIGFyZSB0aGVyZWZvcmUgZXF1aXZhbGVudDpgfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue319PntgPEF2YXRhciBzcmM9e3VybH0gc2l6ZT1cInhsXCIgLz5cbjxBdmF0YXIgc3JjPXt1cmx9IHNpemU9e3tfOiAneGwnfX0gLz5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL1Jlc3BvbnNpdmUgcHJvcHMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/50.responsive/00.using-responsive-props.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return BreakpointList; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../node_modules/core-js/modules/es.function.name.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../node_modules/core-js/modules/es.array.from.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../node_modules/core-js/modules/es.array.map.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../node_modules/core-js/modules/es.object.entries.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../packages/core/dist/generated/breakpoints.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js");\n\n\n\n\n\n\n\n\n\n\n\n\nvar _templateObject, _templateObject2, _templateObject3;\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\n\nvar Table = styled_components__WEBPACK_IMPORTED_MODULE_15__[/* default */ "b"].table(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n font-size: 14px;\\n"])));\nvar Key = styled_components__WEBPACK_IMPORTED_MODULE_15__[/* default */ "b"].td(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\\n padding: 0px 40px 10px 20px;\\n"])));\nvar Value = styled_components__WEBPACK_IMPORTED_MODULE_15__[/* default */ "b"].td(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\\n padding: 0px 40px 10px 20px;\\n"])));\nvar BreakpointList = function BreakpointList(_ref) {\n var k = _ref.k,\n v = _ref.v;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Table, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("tbody", null, Object.entries(_preply_ds_core__WEBPACK_IMPORTED_MODULE_13__[/* BREAKPOINT */ "a"]).map(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n key = _ref3[0],\n value = _ref3[1];\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("tr", {\n key: key\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Key, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("code", null, k ? k(key) : key)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Value, null, v ? v(value) : value));\n })));\n};\nBreakpointList.displayName = "BreakpointList";\n\ntry {\n // @ts-ignore\n BreakpointList.displayName = "BreakpointList";\n // @ts-ignore\n BreakpointList.__docgenInfo = { "description": "", "displayName": "BreakpointList", "props": { "k": { "defaultValue": null, "description": "", "name": "k", "required": false, "type": { "name": "((value: string) => ReactNode)" } }, "v": { "defaultValue": null, "description": "", "name": "v", "required": false, "type": { "name": "((value: number) => ReactNode)" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx#BreakpointList"] = { docgenInfo: BreakpointList.__docgenInfo, name: "BreakpointList", path: "../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx#BreakpointList" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2NvbXBvbmVudHMvQnJlYWtwb2ludExpc3QudHN4PzU1OWYiXSwibmFtZXMiOlsiVGFibGUiLCJzdHlsZWQiLCJ0YWJsZSIsIktleSIsInRkIiwiVmFsdWUiLCJCcmVha3BvaW50TGlzdCIsImsiLCJ2IiwiT2JqZWN0IiwiZW50cmllcyIsIkJSRUFLUE9JTlQiLCJtYXAiLCJrZXkiLCJ2YWx1ZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFPQSxJQUFNQSxLQUFLLEdBQUdDLGtFQUFNLENBQUNDLEtBQVYsa0dBQVg7QUFJQSxJQUFNQyxHQUFHLEdBQUdGLGtFQUFNLENBQUNHLEVBQVYsZ0hBQVQ7QUFJQSxJQUFNQyxLQUFLLEdBQUdKLGtFQUFNLENBQUNHLEVBQVYsZ0hBQVg7QUFJTyxJQUFNRSxjQUF5QixHQUFHLFNBQTVCQSxjQUE0QixPQUFjO0FBQUEsTUFBWEMsQ0FBVyxRQUFYQSxDQUFXO0FBQUEsTUFBUkMsQ0FBUSxRQUFSQSxDQUFRO0FBQ25ELHNCQUNJLDREQUFDLEtBQUQscUJBQ0ksMkVBQ0tDLE1BQU0sQ0FBQ0MsT0FBUCxDQUFlQyxtRUFBZixFQUEyQkMsR0FBM0IsQ0FBK0I7QUFBQTtBQUFBLFFBQUVDLEdBQUY7QUFBQSxRQUFPQyxLQUFQOztBQUFBLHdCQUM1QjtBQUFJLFNBQUcsRUFBRUQ7QUFBVCxvQkFDSSw0REFBQyxHQUFELHFCQUNJLDBFQUFPTixDQUFDLEdBQUdBLENBQUMsQ0FBQ00sR0FBRCxDQUFKLEdBQVlBLEdBQXBCLENBREosQ0FESixlQUlJLDREQUFDLEtBQUQsUUFBUUwsQ0FBQyxHQUFHQSxDQUFDLENBQUNNLEtBQUQsQ0FBSixHQUFjQSxLQUF2QixDQUpKLENBRDRCO0FBQUEsR0FBL0IsQ0FETCxDQURKLENBREo7QUFjSCxDQWZNO0FBQU1SLGMiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2NvbXBvbmVudHMvQnJlYWtwb2ludExpc3QudHN4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQlJFQUtQT0lOVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG50eXBlIFByb3BzID0ge1xuICAgIGs/OiAodmFsdWU6IHN0cmluZykgPT4gUmVhY3ROb2RlO1xuICAgIHY/OiAodmFsdWU6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xufTtcblxuY29uc3QgVGFibGUgPSBzdHlsZWQudGFibGVgXG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuY29uc3QgS2V5ID0gc3R5bGVkLnRkYFxuICAgIHBhZGRpbmc6IDBweCA0MHB4IDEwcHggMjBweDtcbmA7XG5cbmNvbnN0IFZhbHVlID0gc3R5bGVkLnRkYFxuICAgIHBhZGRpbmc6IDBweCA0MHB4IDEwcHggMjBweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBCcmVha3BvaW50TGlzdDogRkM8UHJvcHM+ID0gKHsgaywgdiB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRhYmxlPlxuICAgICAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAgICAgIHtPYmplY3QuZW50cmllcyhCUkVBS1BPSU5UKS5tYXAoKFtrZXksIHZhbHVlXSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8dHIga2V5PXtrZXl9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPEtleT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y29kZT57ayA/IGsoa2V5KSA6IGtleX08L2NvZGU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0tleT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxWYWx1ZT57diA/IHYodmFsdWUpIDogdmFsdWV9PC9WYWx1ZT5cbiAgICAgICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvdGJvZHk+XG4gICAgICAgIDwvVGFibGU+XG4gICAgKTtcbn07XG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx\n')},"../docs-pages/docs/pages/30.guides/60.components/00.developing-custom-components.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-toolkit/dist/index.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Custom Components/Introduction",\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": "developing-custom-components-with-ds-primitives"\n }, "Developing custom components with DS primitives"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The DS provides lower level primitives for building custom components that you can use\\nif existing DS components are not enough to implement complex or unique designs.\\nUsing these primitives ensures that your new custom components will still be\\ncompatible with our visual design language and continue receiving updates as the\\nDesign System evolves."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "However, you should always prefer using the existing components to just using\\nthese lower level primitives."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Furthermore, if you believe your component can be a good addition for the Design System:"), 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 }, "Read the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/contributing--page"\n }, "contribution guide")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Reach out to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "https://preply.slack.com/archives/C024EAEHP6V",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "#design-system-public")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Use Less.js instead of StyledComponents."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Become familiar with the DS ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "https://preply.atlassian.net/wiki/spaces/DS/pages/2778300873/Guidelines",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "internal guidelines and conventions"), " and the step by step ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "https://preply.atlassian.net/wiki/spaces/DS/pages/3250815332/Runbooks",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "runbooks"), ".")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Check the guidelines below for some generic strategies to minimize the need for custom CSS."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The following guides provide further information on how to use the lower level primitives according to your stack:"), 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"])("a", {\n parentName: "li",\n "href": "/story/guides-custom-components-less-js-intro--page"\n }, "Less.js")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/guides-custom-components-styledcomponents-intro--page"\n }, "StyledComponents"))), 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"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDont */ "b"], {\n mdxType: "CodeDont"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Create massive blocks of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "LayoutFlex"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "LayoutGrid"), " components"), 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 }, "<LayoutFlex direction=\\"...\\" alignItems=\\"...\\">\\n <LayoutFlex direction=\\"...\\" gap=\\"...\\" justifyContent=\\"...\\">\\n <LayoutGrid>...</LayoutGrid>\\n </LayoutFlex>\\n</LayoutFlex>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDo */ "a"], {\n mdxType: "CodeDo"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Separate your component in small parts, giving some of these ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "Layout"), " parts a significant name"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "And then use these blocks in the main component"), 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 }, "<MyComponentLayout>\\n <SectionHeader>...</SectionHeader>\\n</MyComponentLayout>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "See Less.js and StyledComponents guide below for more detailed examples."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDont */ "b"], {\n mdxType: "CodeDont"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Create aliases of DS components."), 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 }, "const Bold = ({ children }) => <Text variant=\\"s-bold\\">{children}</Text>;\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDont */ "b"], {\n mdxType: "CodeDont"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Switch entirely to custom CSS just to apply small bits of style."), 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-ts"\n }, "const Flex = styled.div`\\n display: flex;\\n align-items: center;\\n padding: @spaces-xs;\\n border: 1px solid @root-palette-red-300;\\n\\n @media @medium-l {\\n align-items: left;\\n }\\n`;\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In the above example, only ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "border: 1px solid @root-palette-red-300;"), " can\'t be provided by the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "LayoutFlex"), " component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDo */ "a"], {\n mdxType: "CodeDo"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Combine small CSS elements with the custom styles."), 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-ts"\n }, "const RedBorder = styled.div`\\n border: 1px solid @root-palette-red-300;\\n`;\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "With the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "LayoutFlex"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "LayoutGrid"), " components."), 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 }, "const MyComponent: FC = () => (\\n <RedBorder>\\n <LayoutFlex alignItems={{ _: \'center\', \'medium-l\': \'left\' }} padding=\\"xs\\">\\n ...\\n </LayoutFlex>\\n </RedBorder>\\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/Custom Components/Introduction\',\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzAwLmRldmVsb3BpbmctY3VzdG9tLWNvbXBvbmVudHMuc3Rvcmllcy5tZHg/OThjMyJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHVDQUFaO0FBQW9ELGNBQVUsRUFBRTtBQUM5REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUR3RCxLQUFoRTtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTCxrRUFBQyw2RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVZLLEVBV0w7QUFDRSxVQUFNO0FBRFIsdURBWEssRUFjTCxnYkFkSyxFQW1CTCw0TEFuQkssRUFxQkwsd0tBckJLLEVBc0JMLDhFQUNFO0FBQUksY0FBVSxFQUFDO0FBQWYsa0JBQWlDO0FBQUcsY0FBVSxFQUFDLElBQWQ7QUFDN0IsWUFBUTtBQURxQiwwQkFBakMsQ0FERixFQUlFO0FBQUksY0FBVSxFQUFDO0FBQWYsc0JBQXFDO0FBQUcsY0FBVSxFQUFDLElBQWQ7QUFDakMsWUFBUSwrQ0FEeUI7QUFFakMsY0FBVSxRQUZ1QjtBQUdqQyxXQUFPO0FBSDBCLDZCQUFyQyxDQUpGLEVBU0U7QUFBSSxjQUFVLEVBQUM7QUFBZixnREFURixFQVVFO0FBQUksY0FBVSxFQUFDO0FBQWYscUNBQW9EO0FBQUcsY0FBVSxFQUFDLElBQWQ7QUFDaEQsWUFBUSx5RUFEd0M7QUFFaEQsY0FBVSxRQUZzQztBQUdoRCxXQUFPO0FBSHlDLDJDQUFwRCw0QkFJMEU7QUFBRyxjQUFVLEVBQUMsSUFBZDtBQUN0RSxZQUFRLHVFQUQ4RDtBQUV0RSxjQUFVLFFBRjREO0FBR3RFLFdBQU87QUFIK0QsZ0JBSjFFLE1BVkYsQ0F0QkssRUEwQ0wsMktBMUNLLEVBMkNMLGtNQTNDSyxFQTRDTCw4RUFDRTtBQUFJLGNBQVUsRUFBQztBQUFmLEtBQW9CO0FBQUcsY0FBVSxFQUFDLElBQWQ7QUFDaEIsWUFBUTtBQURRLGVBQXBCLENBREYsRUFJRTtBQUFJLGNBQVUsRUFBQztBQUFmLEtBQW9CO0FBQUcsY0FBVSxFQUFDLElBQWQ7QUFDaEIsWUFBUTtBQURRLHdCQUFwQixDQUpGLENBNUNLLEVBb0RMO0FBQ0UsVUFBTTtBQURSLGtCQXBESyxFQXVETCxrRUFBQyx3RUFBRDtBQUFVLFdBQU8sRUFBQztBQUFsQixJQXZESyxFQXdETCwwR0FBZ0M7QUFBWSxjQUFVLEVBQUM7QUFBdkIsa0JBQWhDLFdBQStGO0FBQVksY0FBVSxFQUFDO0FBQXZCLGtCQUEvRixnQkF4REssRUF5REwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLDBNQUFMLENBekRLLEVBaUVMLGtFQUFDLHNFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLElBakVLLEVBa0VMLDhJQUFvRTtBQUFZLGNBQVUsRUFBQztBQUF2QixjQUFwRSw4QkFsRUssRUFtRUwsK0hBbkVLLEVBb0VMLCtFQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWiwyRkFBTCxDQXBFSyxFQTBFTCx3SkExRUssRUEyRUwsa0VBQUMsd0VBQUQ7QUFBVSxXQUFPLEVBQUM7QUFBbEIsSUEzRUssRUE0RUwsZ0hBNUVLLEVBNkVMLCtFQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWixvRkFBTCxDQTdFSyxFQWlGTCxrRUFBQyx3RUFBRDtBQUFVLFdBQU8sRUFBQztBQUFsQixJQWpGSyxFQWtGTCxnSkFsRkssRUFtRkwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLHlOQUFMLENBbkZLLEVBZ0dMLDRHQUFrQztBQUFZLGNBQVUsRUFBQztBQUF2QixnREFBbEMsZ0NBQW9KO0FBQVksY0FBVSxFQUFDO0FBQXZCLGtCQUFwSixnQkFoR0ssRUFpR0wsa0VBQUMsc0VBQUQ7QUFBUSxXQUFPLEVBQUM7QUFBaEIsSUFqR0ssRUFrR0wsa0lBbEdLLEVBbUdMLCtFQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWix5RkFBTCxDQW5HSyxFQXlHTCwwRkFBZ0I7QUFBWSxjQUFVLEVBQUM7QUFBdkIsa0JBQWhCLFdBQStFO0FBQVksY0FBVSxFQUFDO0FBQXZCLGtCQUEvRSxpQkF6R0ssRUEwR0wsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLDhNQUFMLENBMUdLLENBQVA7QUFxSEQ7O0FBekhRTCxVO0FBMkhUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsdUNBQVQ7QUFBa0RILFlBQVUsRUFBRTtBQUNsRk4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDRFLEdBQTlEO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMDAuZGV2ZWxvcGluZy1jdXN0b20tY29tcG9uZW50cy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IENvZGVEbywgQ29kZURvbnQgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9DdXN0b20gQ29tcG9uZW50cy9JbnRyb2R1Y3Rpb25cIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJkZXZlbG9waW5nLWN1c3RvbS1jb21wb25lbnRzLXdpdGgtZHMtcHJpbWl0aXZlc1wiXG4gICAgfX0+e2BEZXZlbG9waW5nIGN1c3RvbSBjb21wb25lbnRzIHdpdGggRFMgcHJpbWl0aXZlc2B9PC9oMT5cbiAgICA8cD57YFRoZSBEUyBwcm92aWRlcyBsb3dlciBsZXZlbCBwcmltaXRpdmVzIGZvciBidWlsZGluZyBjdXN0b20gY29tcG9uZW50cyB0aGF0IHlvdSBjYW4gdXNlXG5pZiBleGlzdGluZyBEUyBjb21wb25lbnRzIGFyZSBub3QgZW5vdWdoIHRvIGltcGxlbWVudCBjb21wbGV4IG9yIHVuaXF1ZSBkZXNpZ25zLlxuVXNpbmcgdGhlc2UgcHJpbWl0aXZlcyBlbnN1cmVzIHRoYXQgeW91ciBuZXcgY3VzdG9tIGNvbXBvbmVudHMgd2lsbCBzdGlsbCBiZVxuY29tcGF0aWJsZSB3aXRoIG91ciB2aXN1YWwgZGVzaWduIGxhbmd1YWdlIGFuZCBjb250aW51ZSByZWNlaXZpbmcgdXBkYXRlcyBhcyB0aGVcbkRlc2lnbiBTeXN0ZW0gZXZvbHZlcy5gfTwvcD5cbiAgICA8cD57YEhvd2V2ZXIsIHlvdSBzaG91bGQgYWx3YXlzIHByZWZlciB1c2luZyB0aGUgZXhpc3RpbmcgY29tcG9uZW50cyB0byBqdXN0IHVzaW5nXG50aGVzZSBsb3dlciBsZXZlbCBwcmltaXRpdmVzLmB9PC9wPlxuICAgIDxwPntgRnVydGhlcm1vcmUsIGlmIHlvdSBiZWxpZXZlIHlvdXIgY29tcG9uZW50IGNhbiBiZSBhIGdvb2QgYWRkaXRpb24gZm9yIHRoZSBEZXNpZ24gU3lzdGVtOmB9PC9wPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YFJlYWQgdGhlIGB9PGEgcGFyZW50TmFtZT1cImxpXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvY29udHJpYnV0aW5nLS1wYWdlXCJcbiAgICAgICAgfX0+e2Bjb250cmlidXRpb24gZ3VpZGVgfTwvYT48L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgUmVhY2ggb3V0IHRvIGB9PGEgcGFyZW50TmFtZT1cImxpXCIgey4uLntcbiAgICAgICAgICBcImhyZWZcIjogXCJodHRwczovL3ByZXBseS5zbGFjay5jb20vYXJjaGl2ZXMvQzAyNEVBRUhQNlZcIixcbiAgICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICAgIH19PntgI2Rlc2lnbi1zeXN0ZW0tcHVibGljYH08L2E+PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YFVzZSBMZXNzLmpzIGluc3RlYWQgb2YgU3R5bGVkQ29tcG9uZW50cy5gfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BCZWNvbWUgZmFtaWxpYXIgd2l0aCB0aGUgRFMgYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vcHJlcGx5LmF0bGFzc2lhbi5uZXQvd2lraS9zcGFjZXMvRFMvcGFnZXMvMjc3ODMwMDg3My9HdWlkZWxpbmVzXCIsXG4gICAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgICB9fT57YGludGVybmFsIGd1aWRlbGluZXMgYW5kIGNvbnZlbnRpb25zYH08L2E+e2AgYW5kIHRoZSBzdGVwIGJ5IHN0ZXAgYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vcHJlcGx5LmF0bGFzc2lhbi5uZXQvd2lraS9zcGFjZXMvRFMvcGFnZXMvMzI1MDgxNTMzMi9SdW5ib29rc1wiLFxuICAgICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgICAgfX0+e2BydW5ib29rc2B9PC9hPntgLmB9PC9saT5cbiAgICA8L3VsPlxuICAgIDxwPntgQ2hlY2sgdGhlIGd1aWRlbGluZXMgYmVsb3cgZm9yIHNvbWUgZ2VuZXJpYyBzdHJhdGVnaWVzIHRvIG1pbmltaXplIHRoZSBuZWVkIGZvciBjdXN0b20gQ1NTLmB9PC9wPlxuICAgIDxwPntgVGhlIGZvbGxvd2luZyBndWlkZXMgcHJvdmlkZSBmdXJ0aGVyIGluZm9ybWF0aW9uIG9uIGhvdyB0byB1c2UgdGhlIGxvd2VyIGxldmVsIHByaW1pdGl2ZXMgYWNjb3JkaW5nIHRvIHlvdXIgc3RhY2s6YH08L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1jdXN0b20tY29tcG9uZW50cy1sZXNzLWpzLWludHJvLS1wYWdlXCJcbiAgICAgICAgfX0+e2BMZXNzLmpzYH08L2E+PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtY3VzdG9tLWNvbXBvbmVudHMtc3R5bGVkY29tcG9uZW50cy1pbnRyby0tcGFnZVwiXG4gICAgICAgIH19PntgU3R5bGVkQ29tcG9uZW50c2B9PC9hPjwvbGk+XG4gICAgPC91bD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJndWlkZWxpbmVzXCJcbiAgICB9fT57YEd1aWRlbGluZXNgfTwvaDI+XG4gICAgPENvZGVEb250IG1keFR5cGU9XCJDb2RlRG9udFwiIC8+XG4gICAgPHA+e2BDcmVhdGUgbWFzc2l2ZSBibG9ja3Mgb2YgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgTGF5b3V0RmxleGB9PC9pbmxpbmVDb2RlPntgIGFuZCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BMYXlvdXRHcmlkYH08L2lubGluZUNvZGU+e2AgY29tcG9uZW50c2B9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgPExheW91dEZsZXggZGlyZWN0aW9uPVwiLi4uXCIgYWxpZ25JdGVtcz1cIi4uLlwiPlxuICAgIDxMYXlvdXRGbGV4IGRpcmVjdGlvbj1cIi4uLlwiIGdhcD1cIi4uLlwiIGp1c3RpZnlDb250ZW50PVwiLi4uXCI+XG4gICAgICAgIDxMYXlvdXRHcmlkPi4uLjwvTGF5b3V0R3JpZD5cbiAgICA8L0xheW91dEZsZXg+XG48L0xheW91dEZsZXg+XG5gfTwvY29kZT48L3ByZT5cbiAgICA8Q29kZURvIG1keFR5cGU9XCJDb2RlRG9cIiAvPlxuICAgIDxwPntgU2VwYXJhdGUgeW91ciBjb21wb25lbnQgaW4gc21hbGwgcGFydHMsIGdpdmluZyBzb21lIG9mIHRoZXNlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YExheW91dGB9PC9pbmxpbmVDb2RlPntgIHBhcnRzIGEgc2lnbmlmaWNhbnQgbmFtZWB9PC9wPlxuICAgIDxwPntgQW5kIHRoZW4gdXNlIHRoZXNlIGJsb2NrcyBpbiB0aGUgbWFpbiBjb21wb25lbnRgfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXRzeFwiXG4gICAgICB9fT57YDxNeUNvbXBvbmVudExheW91dD5cbiAgICA8U2VjdGlvbkhlYWRlcj4uLi48L1NlY3Rpb25IZWFkZXI+XG48L015Q29tcG9uZW50TGF5b3V0PlxuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BTZWUgTGVzcy5qcyBhbmQgU3R5bGVkQ29tcG9uZW50cyBndWlkZSBiZWxvdyBmb3IgbW9yZSBkZXRhaWxlZCBleGFtcGxlcy5gfTwvcD5cbiAgICA8Q29kZURvbnQgbWR4VHlwZT1cIkNvZGVEb250XCIgLz5cbiAgICA8cD57YENyZWF0ZSBhbGlhc2VzIG9mIERTIGNvbXBvbmVudHMuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c3hcIlxuICAgICAgfX0+e2Bjb25zdCBCb2xkID0gKHsgY2hpbGRyZW4gfSkgPT4gPFRleHQgdmFyaWFudD1cInMtYm9sZFwiPntjaGlsZHJlbn08L1RleHQ+O1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPENvZGVEb250IG1keFR5cGU9XCJDb2RlRG9udFwiIC8+XG4gICAgPHA+e2BTd2l0Y2ggZW50aXJlbHkgdG8gY3VzdG9tIENTUyBqdXN0IHRvIGFwcGx5IHNtYWxsIGJpdHMgb2Ygc3R5bGUuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c1wiXG4gICAgICB9fT57YGNvbnN0IEZsZXggPSBzdHlsZWQuZGl2XFxgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IEBzcGFjZXMteHM7XG4gICAgYm9yZGVyOiAxcHggc29saWQgQHJvb3QtcGFsZXR0ZS1yZWQtMzAwO1xuXG4gICAgQG1lZGlhIEBtZWRpdW0tbCB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBsZWZ0O1xuICAgIH1cblxcYDtcbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgSW4gdGhlIGFib3ZlIGV4YW1wbGUsIG9ubHkgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgYm9yZGVyOiAxcHggc29saWQgQHJvb3QtcGFsZXR0ZS1yZWQtMzAwO2B9PC9pbmxpbmVDb2RlPntgIGNhbid0IGJlIHByb3ZpZGVkIGJ5IHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BMYXlvdXRGbGV4YH08L2lubGluZUNvZGU+e2AgY29tcG9uZW50LmB9PC9wPlxuICAgIDxDb2RlRG8gbWR4VHlwZT1cIkNvZGVEb1wiIC8+XG4gICAgPHA+e2BDb21iaW5lIHNtYWxsIENTUyBlbGVtZW50cyB3aXRoIHRoZSBjdXN0b20gc3R5bGVzLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHNcIlxuICAgICAgfX0+e2Bjb25zdCBSZWRCb3JkZXIgPSBzdHlsZWQuZGl2XFxgXG4gICAgYm9yZGVyOiAxcHggc29saWQgQHJvb3QtcGFsZXR0ZS1yZWQtMzAwO1xuXFxgO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BXaXRoIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BMYXlvdXRGbGV4YH08L2lubGluZUNvZGU+e2AgYW5kIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YExheW91dEdyaWRgfTwvaW5saW5lQ29kZT57YCBjb21wb25lbnRzLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgY29uc3QgTXlDb21wb25lbnQ6IEZDID0gKCkgPT4gKFxuICAgIDxSZWRCb3JkZXI+XG4gICAgICAgIDxMYXlvdXRGbGV4IGFsaWduSXRlbXM9e3sgXzogJ2NlbnRlcicsICdtZWRpdW0tbCc6ICdsZWZ0JyB9fSBwYWRkaW5nPVwieHNcIj5cbiAgICAgICAgICAgIC4uLlxuICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgPC9SZWRCb3JkZXI+XG4pO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvQ3VzdG9tIENvbXBvbmVudHMvSW50cm9kdWN0aW9uJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/60.components/00.developing-custom-components.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/60.components/10.less/10.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_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 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/Custom Components/Less.js/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"])(_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": "developing-custom-components-with-lessjs"\n }, "Developing custom components with Less.js"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Make sure you read ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-custom-components-introduction--page"\n }, "Guide: Developing custom components with DS primitives")), 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"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDo */ "a"], {\n mdxType: "CodeDo"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@media"), " responsive mixins (", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-custom-components-less-js-responsive--page"\n }, "Read more"), ")."), 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-css"\n }, "@import \'@preply/ds-web-core/dist/generated/breakpoints.less\';\\n\\n.MyComponent {\\n display: grid;\\n grid-template-columns: 1fr;\\n\\n @media @medium-l {\\n grid-template-columns: 1fr 1fr 1fr;\\n }\\n}\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDo */ "a"], {\n mdxType: "CodeDo"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use token variables (", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-custom-components-less-js-tokens--page"\n }, "Read more"), ")."), 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-css"\n }, "@import \'@preply/ds-web-core/dist/generated/tokens.less\';\\n\\n.MyComponent {\\n color: @action-variant-primary-color;\\n background-color: @action-variant-primary-bgColor;\\n}\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDont */ "b"], {\n mdxType: "CodeDont"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "max-width"), " breakpoints"), 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-css"\n }, "@media (max-width: @breakpoints[medium-l]) {\\n /* ... */\\n}\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDont */ "b"], {\n mdxType: "CodeDont"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ui"), " breakpoints or variables."), 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-css"\n }, "border-radius: @border-radius-m;\\n\\n@media (min-width: @responsive-mobile-normal) {\\n /* ... */\\n}\\n")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Custom Components/Less.js/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvMTAuaW50cm8uc3Rvcmllcy5tZHg/MDM5YSJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHdDQUFaO0FBQXFELGNBQVUsRUFBRTtBQUMvREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUR5RCxLQUFqRTtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTCxrRUFBQyw2RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVZLLEVBV0w7QUFDRSxVQUFNO0FBRFIsaURBWEssRUFjTCxvR0FBMEI7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUN0QixZQUFRO0FBRGMsOERBQTFCLENBZEssRUFpQkw7QUFDRSxVQUFNO0FBRFIsa0JBakJLLEVBb0JMLGtFQUFDLHNFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLElBcEJLLEVBcUJMLHFGQUFXO0FBQVksY0FBVSxFQUFDO0FBQXZCLGNBQVgsMEJBQXFGO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDakYsWUFBUTtBQUR5RSxpQkFBckYsT0FyQkssRUF3QkwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLGdPQUFMLENBeEJLLEVBcUNMLGtFQUFDLHNFQUFEO0FBQVEsV0FBTyxFQUFDO0FBQWhCLElBckNLLEVBc0NMLHNHQUE0QjtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ3hCLFlBQVE7QUFEZ0IsaUJBQTVCLE9BdENLLEVBeUNMLCtFQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWiwyTEFBTCxDQXpDSyxFQWtETCxrRUFBQyx3RUFBRDtBQUFVLFdBQU8sRUFBQztBQUFsQixJQWxESyxFQW1ETCxxRkFBVztBQUFZLGNBQVUsRUFBQztBQUF2QixpQkFBWCxpQkFuREssRUFvREwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLHdFQUFMLENBcERLLEVBMERMLGtFQUFDLHdFQUFEO0FBQVUsV0FBTyxFQUFDO0FBQWxCLElBMURLLEVBMkRMLHFGQUFXO0FBQVksY0FBVSxFQUFDO0FBQXZCLGtCQUFYLCtCQTNESyxFQTRETCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosK0dBQUwsQ0E1REssQ0FBUDtBQXFFRDs7QUF6RVFMLFU7QUEyRVQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSx3Q0FBVDtBQUFtREgsWUFBVSxFQUFFO0FBQ25GTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFENkUsR0FBL0Q7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sa0VBQUMsd0VBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRixrRUFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8xMC5sZXNzLzEwLmludHJvLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViLCBUaGVtZVN3aXRjaGVyIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgQ29kZURvLCBDb2RlRG9udCB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvQ3VzdG9tIENvbXBvbmVudHMvTGVzcy5qcy9JbnRyb1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImRldmVsb3BpbmctY3VzdG9tLWNvbXBvbmVudHMtd2l0aC1sZXNzanNcIlxuICAgIH19PntgRGV2ZWxvcGluZyBjdXN0b20gY29tcG9uZW50cyB3aXRoIExlc3MuanNgfTwvaDE+XG4gICAgPHA+e2BNYWtlIHN1cmUgeW91IHJlYWQgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtY3VzdG9tLWNvbXBvbmVudHMtaW50cm9kdWN0aW9uLS1wYWdlXCJcbiAgICAgIH19PntgR3VpZGU6IERldmVsb3BpbmcgY3VzdG9tIGNvbXBvbmVudHMgd2l0aCBEUyBwcmltaXRpdmVzYH08L2E+PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImd1aWRlbGluZXNcIlxuICAgIH19PntgR3VpZGVsaW5lc2B9PC9oMj5cbiAgICA8Q29kZURvIG1keFR5cGU9XCJDb2RlRG9cIiAvPlxuICAgIDxwPntgVXNlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBtZWRpYWB9PC9pbmxpbmVDb2RlPntgIHJlc3BvbnNpdmUgbWl4aW5zIChgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1jdXN0b20tY29tcG9uZW50cy1sZXNzLWpzLXJlc3BvbnNpdmUtLXBhZ2VcIlxuICAgICAgfX0+e2BSZWFkIG1vcmVgfTwvYT57YCkuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1jc3NcIlxuICAgICAgfX0+e2BAaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL2JyZWFrcG9pbnRzLmxlc3MnO1xuXG4uTXlDb21wb25lbnQge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG5cbiAgICBAbWVkaWEgQG1lZGl1bS1sIHtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyIDFmcjtcbiAgICB9XG59XG5gfTwvY29kZT48L3ByZT5cbiAgICA8Q29kZURvIG1keFR5cGU9XCJDb2RlRG9cIiAvPlxuICAgIDxwPntgVXNlIHRva2VuIHZhcmlhYmxlcyAoYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtY3VzdG9tLWNvbXBvbmVudHMtbGVzcy1qcy10b2tlbnMtLXBhZ2VcIlxuICAgICAgfX0+e2BSZWFkIG1vcmVgfTwvYT57YCkuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1jc3NcIlxuICAgICAgfX0+e2BAaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL3Rva2Vucy5sZXNzJztcblxuLk15Q29tcG9uZW50IHtcbiAgICBjb2xvcjogQGFjdGlvbi12YXJpYW50LXByaW1hcnktY29sb3I7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogQGFjdGlvbi12YXJpYW50LXByaW1hcnktYmdDb2xvcjtcbn1cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxDb2RlRG9udCBtZHhUeXBlPVwiQ29kZURvbnRcIiAvPlxuICAgIDxwPntgVXNlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YG1heC13aWR0aGB9PC9pbmxpbmVDb2RlPntgIGJyZWFrcG9pbnRzYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1jc3NcIlxuICAgICAgfX0+e2BAbWVkaWEgKG1heC13aWR0aDogQGJyZWFrcG9pbnRzW21lZGl1bS1sXSkge1xuICAgIC8qIC4uLiAqL1xufVxuYH08L2NvZGU+PC9wcmU+XG4gICAgPENvZGVEb250IG1keFR5cGU9XCJDb2RlRG9udFwiIC8+XG4gICAgPHA+e2BVc2UgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS91aWB9PC9pbmxpbmVDb2RlPntgIGJyZWFrcG9pbnRzIG9yIHZhcmlhYmxlcy5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLWNzc1wiXG4gICAgICB9fT57YGJvcmRlci1yYWRpdXM6IEBib3JkZXItcmFkaXVzLW07XG5cbkBtZWRpYSAobWluLXdpZHRoOiBAcmVzcG9uc2l2ZS1tb2JpbGUtbm9ybWFsKSB7XG4gICAgLyogLi4uICovXG59XG5gfTwvY29kZT48L3ByZT5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9DdXN0b20gQ29tcG9uZW50cy9MZXNzLmpzL0ludHJvJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/60.components/10.less/10.intro.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/60.components/10.less/10.using-tokens-in-less.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 + 1 modules\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.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/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: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\nvar injectStylesIntoStyleTag = __webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");\nvar injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);\n\n// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??ref--17-1!/home/jenkins/workspace/design-system_main/node_modules/postcss-loader/dist/cjs.js??ref--17-2!/home/jenkins/workspace/design-system_main/node_modules/less-loader/dist/cjs.js!.-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithTokens.module.less\nvar MyLessComponentWithTokens_module = __webpack_require__("./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithTokens.module.less");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithTokens.module.less\n\n \n\nvar options = {};\n\noptions.insert = "head";\noptions.singleton = false;\n\nvar update = injectStylesIntoStyleTag_default()(MyLessComponentWithTokens_module["a" /* default */], options);\n\n\n\n/* harmony default export */ var examples_MyLessComponentWithTokens_module = (MyLessComponentWithTokens_module["a" /* default */].locals || {});\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithTokens.tsx\n\n\n\n\nvar MyLessComponentWithTokens_MyLessComponentWithTokens = function MyLessComponentWithTokens(_ref) {\n var children = _ref.children,\n padding = _ref.padding;\n var classNames = [\'MyComponent\', "MyComponent--padding-" + padding].map(function (className) {\n return examples_MyLessComponentWithTokens_module[className];\n });\n return /*#__PURE__*/react_default.a.createElement("div", {\n className: classNames.join(\' \')\n }, children);\n};\nMyLessComponentWithTokens_MyLessComponentWithTokens.displayName = "MyLessComponentWithTokens";\n\ntry {\n // @ts-ignore\n MyLessComponentWithTokens_MyLessComponentWithTokens.displayName = "MyLessComponentWithTokens";\n // @ts-ignore\n MyLessComponentWithTokens_MyLessComponentWithTokens.__docgenInfo = { "description": "", "displayName": "MyLessComponentWithTokens", "props": { "padding": { "defaultValue": null, "description": "", "name": "padding", "required": true, "type": { "name": "enum", "value": [{ "value": "\\"s\\"" }, { "value": "\\"m\\"" }, { "value": "\\"l\\"" }] } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithTokens.tsx#MyLessComponentWithTokens"] = { docgenInfo: MyLessComponentWithTokens_MyLessComponentWithTokens.__docgenInfo, name: "MyLessComponentWithTokens", path: "../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithTokens.tsx#MyLessComponentWithTokens" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/10.less/10.using-tokens-in-less.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/Custom Components/Less.js/Tokens",\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": "lessjs-using-tokens"\n }, "Less.js: Using tokens"), Object(esm["b" /* mdx */])("p", null, "You can import the tokens directly from ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-core")), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-css"\n }, "@import \'@preply/ds-web-core/dist/generated/tokens.less\';\\n")), Object(esm["b" /* mdx */])("p", null, "This file declares one ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@variable"), " per token, that simply points to the CSS var ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "var(--12345)"), "."), Object(esm["b" /* mdx */])("p", null, "Note that the actual value depends on the parent ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-providers-themeprovider--page"\n }, "ThemeProvider"), " and ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-providers-colorschemeprovider--page"\n }, "ColorSchemeProvider"), ".\\nUse the ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/guides-token-explorer--page"\n }, "Token Explorer"), " to search tokens by name, id, or value\\n(make sure you have the correct theme selected)."), Object(esm["b" /* mdx */])("p", null, "If you\'re working with a designer you can see ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/quickstart-for-engineers--page#reading-figma-files"\n }, "references to tokens"), " in their Figma files."), 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/60.components/10.less/examples/MyLessComponentWithTokens.tsx",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "MyLessComponentWithTokens"), " example showcases how to use the tokens directly in your Less.js code."), 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 React, { FC } from \'react\';\\n\\nimport styles from \'./MyLessComponentWithTokens.module.less\';\\n\\ninterface Props {\\n padding: \'s\' | \'m\' | \'l\';\\n}\\n\\nexport const MyLessComponentWithTokens: FC<Props> = ({ children, padding }) => {\\n const classNames = [\'MyComponent\', `MyComponent--padding-${padding}`].map(\\n className => styles[className],\\n );\\n return <div className={classNames.join(\' \')}>{children}</div>;\\n};\\n")), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-css"\n }, "@import \'@preply/ds-web-core/dist/generated/tokens.less\';\\n\\n.MyComponent {\\n color: @action-variant-primary-color;\\n background-color: @action-variant-primary-bgColor;\\n border-radius: @action-base-borderRadius;\\n\\n &--padding-s {\\n padding: @root-space-s;\\n }\\n\\n &--padding-m {\\n padding: @root-space-m;\\n }\\n\\n &--padding-l {\\n padding: @root-space-l;\\n }\\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%3CMyLessComponentWithTokens%20padding=%22s%22%3ELorem%20Ipsum%3C/MyLessComponentWithTokens%3E%0A%0A%3CMyLessComponentWithTokens%20padding=%22l%22%3ELorem%20Ipsum%3C/MyLessComponentWithTokens%3E%0A",\n mdxType: "Canvas"\n }, Object(esm["b" /* mdx */])(MyLessComponentWithTokens_MyLessComponentWithTokens, {\n padding: "s",\n mdxType: "MyLessComponentWithTokens"\n }, "Lorem Ipsum"), Object(esm["b" /* mdx */])(MyLessComponentWithTokens_MyLessComponentWithTokens, {\n padding: "l",\n mdxType: "MyLessComponentWithTokens"\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/Custom Components/Less.js/Tokens\',\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_less_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvZXhhbXBsZXMvTXlMZXNzQ29tcG9uZW50V2l0aFRva2Vucy5tb2R1bGUubGVzcz8zNDdjIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zLnRzeD8xNjMzIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy8xMC51c2luZy10b2tlbnMtaW4tbGVzcy5zdG9yaWVzLm1keD9kZTAxIl0sIm5hbWVzIjpbIk15TGVzc0NvbXBvbmVudFdpdGhUb2tlbnMiLCJjaGlsZHJlbiIsInBhZGRpbmciLCJjbGFzc05hbWVzIiwibWFwIiwiY2xhc3NOYW1lIiwic3R5bGVzIiwiam9pbiIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFnSDtBQUNoSCxZQUE2Ujs7QUFFN1I7O0FBRUE7QUFDQTs7QUFFQSxhQUFhLGtDQUFHLENBQUMsbURBQU87Ozs7QUFJVCxpSUFBTyxhQUFhLEU7Ozs7QUNabkM7QUFFQTtBQU1PLElBQU1BLG1EQUFvQyxHQUFHLFNBQXZDQSx5QkFBdUMsT0FBMkI7QUFBQSxNQUF4QkMsUUFB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LEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSx5Q0FBVDtBQUFvREgsWUFBVSxFQUFFO0FBQ3BGTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywwQ0FBZUE7QUFEdEI7QUFEOEUsR0FBaEU7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sMkJBQUMsOEJBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRiwyQkFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLG1IQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8xMC5sZXNzLzEwLnVzaW5nLXRva2Vucy1pbi1sZXNzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGFwaSBmcm9tIFwiIS4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL3N0eWxlLWxvYWRlci9kaXN0L3J1bnRpbWUvaW5qZWN0U3R5bGVzSW50b1N0eWxlVGFnLmpzXCI7XG4gICAgICAgICAgICBpbXBvcnQgY29udGVudCBmcm9tIFwiISEuLi8uLi8uLi8uLi8uLi8uLi8uLi9kb2NzL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvY2pzLmpzPz9yZWYtLTE3LTEhLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL3Bvc3Rjc3MtbG9hZGVyL2Rpc3QvY2pzLmpzPz9yZWYtLTE3LTIhLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL2xlc3MtbG9hZGVyL2Rpc3QvY2pzLmpzIS4vTXlMZXNzQ29tcG9uZW50V2l0aFRva2Vucy5tb2R1bGUubGVzc1wiO1xuXG52YXIgb3B0aW9ucyA9IHt9O1xuXG5vcHRpb25zLmluc2VydCA9IFwiaGVhZFwiO1xub3B0aW9ucy5zaW5nbGV0b24gPSBmYWxzZTtcblxudmFyIHVwZGF0ZSA9IGFwaShjb250ZW50LCBvcHRpb25zKTtcblxuXG5cbmV4cG9ydCBkZWZhdWx0IGNvbnRlbnQubG9jYWxzIHx8IHt9OyIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL015TGVzc0NvbXBvbmVudFdpdGhUb2tlbnMubW9kdWxlLmxlc3MnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIHBhZGRpbmc6ICdzJyB8ICdtJyB8ICdsJztcbn1cblxuZXhwb3J0IGNvbnN0IE15TGVzc0NvbXBvbmVudFdpdGhUb2tlbnM6IEZDPFByb3BzPiA9ICh7IGNoaWxkcmVuLCBwYWRkaW5nIH0pID0+IHtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gWydNeUNvbXBvbmVudCcsIGBNeUNvbXBvbmVudC0tcGFkZGluZy0ke3BhZGRpbmd9YF0ubWFwKFxuICAgICAgICBjbGFzc05hbWUgPT4gc3R5bGVzW2NsYXNzTmFtZV0sXG4gICAgKTtcbiAgICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9kaXY+O1xufTtcbiIsIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBNeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zIH0gZnJvbSAnLi9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0N1c3RvbSBDb21wb25lbnRzL0xlc3MuanMvVG9rZW5zXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwibGVzc2pzLXVzaW5nLXRva2Vuc1wiXG4gICAgfX0+e2BMZXNzLmpzOiBVc2luZyB0b2tlbnNgfTwvaDE+XG4gICAgPHA+e2BZb3UgY2FuIGltcG9ydCB0aGUgdG9rZW5zIGRpcmVjdGx5IGZyb20gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS9kcy13ZWItY29yZWB9PC9pbmxpbmVDb2RlPjwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLWNzc1wiXG4gICAgICB9fT57YEBpbXBvcnQgJ0BwcmVwbHkvZHMtd2ViLWNvcmUvZGlzdC9nZW5lcmF0ZWQvdG9rZW5zLmxlc3MnO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BUaGlzIGZpbGUgZGVjbGFyZXMgb25lIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEB2YXJpYWJsZWB9PC9pbmxpbmVDb2RlPntgIHBlciB0b2tlbiwgdGhhdCBzaW1wbHkgcG9pbnRzIHRvIHRoZSBDU1MgdmFyIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHZhcigtLTEyMzQ1KWB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDxwPntgTm90ZSB0aGF0IHRoZSBhY3R1YWwgdmFsdWUgZGVwZW5kcyBvbiB0aGUgcGFyZW50IGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvYXBpLWRzLXdlYi1jb3JlLXByb3ZpZGVycy10aGVtZXByb3ZpZGVyLS1wYWdlXCJcbiAgICAgIH19PntgVGhlbWVQcm92aWRlcmB9PC9hPntgIGFuZCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItY29yZS1wcm92aWRlcnMtY29sb3JzY2hlbWVwcm92aWRlci0tcGFnZVwiXG4gICAgICB9fT57YENvbG9yU2NoZW1lUHJvdmlkZXJgfTwvYT57YC5cblVzZSB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtdG9rZW4tZXhwbG9yZXItLXBhZ2VcIlxuICAgICAgfX0+e2BUb2tlbiBFeHBsb3JlcmB9PC9hPntgIHRvIHNlYXJjaCB0b2tlbnMgYnkgbmFtZSwgaWQsIG9yIHZhbHVlXG4obWFrZSBzdXJlIHlvdSBoYXZlIHRoZSBjb3JyZWN0IHRoZW1lIHNlbGVjdGVkKS5gfTwvcD5cbiAgICA8cD57YElmIHlvdSdyZSB3b3JraW5nIHdpdGggYSBkZXNpZ25lciB5b3UgY2FuIHNlZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L3F1aWNrc3RhcnQtZm9yLWVuZ2luZWVycy0tcGFnZSNyZWFkaW5nLWZpZ21hLWZpbGVzXCJcbiAgICAgIH19PntgcmVmZXJlbmNlcyB0byB0b2tlbnNgfTwvYT57YCBpbiB0aGVpciBGaWdtYSBmaWxlcy5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJleGFtcGxlXCJcbiAgICB9fT57YEV4YW1wbGVgfTwvaDI+XG4gICAgPHA+e2BUaGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vZ2l0aHViLmNvbS9wcmVwbHkvZGVzaWduLXN5c3RlbS9ibG9iL21haW4vc3VwcG9ydC9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zLnRzeFwiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BNeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zYH08L2E+e2AgZXhhbXBsZSBzaG93Y2FzZXMgaG93IHRvIHVzZSB0aGUgdG9rZW5zIGRpcmVjdGx5IGluIHlvdXIgTGVzcy5qcyBjb2RlLmB9PC9wPlxuICAgIDxwPntgWW91IGNhbiBhbHNvIHNlZSBpdCByZW5kZXJlZCBpbiB0aGUgY29kZSBzYW1wbGUgYmVsb3cuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c3hcIlxuICAgICAgfX0+e2BpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zLm1vZHVsZS5sZXNzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBwYWRkaW5nOiAncycgfCAnbScgfCAnbCc7XG59XG5cbmV4cG9ydCBjb25zdCBNeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zOiBGQzxQcm9wcz4gPSAoeyBjaGlsZHJlbiwgcGFkZGluZyB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IFsnTXlDb21wb25lbnQnLCBcXGBNeUNvbXBvbmVudC0tcGFkZGluZy1cXCR7cGFkZGluZ31cXGBdLm1hcChcbiAgICAgICAgY2xhc3NOYW1lID0+IHN0eWxlc1tjbGFzc05hbWVdLFxuICAgICk7XG4gICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvZGl2Pjtcbn07XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLWNzc1wiXG4gICAgICB9fT57YEBpbXBvcnQgJ0BwcmVwbHkvZHMtd2ViLWNvcmUvZGlzdC9nZW5lcmF0ZWQvdG9rZW5zLmxlc3MnO1xuXG4uTXlDb21wb25lbnQge1xuICAgIGNvbG9yOiBAYWN0aW9uLXZhcmlhbnQtcHJpbWFyeS1jb2xvcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBAYWN0aW9uLXZhcmlhbnQtcHJpbWFyeS1iZ0NvbG9yO1xuICAgIGJvcmRlci1yYWRpdXM6IEBhY3Rpb24tYmFzZS1ib3JkZXJSYWRpdXM7XG5cbiAgICAmLS1wYWRkaW5nLXMge1xuICAgICAgICBwYWRkaW5nOiBAcm9vdC1zcGFjZS1zO1xuICAgIH1cblxuICAgICYtLXBhZGRpbmctbSB7XG4gICAgICAgIHBhZGRpbmc6IEByb290LXNwYWNlLW07XG4gICAgfVxuXG4gICAgJi0tcGFkZGluZy1sIHtcbiAgICAgICAgcGFkZGluZzogQHJvb3Qtc3BhY2UtbDtcbiAgICB9XG59XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YENoYW5nZSB0aGUgdGhlbWUgaW4gdGhlIFRoZW1lIFN3aXRjaGVyIGF0IHRoZSB0b3Agb2YgdGhlIHBhZ2UgdG8gc2VlIHRoZSBjb21wb25lbnQgcmVuZGVyIGFjY29yZGluZyB0byBlYWNoIHRoZW1lLmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDTXlMZXNzQ29tcG9uZW50V2l0aFRva2VucyUyMHBhZGRpbmc9JTIycyUyMiUzRUxvcmVtJTIwSXBzdW0lM0MvTXlMZXNzQ29tcG9uZW50V2l0aFRva2VucyUzRSUwQSUwQSUzQ015TGVzc0NvbXBvbmVudFdpdGhUb2tlbnMlMjBwYWRkaW5nPSUyMmwlMjIlM0VMb3JlbSUyMElwc3VtJTNDL015TGVzc0NvbXBvbmVudFdpdGhUb2tlbnMlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPE15TGVzc0NvbXBvbmVudFdpdGhUb2tlbnMgcGFkZGluZz1cInNcIiBtZHhUeXBlPVwiTXlMZXNzQ29tcG9uZW50V2l0aFRva2Vuc1wiPkxvcmVtIElwc3VtPC9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zPlxuICAgIDxNeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zIHBhZGRpbmc9XCJsXCIgbWR4VHlwZT1cIk15TGVzc0NvbXBvbmVudFdpdGhUb2tlbnNcIj5Mb3JlbSBJcHN1bTwvTXlMZXNzQ29tcG9uZW50V2l0aFRva2Vucz5cbiAgICA8L0NhbnZhcz5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9DdXN0b20gQ29tcG9uZW50cy9MZXNzLmpzL1Rva2VucycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/60.components/10.less/10.using-tokens-in-less.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/60.components/10.less/20.using-breakpoints-in-less.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 + 1 modules\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 + 63 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/Heading/Heading.js + 1 modules\nvar Heading = __webpack_require__("../../packages/web-lib/dist/components/Heading/Heading.js");\n\n// EXTERNAL MODULE: .-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx\nvar BreakpointList = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx");\n\n// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\nvar injectStylesIntoStyleTag = __webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");\nvar injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);\n\n// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??ref--17-1!/home/jenkins/workspace/design-system_main/node_modules/postcss-loader/dist/cjs.js??ref--17-2!/home/jenkins/workspace/design-system_main/node_modules/less-loader/dist/cjs.js!.-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithBreakpoints.module.less\nvar MyLessComponentWithBreakpoints_module = __webpack_require__("./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithBreakpoints.module.less");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithBreakpoints.module.less\n\n \n\nvar options = {};\n\noptions.insert = "head";\noptions.singleton = false;\n\nvar update = injectStylesIntoStyleTag_default()(MyLessComponentWithBreakpoints_module["a" /* default */], options);\n\n\n\n/* harmony default export */ var examples_MyLessComponentWithBreakpoints_module = (MyLessComponentWithBreakpoints_module["a" /* default */].locals || {});\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithBreakpoints.tsx\n\n\nvar MyLessComponentWithBreakpoints_MyLessComponentWithBreakpoints = function MyLessComponentWithBreakpoints(_ref) {\n var children = _ref.children;\n return /*#__PURE__*/react_default.a.createElement("div", {\n className: examples_MyLessComponentWithBreakpoints_module.MyComponent\n }, children);\n};\nMyLessComponentWithBreakpoints_MyLessComponentWithBreakpoints.displayName = "MyLessComponentWithBreakpoints";\n\ntry {\n // @ts-ignore\n MyLessComponentWithBreakpoints_MyLessComponentWithBreakpoints.displayName = "MyLessComponentWithBreakpoints";\n // @ts-ignore\n MyLessComponentWithBreakpoints_MyLessComponentWithBreakpoints.__docgenInfo = { "description": "", "displayName": "MyLessComponentWithBreakpoints", "props": {} };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithBreakpoints.tsx#MyLessComponentWithBreakpoints"] = { docgenInfo: MyLessComponentWithBreakpoints_MyLessComponentWithBreakpoints.__docgenInfo, name: "MyLessComponentWithBreakpoints", path: "../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithBreakpoints.tsx#MyLessComponentWithBreakpoints" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/10.less/20.using-breakpoints-in-less.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(esm["b" /* mdx */])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(esm["b" /* mdx */])(dist_esm["d" /* Meta */], {\n title: "Guides/Custom Components/Less.js/Responsive",\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": "lessjs-using-breakpoints"\n }, "Less.js: Using breakpoints"), Object(esm["b" /* mdx */])(dist["A" /* StoryNote */], {\n mdxType: "StoryNote"\n }, Object(esm["b" /* mdx */])("p", null, "Storybook is rendering this page inside of an ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "iframe"), "! The width taken into account by the media query is that of the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "iframe"), " and not the full viewport window. Hide Storybook\'s navigation sidebar (or pop out this page) to preview the media query against the full browser width.")), Object(esm["b" /* mdx */])("h2", {\n "id": "using-the-min-width-mixins"\n }, "Using the ", Object(esm["b" /* mdx */])("em", {\n parentName: "h2"\n }, "\\"min-width\\""), " mixins"), Object(esm["b" /* mdx */])("p", null, Object(esm["b" /* mdx */])("strong", {\n parentName: "p"\n }, "Mixins:")), Object(esm["b" /* mdx */])(BreakpointList["a" /* BreakpointList */], {\n k: function k(key) {\n return Object(esm["b" /* mdx */])(react_default.a.Fragment, null, "@", key);\n },\n v: function v(value) {\n return Object(esm["b" /* mdx */])("code", null, "(min-width: ", value, "px)");\n },\n mdxType: "BreakpointList"\n }), Object(esm["b" /* mdx */])("p", null, "Import the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "breakpoints.less"), " file from the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-core"), " package and use the breakpoint name as a mixin."), Object(esm["b" /* mdx */])("h3", {\n "id": "example"\n }, "Example"), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-css"\n }, "@import \'@preply/ds-web-core/dist/generated/tokens.less\';\\n@import \'@preply/ds-web-core/dist/generated/breakpoints.less\';\\n\\n.some-css-class {\\n display: grid; /* base rules (mobile first!) */\\n grid-template-columns: 1fr;\\n gap: @root-space-s;\\n\\n @media @medium-l {\\n grid-template-columns: 1fr 4fr 1fr;\\n }\\n}\\n")), Object(esm["b" /* mdx */])("p", null, "The following example renders the above ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "MyLessComponentWithBreakpoints"), ", which uses the above style. Change the browser\'s width to see the layout alternate between 1 and 3 columns."), Object(esm["b" /* mdx */])(dist_esm["b" /* Canvas */], {\n mdxSource: "%0A%3CMyLessComponentWithBreakpoints%3E%0A%20%20%20%20%20%20%20%20%3CHeading%20level=%22h2%22%3EItem%201%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%3CHeading%20level=%22h2%22%3EItem%202%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%3CHeading%20level=%22h2%22%3EItem%203%3C/Heading%3E%0A%20%20%20%20%3C/MyLessComponentWithBreakpoints%3E%0A",\n mdxType: "Canvas"\n }, Object(esm["b" /* mdx */])(MyLessComponentWithBreakpoints_MyLessComponentWithBreakpoints, {\n mdxType: "MyLessComponentWithBreakpoints"\n }, Object(esm["b" /* mdx */])(Heading["a" /* Heading */], {\n level: "h2",\n mdxType: "Heading"\n }, "Item 1"), Object(esm["b" /* mdx */])(Heading["a" /* Heading */], {\n level: "h2",\n mdxType: "Heading"\n }, "Item 2"), Object(esm["b" /* mdx */])(Heading["a" /* Heading */], {\n level: "h2",\n mdxType: "Heading"\n }, "Item 3"))), Object(esm["b" /* mdx */])("h2", {\n "id": "accessing-the-breakpoints-directly"\n }, "Accessing the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "h2"\n }, "@breakpoints"), " directly"), Object(esm["b" /* mdx */])("p", null, "Alternatively you can use the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@breakpoints"), " variable to access the pixel values directly."), Object(esm["b" /* mdx */])(dist["A" /* StoryNote */], {\n type: "warning",\n mdxType: "StoryNote"\n }, Object(esm["b" /* mdx */])("p", null, "We recommend using only ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "min-width"), " media queries in order to structure your code with a \\"mobile first\\" approach."), Object(esm["b" /* mdx */])("p", null, "Check out this ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "small article (3 min read)"), " for a quick explanation why.")), Object(esm["b" /* mdx */])(BreakpointList["a" /* BreakpointList */], {\n k: function k(key) {\n return Object(esm["b" /* mdx */])(react_default.a.Fragment, null, "@breakpoints[", key, "]");\n },\n v: function v(value) {\n return Object(esm["b" /* mdx */])("code", null, "(min-width: ", value, "px)");\n },\n mdxType: "BreakpointList"\n }), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-css"\n }, "@import \'@preply/ds-web-core/dist/generated/breakpoints.less\';\\n\\n.some-css-class {\\n flex-direction: column; /* base rules (mobile first!) */\\n\\n @media (min-width: @breakpoints[medium-l]) {\\n flex-direction: row;\\n }\\n}\\n")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Custom Components/Less.js/Responsive\',\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_using_breakpoints_in_less_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvZXhhbXBsZXMvTXlMZXNzQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzLm1vZHVsZS5sZXNzPzRjOTAiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8xMC5sZXNzL2V4YW1wbGVzL015TGVzc0NvbXBvbmVudFdpdGhCcmVha3BvaW50cy50c3g/MTI1MCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvMjAudXNpbmctYnJlYWtwb2ludHMtaW4tbGVzcy5zdG9yaWVzLm1keD9hMzE3Il0sIm5hbWVzIjpbIk15TGVzc0NvbXBvbmVudFdpdGhCcmVha3BvaW50cyIsImNoaWxkcmVuIiwic3R5bGVzIiwiTXlDb21wb25lbnQiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwia2V5IiwidmFsdWUiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFnSDtBQUNoSCxZQUFrUzs7QUFFbFM7O0FBRUE7QUFDQTs7QUFFQSxhQUFhLGtDQUFHLENBQUMsd0RBQU87Ozs7QUFJVCwySUFBTyxhQUFhLEU7O0FDWm5DO0FBRUE7QUFFTyxJQUFNQSw2REFBa0MsR0FBRyxTQUFyQ0EsOEJBQXFDLE9BQWtCO0FBQUEsTUFBZkMsUUFB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RSxPQUEwRiwyQkFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLHdIQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8xMC5sZXNzLzIwLnVzaW5nLWJyZWFrcG9pbnRzLWluLWxlc3Muc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgYXBpIGZyb20gXCIhLi4vLi4vLi4vLi4vLi4vLi4vLi4vZG9jcy9ub2RlX21vZHVsZXMvc3R5bGUtbG9hZGVyL2Rpc3QvcnVudGltZS9pbmplY3RTdHlsZXNJbnRvU3R5bGVUYWcuanNcIjtcbiAgICAgICAgICAgIGltcG9ydCBjb250ZW50IGZyb20gXCIhIS4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanM/P3JlZi0tMTctMSEuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9ub2RlX21vZHVsZXMvcG9zdGNzcy1sb2FkZXIvZGlzdC9janMuanM/P3JlZi0tMTctMiEuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9ub2RlX21vZHVsZXMvbGVzcy1sb2FkZXIvZGlzdC9janMuanMhLi9NeUxlc3NDb21wb25lbnRXaXRoQnJlYWtwb2ludHMubW9kdWxlLmxlc3NcIjtcblxudmFyIG9wdGlvbnMgPSB7fTtcblxub3B0aW9ucy5pbnNlcnQgPSBcImhlYWRcIjtcbm9wdGlvbnMuc2luZ2xldG9uID0gZmFsc2U7XG5cbnZhciB1cGRhdGUgPSBhcGkoY29udGVudCwgb3B0aW9ucyk7XG5cblxuXG5leHBvcnQgZGVmYXVsdCBjb250ZW50LmxvY2FscyB8fCB7fTsiLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9NeUxlc3NDb21wb25lbnRXaXRoQnJlYWtwb2ludHMubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgY29uc3QgTXlMZXNzQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzOiBGQyA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e3N0eWxlcy5NeUNvbXBvbmVudH0+e2NoaWxkcmVufTwvZGl2Pjtcbn07XG4iLCJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBTdG9yeU5vdGUgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBCcmVha3BvaW50TGlzdCB9IGZyb20gJy4uLy4uLzUwLnJlc3BvbnNpdmUvY29tcG9uZW50cy9CcmVha3BvaW50TGlzdCc7XG5pbXBvcnQgeyBNeUxlc3NDb21wb25lbnRXaXRoQnJlYWtwb2ludHMgfSBmcm9tICcuL2V4YW1wbGVzL015TGVzc0NvbXBvbmVudFdpdGhCcmVha3BvaW50cyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG5cbiAgICB7XG4gICAgICAvKiBkb2NzICovXG4gICAgfVxuICAgIDxNZXRhIHRpdGxlPVwiR3VpZGVzL0N1c3RvbSBDb21wb25lbnRzL0xlc3MuanMvUmVzcG9uc2l2ZVwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImxlc3Nqcy11c2luZy1icmVha3BvaW50c1wiXG4gICAgfX0+e2BMZXNzLmpzOiBVc2luZyBicmVha3BvaW50c2B9PC9oMT5cbiAgICA8U3RvcnlOb3RlIG1keFR5cGU9XCJTdG9yeU5vdGVcIj5cbiAgICAgIDxwPntgU3Rvcnlib29rIGlzIHJlbmRlcmluZyB0aGlzIHBhZ2UgaW5zaWRlIG9mIGFuIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGlmcmFtZWB9PC9pbmxpbmVDb2RlPntgISBUaGUgd2lkdGggdGFrZW4gaW50byBhY2NvdW50IGJ5IHRoZSBtZWRpYSBxdWVyeSBpcyB0aGF0IG9mIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BpZnJhbWVgfTwvaW5saW5lQ29kZT57YCBhbmQgbm90IHRoZSBmdWxsIHZpZXdwb3J0IHdpbmRvdy4gSGlkZSBTdG9yeWJvb2sncyBuYXZpZ2F0aW9uIHNpZGViYXIgKG9yIHBvcCBvdXQgdGhpcyBwYWdlKSB0byBwcmV2aWV3IHRoZSBtZWRpYSBxdWVyeSBhZ2FpbnN0IHRoZSBmdWxsIGJyb3dzZXIgd2lkdGguYH08L3A+XG4gICAgPC9TdG9yeU5vdGU+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwidXNpbmctdGhlLW1pbi13aWR0aC1taXhpbnNcIlxuICAgIH19PntgVXNpbmcgdGhlIGB9PGVtIHBhcmVudE5hbWU9XCJoMlwiPntgXCJtaW4td2lkdGhcImB9PC9lbT57YCBtaXhpbnNgfTwvaDI+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgTWl4aW5zOmB9PC9zdHJvbmc+PC9wPlxuICAgIDxCcmVha3BvaW50TGlzdCBrPXtrZXkgPT4gPD5Ae2tleX08Lz59IHY9e3ZhbHVlID0+IDxjb2RlPihtaW4td2lkdGg6IHt2YWx1ZX1weCk8L2NvZGU+fSBtZHhUeXBlPVwiQnJlYWtwb2ludExpc3RcIiAvPlxuICAgIDxwPntgSW1wb3J0IHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BicmVha3BvaW50cy5sZXNzYH08L2lubGluZUNvZGU+e2AgZmlsZSBmcm9tIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BAcHJlcGx5L2RzLXdlYi1jb3JlYH08L2lubGluZUNvZGU+e2AgcGFja2FnZSBhbmQgdXNlIHRoZSBicmVha3BvaW50IG5hbWUgYXMgYSBtaXhpbi5gfTwvcD5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJleGFtcGxlXCJcbiAgICB9fT57YEV4YW1wbGVgfTwvaDM+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1jc3NcIlxuICAgICAgfX0+e2BAaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL3Rva2Vucy5sZXNzJztcbkBpbXBvcnQgJ0BwcmVwbHkvZHMtd2ViLWNvcmUvZGlzdC9nZW5lcmF0ZWQvYnJlYWtwb2ludHMubGVzcyc7XG5cbi5zb21lLWNzcy1jbGFzcyB7XG4gICAgZGlzcGxheTogZ3JpZDsgLyogYmFzZSBydWxlcyAobW9iaWxlIGZpcnN0ISkgKi9cbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgICBnYXA6IEByb290LXNwYWNlLXM7XG5cbiAgICBAbWVkaWEgQG1lZGl1bS1sIHtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgNGZyIDFmcjtcbiAgICB9XG59XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFRoZSBmb2xsb3dpbmcgZXhhbXBsZSByZW5kZXJzIHRoZSBhYm92ZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BNeUxlc3NDb21wb25lbnRXaXRoQnJlYWtwb2ludHNgfTwvaW5saW5lQ29kZT57YCwgd2hpY2ggdXNlcyB0aGUgYWJvdmUgc3R5bGUuIENoYW5nZSB0aGUgYnJvd3NlcidzIHdpZHRoIHRvIHNlZSB0aGUgbGF5b3V0IGFsdGVybmF0ZSBiZXR3ZWVuIDEgYW5kIDMgY29sdW1ucy5gfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ015TGVzc0NvbXBvbmVudFdpdGhCcmVha3BvaW50cyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0hlYWRpbmclMjBsZXZlbD0lMjJoMiUyMiUzRUl0ZW0lMjAxJTNDL0hlYWRpbmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIZWFkaW5nJTIwbGV2ZWw9JTIyaDIlMjIlM0VJdGVtJTIwMiUzQy9IZWFkaW5nJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGVhZGluZyUyMGxldmVsPSUyMmgyJTIyJTNFSXRlbSUyMDMlM0MvSGVhZGluZyUzRSUwQSUyMCUyMCUyMCUyMCUzQy9NeUxlc3NDb21wb25lbnRXaXRoQnJlYWtwb2ludHMlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPE15TGVzc0NvbXBvbmVudFdpdGhCcmVha3BvaW50cyBtZHhUeXBlPVwiTXlMZXNzQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzXCI+XG4gICAgICAgIDxIZWFkaW5nIGxldmVsPVwiaDJcIiBtZHhUeXBlPVwiSGVhZGluZ1wiPkl0ZW0gMTwvSGVhZGluZz5cbiAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoMlwiIG1keFR5cGU9XCJIZWFkaW5nXCI+SXRlbSAyPC9IZWFkaW5nPlxuICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgyXCIgbWR4VHlwZT1cIkhlYWRpbmdcIj5JdGVtIDM8L0hlYWRpbmc+XG4gICAgPC9NeUxlc3NDb21wb25lbnRXaXRoQnJlYWtwb2ludHM+XG4gICAgPC9DYW52YXM+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiYWNjZXNzaW5nLXRoZS1icmVha3BvaW50cy1kaXJlY3RseVwiXG4gICAgfX0+e2BBY2Nlc3NpbmcgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgyXCI+e2BAYnJlYWtwb2ludHNgfTwvaW5saW5lQ29kZT57YCBkaXJlY3RseWB9PC9oMj5cbiAgICA8cD57YEFsdGVybmF0aXZlbHkgeW91IGNhbiB1c2UgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBicmVha3BvaW50c2B9PC9pbmxpbmVDb2RlPntgIHZhcmlhYmxlIHRvIGFjY2VzcyB0aGUgcGl4ZWwgdmFsdWVzIGRpcmVjdGx5LmB9PC9wPlxuICAgIDxTdG9yeU5vdGUgdHlwZT1cIndhcm5pbmdcIiBtZHhUeXBlPVwiU3RvcnlOb3RlXCI+XG4gICAgICA8cD57YFdlIHJlY29tbWVuZCB1c2luZyBvbmx5IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YG1pbi13aWR0aGB9PC9pbmxpbmVDb2RlPntgIG1lZGlhIHF1ZXJpZXMgaW4gb3JkZXIgdG8gc3RydWN0dXJlIHlvdXIgY29kZSB3aXRoIGEgXCJtb2JpbGUgZmlyc3RcIiBhcHByb2FjaC5gfTwvcD5cbiAgICAgIDxwPntgQ2hlY2sgb3V0IHRoaXMgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9tZWRpdW0uY29tL3N3bGgvdXNlLW1pbi13aWR0aC1ub3QtbWF4LXdpZHRoLWluLXlvdXItY3NzLWU2ODk4ZmNmNmE3OFwiLFxuICAgICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgICAgfX0+e2BzbWFsbCBhcnRpY2xlICgzIG1pbiByZWFkKWB9PC9hPntgIGZvciBhIHF1aWNrIGV4cGxhbmF0aW9uIHdoeS5gfTwvcD5cbiAgICA8L1N0b3J5Tm90ZT5cbiAgICA8QnJlYWtwb2ludExpc3Qgaz17a2V5ID0+IDw+QGJyZWFrcG9pbnRzW3trZXl9XTwvPn0gdj17dmFsdWUgPT4gPGNvZGU+KG1pbi13aWR0aDoge3ZhbHVlfXB4KTwvY29kZT59IG1keFR5cGU9XCJCcmVha3BvaW50TGlzdFwiIC8+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1jc3NcIlxuICAgICAgfX0+e2BAaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL2JyZWFrcG9pbnRzLmxlc3MnO1xuXG4uc29tZS1jc3MtY2xhc3Mge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47IC8qIGJhc2UgcnVsZXMgKG1vYmlsZSBmaXJzdCEpICovXG5cbiAgICBAbWVkaWEgKG1pbi13aWR0aDogQGJyZWFrcG9pbnRzW21lZGl1bS1sXSkge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIH1cbn1cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL0N1c3RvbSBDb21wb25lbnRzL0xlc3MuanMvUmVzcG9uc2l2ZScsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/60.components/10.less/20.using-breakpoints-in-less.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/60.components/10.less/20.using-hover-in-less.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 + 1 modules\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 + 63 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/Heading/Heading.js + 1 modules\nvar Heading = __webpack_require__("../../packages/web-lib/dist/components/Heading/Heading.js");\n\n// EXTERNAL MODULE: .-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx\nvar BreakpointList = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx");\n\n// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\nvar injectStylesIntoStyleTag = __webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");\nvar injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);\n\n// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??ref--17-1!/home/jenkins/workspace/design-system_main/node_modules/postcss-loader/dist/cjs.js??ref--17-2!/home/jenkins/workspace/design-system_main/node_modules/less-loader/dist/cjs.js!.-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithHover.module.less\nvar MyLessComponentWithHover_module = __webpack_require__("./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithHover.module.less");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithHover.module.less\n\n \n\nvar options = {};\n\noptions.insert = "head";\noptions.singleton = false;\n\nvar update = injectStylesIntoStyleTag_default()(MyLessComponentWithHover_module["a" /* default */], options);\n\n\n\n/* harmony default export */ var examples_MyLessComponentWithHover_module = (MyLessComponentWithHover_module["a" /* default */].locals || {});\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithHover.tsx\n\n\nvar MyLessComponentWithHover_MyLessComponentWithHover = function MyLessComponentWithHover(_ref) {\n var children = _ref.children;\n return /*#__PURE__*/react_default.a.createElement("div", {\n className: examples_MyLessComponentWithHover_module.MyComponent\n }, children);\n};\nMyLessComponentWithHover_MyLessComponentWithHover.displayName = "MyLessComponentWithHover";\n\ntry {\n // @ts-ignore\n MyLessComponentWithHover_MyLessComponentWithHover.displayName = "MyLessComponentWithHover";\n // @ts-ignore\n MyLessComponentWithHover_MyLessComponentWithHover.__docgenInfo = { "description": "", "displayName": "MyLessComponentWithHover", "props": {} };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithHover.tsx#MyLessComponentWithHover"] = { docgenInfo: MyLessComponentWithHover_MyLessComponentWithHover.__docgenInfo, name: "MyLessComponentWithHover", path: "../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithHover.tsx#MyLessComponentWithHover" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/10.less/20.using-hover-in-less.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(esm["b" /* mdx */])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(esm["b" /* mdx */])(dist_esm["d" /* Meta */], {\n title: "Guides/Custom Components/Less.js/Hover",\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": "lessjs-using-hover"\n }, "Less.js: Using hover"), Object(esm["b" /* mdx */])("h2", {\n "id": "using-the-onhover-mixin"\n }, "Using the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "h2"\n }, "onHover"), " mixin"), Object(esm["b" /* mdx */])("p", null, "Import the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "hover.less"), " file from the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-core"), " package and use the mixin to show hover only for ", Object(esm["b" /* mdx */])("strong", null, "Desktops with mouse"), "."), Object(esm["b" /* mdx */])("h3", {\n "id": "example"\n }, "Example"), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-css"\n }, "@import \'@preply/ds-web-core/dist/generated/hover.less\';\\n\\n.some-css-class {\\n background: lightblue;\\n\\n .onHover({\\n background: lightpink;\\n });\\n}\\n")), Object(esm["b" /* mdx */])("p", null, "The following example renders the above ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "MyLessComponentWithHover"), ", which uses the above style."), Object(esm["b" /* mdx */])(dist_esm["b" /* Canvas */], {\n mdxSource: "%0A%3CMyLessComponentWithHover%3E%0A%20%20%20%20%20%20%20%20%3CHeading%20level=%22h2%22%3EHeading%3C/Heading%3E%0A%20%20%20%20%3C/MyLessComponentWithHover%3E%0A",\n mdxType: "Canvas"\n }, Object(esm["b" /* mdx */])(MyLessComponentWithHover_MyLessComponentWithHover, {\n mdxType: "MyLessComponentWithHover"\n }, Object(esm["b" /* mdx */])(Heading["a" /* Heading */], {\n level: "h2",\n mdxType: "Heading"\n }, "Heading"))));\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/Custom Components/Less.js/Hover\',\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_using_hover_in_less_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvZXhhbXBsZXMvTXlMZXNzQ29tcG9uZW50V2l0aEhvdmVyLm1vZHVsZS5sZXNzPzVkY2EiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8xMC5sZXNzL2V4YW1wbGVzL015TGVzc0NvbXBvbmVudFdpdGhIb3Zlci50c3g/Mzg0MiIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvMjAudXNpbmctaG92ZXItaW4tbGVzcy5zdG9yaWVzLm1keD9kYzQwIl0sIm5hbWVzIjpbIk15TGVzc0NvbXBvbmVudFdpdGhIb3ZlciIsImNoaWxkcmVuIiwic3R5bGVzIiwiTXlDb21wb25lbnQiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBZ0g7QUFDaEgsWUFBNFI7O0FBRTVSOztBQUVBO0FBQ0E7O0FBRUEsYUFBYSxrQ0FBRyxDQUFDLGtEQUFPOzs7O0FBSVQsK0hBQU8sYUFBYSxFOztBQ1puQztBQUVBO0FBRU8sSUFBTUEsaURBQTRCLEdBQUcsU0FBL0JBLHdCQUErQixPQUFrQjtBQUFBLE1BQWZDLFFBQWUsUUFBZkEsUUFBZTtBQUMxRCxzQkFBTztBQUFLLGFBQVMsRUFBRUMsd0NBQU0sQ0FBQ0M7QUFBdkIsS0FBcUNGLFFBQXJDLENBQVA7QUFDSCxDQUZNO0FBQU1ELGlEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNIYjtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQSxJQUFNSSxXQUFXLEdBQUcsRUFBcEI7QUFHQSxJQUFNQyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLDJCQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFPTCwyQkFBQyx3QkFBRDtBQUFNLFNBQUssRUFBQyx3Q0FBWjtBQUFxRCxjQUFVLEVBQUU7QUFDL0RFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywwQ0FBZUE7QUFEdEI7QUFEeUQsS0FBakU7QUFJRyxXQUFPLEVBQUM7QUFKWCxJQVBLLEVBWUwsMkJBQUMsc0NBQUQ7QUFBZSxXQUFPLEVBQUM7QUFBdkIsSUFaSyxFQWFMO0FBQ0UsVUFBTTtBQURSLDRCQWJLLEVBZ0JMO0FBQ0UsVUFBTTtBQURSLG1CQUVpQjtBQUFZLGNBQVUsRUFBQztBQUF2QixlQUZqQixXQWhCSyxFQW1CTCxxREFBa0I7QUFBWSxjQUFVLEVBQUM7QUFBdkIsa0JBQWxCLHFCQUEyRjtBQUFZLGNBQVUsRUFBQztBQUF2QiwyQkFBM0Ysd0RBQWdOLGlFQUFoTixNQW5CSyxFQW9CTDtBQUNFLFVBQU07QUFEUixlQXBCSyxFQXVCTCx3Q0FBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosaUxBQUwsQ0F2QkssRUFtQ0wsa0ZBQStDO0FBQVksY0FBVSxFQUFDO0FBQXZCLGdDQUEvQyxrQ0FuQ0ssRUFvQ0wsMkJBQUMsMEJBQUQ7QUFBUSxhQUFTLEVBQUMsa0tBQWxCO0FBQXFMLFdBQU8sRUFBQztBQUE3TCxLQUNBLDJCQUFDLGlEQUFEO0FBQTBCLFdBQU8sRUFBQztBQUFsQyxLQUNJLDJCQUFDLDBCQUFEO0FBQVMsU0FBSyxFQUFDLElBQWY7QUFBb0IsV0FBTyxFQUFDO0FBQTVCLGVBREosQ0FEQSxDQXBDSyxDQUFQO0FBMENEOztBQTlDUUwsVTtBQWdEVDtBQUNBQSxVQUFVLENBQUNNLGNBQVgsR0FBNEIsSUFBNUI7QUFFTyxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUyxHQUFNO0FBQUUsUUFBTSxJQUFJQyxLQUFKLENBQVUsaUJBQVYsQ0FBTjtBQUFxQyxDQUE1RDtBQUVQRCxNQUFNLENBQUNFLFVBQVAsR0FBb0I7QUFBRUMsVUFBUSxFQUFFO0FBQVosQ0FBcEI7QUFFQSxJQUFNQyxhQUFhLEdBQUc7QUFBRUMsT0FBSyxFQUFFLHdDQUFUO0FBQW1ESCxZQUFVLEVBQUU7QUFDbkZOLFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLDBDQUFlQTtBQUR0QjtBQUQ2RSxHQUEvRDtBQUluQlEsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIscUJBQ01RLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIsSUFBaUMsRUFEdkM7QUFFRVksTUFBSSxFQUFFO0FBQUEsV0FBTSwyQkFBQyw4QkFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLDJCQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsa0hBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvMjAudXNpbmctaG92ZXItaW4tbGVzcy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBhcGkgZnJvbSBcIiEuLi8uLi8uLi8uLi8uLi8uLi8uLi9kb2NzL25vZGVfbW9kdWxlcy9zdHlsZS1sb2FkZXIvZGlzdC9ydW50aW1lL2luamVjdFN0eWxlc0ludG9TdHlsZVRhZy5qc1wiO1xuICAgICAgICAgICAgaW1wb3J0IGNvbnRlbnQgZnJvbSBcIiEhLi4vLi4vLi4vLi4vLi4vLi4vLi4vZG9jcy9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L2Nqcy5qcz8/cmVmLS0xNy0xIS4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL25vZGVfbW9kdWxlcy9wb3N0Y3NzLWxvYWRlci9kaXN0L2Nqcy5qcz8/cmVmLS0xNy0yIS4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL25vZGVfbW9kdWxlcy9sZXNzLWxvYWRlci9kaXN0L2Nqcy5qcyEuL015TGVzc0NvbXBvbmVudFdpdGhIb3Zlci5tb2R1bGUubGVzc1wiO1xuXG52YXIgb3B0aW9ucyA9IHt9O1xuXG5vcHRpb25zLmluc2VydCA9IFwiaGVhZFwiO1xub3B0aW9ucy5zaW5nbGV0b24gPSBmYWxzZTtcblxudmFyIHVwZGF0ZSA9IGFwaShjb250ZW50LCBvcHRpb25zKTtcblxuXG5cbmV4cG9ydCBkZWZhdWx0IGNvbnRlbnQubG9jYWxzIHx8IHt9OyIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL015TGVzc0NvbXBvbmVudFdpdGhIb3Zlci5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBjb25zdCBNeUxlc3NDb21wb25lbnRXaXRoSG92ZXI6IEZDID0gKHsgY2hpbGRyZW4gfSkgPT4ge1xuICAgIHJldHVybiA8ZGl2IGNsYXNzTmFtZT17c3R5bGVzLk15Q29tcG9uZW50fT57Y2hpbGRyZW59PC9kaXY+O1xufTtcbiIsIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IFN0b3J5Tm90ZSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCB7IEJyZWFrcG9pbnRMaXN0IH0gZnJvbSAnLi4vLi4vNTAucmVzcG9uc2l2ZS9jb21wb25lbnRzL0JyZWFrcG9pbnRMaXN0JztcbmltcG9ydCB7IE15TGVzc0NvbXBvbmVudFdpdGhIb3ZlciB9IGZyb20gJy4vZXhhbXBsZXMvTXlMZXNzQ29tcG9uZW50V2l0aEhvdmVyJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvQ3VzdG9tIENvbXBvbmVudHMvTGVzcy5qcy9Ib3ZlclwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcImxlc3Nqcy11c2luZy1ob3ZlclwiXG4gICAgfX0+e2BMZXNzLmpzOiBVc2luZyBob3ZlcmB9PC9oMT5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJ1c2luZy10aGUtb25ob3Zlci1taXhpblwiXG4gICAgfX0+e2BVc2luZyB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDJcIj57YG9uSG92ZXJgfTwvaW5saW5lQ29kZT57YCBtaXhpbmB9PC9oMj5cbiAgICA8cD57YEltcG9ydCB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgaG92ZXIubGVzc2B9PC9pbmxpbmVDb2RlPntgIGZpbGUgZnJvbSB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS9kcy13ZWItY29yZWB9PC9pbmxpbmVDb2RlPntgIHBhY2thZ2UgYW5kIHVzZSB0aGUgbWl4aW4gdG8gc2hvdyBob3ZlciBvbmx5IGZvciBgfTxzdHJvbmc+e2BEZXNrdG9wcyB3aXRoIG1vdXNlYH08L3N0cm9uZz57YC5gfTwvcD5cbiAgICA8aDMgey4uLntcbiAgICAgIFwiaWRcIjogXCJleGFtcGxlXCJcbiAgICB9fT57YEV4YW1wbGVgfTwvaDM+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1jc3NcIlxuICAgICAgfX0+e2BAaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL2hvdmVyLmxlc3MnO1xuXG4uc29tZS1jc3MtY2xhc3Mge1xuICAgIGJhY2tncm91bmQ6IGxpZ2h0Ymx1ZTtcblxuICAgIC5vbkhvdmVyKHtcbiAgICAgICAgYmFja2dyb3VuZDogbGlnaHRwaW5rO1xuICAgIH0pO1xufVxuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BUaGUgZm9sbG93aW5nIGV4YW1wbGUgcmVuZGVycyB0aGUgYWJvdmUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgTXlMZXNzQ29tcG9uZW50V2l0aEhvdmVyYH08L2lubGluZUNvZGU+e2AsIHdoaWNoIHVzZXMgdGhlIGFib3ZlIHN0eWxlLmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDTXlMZXNzQ29tcG9uZW50V2l0aEhvdmVyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGVhZGluZyUyMGxldmVsPSUyMmgyJTIyJTNFSGVhZGluZyUzQy9IZWFkaW5nJTNFJTBBJTIwJTIwJTIwJTIwJTNDL015TGVzc0NvbXBvbmVudFdpdGhIb3ZlciUzRSUwQVwiIG1keFR5cGU9XCJDYW52YXNcIj5cbiAgICA8TXlMZXNzQ29tcG9uZW50V2l0aEhvdmVyIG1keFR5cGU9XCJNeUxlc3NDb21wb25lbnRXaXRoSG92ZXJcIj5cbiAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoMlwiIG1keFR5cGU9XCJIZWFkaW5nXCI+SGVhZGluZzwvSGVhZGluZz5cbiAgICA8L015TGVzc0NvbXBvbmVudFdpdGhIb3Zlcj5cbiAgICA8L0NhbnZhcz5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ0d1aWRlcy9DdXN0b20gQ29tcG9uZW50cy9MZXNzLmpzL0hvdmVyJywgcGFyYW1ldGVyczoge1xuICBkb2NzOiB7XG4gICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/60.components/10.less/20.using-hover-in-less.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/60.components/20.sc/10.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_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 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/Custom Components/StyledComponents/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"])(_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": "developing-custom-components-with-styledcomponents"\n }, "Developing custom components with StyledComponents"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Make sure you read ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-custom-components-introduction--page"\n }, "Guide: Developing custom components with DS primitives")), 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"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDo */ "a"], {\n mdxType: "CodeDo"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "minWidth"), " responsive mixin (", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-custom-components-styledcomponents-responsive--page"\n }, "Read more"), ")."), 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 { minWidth } from \'@preply/ds-web-core\';\\n\\nexport const MyStyledComponentWithBreakpoints = styled.div`\\n ${minWidth(\'medium-l\')} {\\n ...\\n }\\n`;\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDo */ "a"], {\n mdxType: "CodeDo"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use token variables via ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "getTokenVar()"), " (", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-custom-components-styledcomponents-tokens--page"\n }, "Read more"), ")."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "If you\'re working with a designer you can see ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/quickstart-for-engineers--page#reading-figma-files"\n }, "references to tokens"), "\\nin their Figma files. Use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-token-explorer--page"\n }, "Token Explorer"), " to search tokens\\nby name, id, or value (make sure you have the correct theme selected)."), 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-css"\n }, "@import \'@preply/ds-web-core/dist/generated/tokens.less\';\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDont */ "b"], {\n mdxType: "CodeDont"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "max-width"), " breakpoints"), 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-css"\n }, "@media (max-width: @breakpoints[medium-l]) {\\n /* ... */\\n}\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDont */ "b"], {\n mdxType: "CodeDont"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Use ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ui"), " breakpoints or variables."), 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-css"\n }, "border-radius: @border-radius-m;\\n\\n@media (min-width: @responsive-mobile-normal) {\\n /* ... */\\n}\\n")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Custom Components/StyledComponents/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzIwLnNjLzEwLmludHJvLnN0b3JpZXMubWR4PzY1NDkiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFHQSxJQUFNQSxXQUFXLEdBQUcsRUFBcEI7QUFHQSxJQUFNQyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLGtFQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFLTCxrRUFBQyxrRUFBRDtBQUFNLFNBQUssRUFBQyxpREFBWjtBQUE4RCxjQUFVLEVBQUU7QUFDeEVFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywrRUFBZUE7QUFEdEI7QUFEa0UsS0FBMUU7QUFJRyxXQUFPLEVBQUM7QUFKWCxJQUxLLEVBVUwsa0VBQUMsNkVBQUQ7QUFBZSxXQUFPLEVBQUM7QUFBdkIsSUFWSyxFQVdMO0FBQ0UsVUFBTTtBQURSLDBEQVhLLEVBY0wsb0dBQTBCO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDdEIsWUFBUTtBQURjLDhEQUExQixDQWRLLEVBaUJMO0FBQ0UsVUFBTTtBQURSLGtCQWpCSyxFQW9CTCxrRUFBQyxzRUFBRDtBQUFRLFdBQU8sRUFBQztBQUFoQixJQXBCSyxFQXFCTCxxRkFBVztBQUFZLGNBQVUsRUFBQztBQUF2QixnQkFBWCx5QkFBc0Y7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUNsRixZQUFRO0FBRDBFLGlCQUF0RixPQXJCSyxFQXdCTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosK0tBQUwsQ0F4QkssRUFrQ0wsa0VBQUMsc0VBQUQ7QUFBUSxXQUFPLEVBQUM7QUFBaEIsSUFsQ0ssRUFtQ0wseUdBQStCO0FBQVksY0FBVSxFQUFDO0FBQXZCLHFCQUEvQixRQUE4RjtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQzFGLFlBQVE7QUFEa0YsaUJBQTlGLE9BbkNLLEVBc0NMLCtIQUFxRDtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ2pELFlBQVE7QUFEeUMsNEJBQXJELHNDQUc0QjtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ3hCLFlBQVE7QUFEZ0Isc0JBSDVCLDhGQXRDSyxFQTZDTCwrRUFBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosbUVBQUwsQ0E3Q0ssRUFpREwsa0VBQUMsd0VBQUQ7QUFBVSxXQUFPLEVBQUM7QUFBbEIsSUFqREssRUFrREwscUZBQVc7QUFBWSxjQUFVLEVBQUM7QUFBdkIsaUJBQVgsaUJBbERLLEVBbURMLCtFQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWix3RUFBTCxDQW5ESyxFQXlETCxrRUFBQyx3RUFBRDtBQUFVLFdBQU8sRUFBQztBQUFsQixJQXpESyxFQTBETCxxRkFBVztBQUFZLGNBQVUsRUFBQztBQUF2QixrQkFBWCwrQkExREssRUEyREwsK0VBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLCtHQUFMLENBM0RLLENBQVA7QUFvRUQ7O0FBeEVRTCxVO0FBMEVUO0FBQ0FBLFVBQVUsQ0FBQ00sY0FBWCxHQUE0QixJQUE1QjtBQUVPLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTLEdBQU07QUFBRSxRQUFNLElBQUlDLEtBQUosQ0FBVSxpQkFBVixDQUFOO0FBQXFDLENBQTVEO0FBRVBELE1BQU0sQ0FBQ0UsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsaURBQVQ7QUFBNERILFlBQVUsRUFBRTtBQUM1Rk4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRHNGLEdBQXhFO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMjAuc2MvMTAuaW50cm8uc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBDb2RlRG8sIENvZGVEb250IH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9DdXN0b20gQ29tcG9uZW50cy9TdHlsZWRDb21wb25lbnRzL0ludHJvXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiZGV2ZWxvcGluZy1jdXN0b20tY29tcG9uZW50cy13aXRoLXN0eWxlZGNvbXBvbmVudHNcIlxuICAgIH19PntgRGV2ZWxvcGluZyBjdXN0b20gY29tcG9uZW50cyB3aXRoIFN0eWxlZENvbXBvbmVudHNgfTwvaDE+XG4gICAgPHA+e2BNYWtlIHN1cmUgeW91IHJlYWQgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtY3VzdG9tLWNvbXBvbmVudHMtaW50cm9kdWN0aW9uLS1wYWdlXCJcbiAgICAgIH19PntgR3VpZGU6IERldmVsb3BpbmcgY3VzdG9tIGNvbXBvbmVudHMgd2l0aCBEUyBwcmltaXRpdmVzYH08L2E+PC9wPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImd1aWRlbGluZXNcIlxuICAgIH19PntgR3VpZGVsaW5lc2B9PC9oMj5cbiAgICA8Q29kZURvIG1keFR5cGU9XCJDb2RlRG9cIiAvPlxuICAgIDxwPntgVXNlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YG1pbldpZHRoYH08L2lubGluZUNvZGU+e2AgcmVzcG9uc2l2ZSBtaXhpbiAoYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtY3VzdG9tLWNvbXBvbmVudHMtc3R5bGVkY29tcG9uZW50cy1yZXNwb25zaXZlLS1wYWdlXCJcbiAgICAgIH19PntgUmVhZCBtb3JlYH08L2E+e2ApLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHsgbWluV2lkdGggfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcblxuZXhwb3J0IGNvbnN0IE15U3R5bGVkQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzID0gc3R5bGVkLmRpdlxcYFxuICAgIFxcJHttaW5XaWR0aCgnbWVkaXVtLWwnKX0ge1xuICAgICAgICAuLi5cbiAgICB9XG5cXGA7XG5gfTwvY29kZT48L3ByZT5cbiAgICA8Q29kZURvIG1keFR5cGU9XCJDb2RlRG9cIiAvPlxuICAgIDxwPntgVXNlIHRva2VuIHZhcmlhYmxlcyB2aWEgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgZ2V0VG9rZW5WYXIoKWB9PC9pbmxpbmVDb2RlPntgIChgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1jdXN0b20tY29tcG9uZW50cy1zdHlsZWRjb21wb25lbnRzLXRva2Vucy0tcGFnZVwiXG4gICAgICB9fT57YFJlYWQgbW9yZWB9PC9hPntgKS5gfTwvcD5cbiAgICA8cD57YElmIHlvdSdyZSB3b3JraW5nIHdpdGggYSBkZXNpZ25lciB5b3UgY2FuIHNlZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L3F1aWNrc3RhcnQtZm9yLWVuZ2luZWVycy0tcGFnZSNyZWFkaW5nLWZpZ21hLWZpbGVzXCJcbiAgICAgIH19PntgcmVmZXJlbmNlcyB0byB0b2tlbnNgfTwvYT57YFxuaW4gdGhlaXIgRmlnbWEgZmlsZXMuIFVzZSB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtdG9rZW4tZXhwbG9yZXItLXBhZ2VcIlxuICAgICAgfX0+e2BUb2tlbiBFeHBsb3JlcmB9PC9hPntgIHRvIHNlYXJjaCB0b2tlbnNcbmJ5IG5hbWUsIGlkLCBvciB2YWx1ZSAobWFrZSBzdXJlIHlvdSBoYXZlIHRoZSBjb3JyZWN0IHRoZW1lIHNlbGVjdGVkKS5gfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLWNzc1wiXG4gICAgICB9fT57YEBpbXBvcnQgJ0BwcmVwbHkvZHMtd2ViLWNvcmUvZGlzdC9nZW5lcmF0ZWQvdG9rZW5zLmxlc3MnO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPENvZGVEb250IG1keFR5cGU9XCJDb2RlRG9udFwiIC8+XG4gICAgPHA+e2BVc2UgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgbWF4LXdpZHRoYH08L2lubGluZUNvZGU+e2AgYnJlYWtwb2ludHNgfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLWNzc1wiXG4gICAgICB9fT57YEBtZWRpYSAobWF4LXdpZHRoOiBAYnJlYWtwb2ludHNbbWVkaXVtLWxdKSB7XG4gICAgLyogLi4uICovXG59XG5gfTwvY29kZT48L3ByZT5cbiAgICA8Q29kZURvbnQgbWR4VHlwZT1cIkNvZGVEb250XCIgLz5cbiAgICA8cD57YFVzZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BAcHJlcGx5L3VpYH08L2lubGluZUNvZGU+e2AgYnJlYWtwb2ludHMgb3IgdmFyaWFibGVzLmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtY3NzXCJcbiAgICAgIH19PntgYm9yZGVyLXJhZGl1czogQGJvcmRlci1yYWRpdXMtbTtcblxuQG1lZGlhIChtaW4td2lkdGg6IEByZXNwb25zaXZlLW1vYmlsZS1ub3JtYWwpIHtcbiAgICAvKiAuLi4gKi9cbn1cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL0N1c3RvbSBDb21wb25lbnRzL1N0eWxlZENvbXBvbmVudHMvSW50cm8nLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/60.components/20.sc/10.intro.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/60.components/20.sc/10.using-tokens-in-sc.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\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 + 1 modules\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/60.components/20.sc/examples/MyStyledComponentWithTokens.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 MyStyledComponentWithTokens = styled_components_browser_esm["b" /* default */].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n padding: ", ";\\n color: ", ";\\n background-color: ", ";\\n border-radius: ", ";\\n"])), function (_ref) {\n var padding = _ref.padding;\n return Object(getTokenVar["a" /* getTokenVar */])(tokens["d" /* root */].space[padding]);\n}, Object(getTokenVar["a" /* getTokenVar */])(tokens["a" /* action */].variant.primary.color), 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/60.components/20.sc/10.using-tokens-in-sc.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\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/Custom Components/StyledComponents/Tokens",\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": "styledcomponents-using-tokens"\n }, "StyledComponents: Using tokens"), 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 */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import { getTokenVar as t } from \'@preply/ds-web-core\';\\n")), Object(esm["b" /* mdx */])("p", null, "This function actually returns the CSS variable ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "var(--12345)"), " for a token."), Object(esm["b" /* mdx */])("p", null, "Note that the actual value depends on the parent ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-providers-themeprovider--page"\n }, "ThemeProvider"), " and ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-core-providers-colorschemeprovider--page"\n }, "ColorSchemeProvider"), ".\\nUse the ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/guides-token-explorer--page"\n }, "Token Explorer"), " to search tokens by name, id, or value\\n(make sure you have the correct theme selected)."), Object(esm["b" /* mdx */])("p", null, "If you\'re working with a designer you can see ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "/story/quickstart-for-engineers--page#reading-figma-files"\n }, "references to tokens"), " in their Figma files."), 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/MyStyledComponentWithTokens.ts",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "MyStyledComponentWithTokens"), " 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 { action, root } from \'@preply/ds-core\';\\nimport { getTokenVar as t } from \'@preply/ds-web-core\';\\nimport styled from \'styled-components\';\\n\\ninterface Props {\\n padding: \'s\' | \'m\' | \'l\';\\n}\\n\\nexport const MyStyledComponentWithTokens = styled.div<Props>`\\n padding: ${({ padding }) => t(root.space[padding])};\\n color: ${t(action.variant.primary.color)};\\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%3CMyStyledComponentWithTokens%20padding=%22s%22%3ELorem%20Ipsum%3C/MyStyledComponentWithTokens%3E%0A%0A%3CMyStyledComponentWithTokens%20padding=%22l%22%3ELorem%20Ipsum%3C/MyStyledComponentWithTokens%3E%0A",\n mdxType: "Canvas"\n }, Object(esm["b" /* mdx */])(MyStyledComponentWithTokens, {\n padding: "s",\n mdxType: "MyStyledComponentWithTokens"\n }, "Lorem Ipsum"), Object(esm["b" /* mdx */])(MyStyledComponentWithTokens, {\n padding: "l",\n mdxType: "MyStyledComponentWithTokens"\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/Custom Components/StyledComponents/Tokens\',\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_sc_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzIwLnNjL2V4YW1wbGVzL015U3R5bGVkQ29tcG9uZW50V2l0aFRva2Vucy50cz9kN2I1Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMjAuc2MvMTAudXNpbmctdG9rZW5zLWluLXNjLnN0b3JpZXMubWR4PzI0OGIiXSwibmFtZXMiOlsiTXlTdHlsZWRDb21wb25lbnRXaXRoVG9rZW5zIiwic3R5bGVkIiwiZGl2IiwicGFkZGluZyIsInQiLCJyb290Iiwic3BhY2UiLCJhY3Rpb24iLCJ2YXJpYW50IiwicHJpbWFyeSIsImNvbG9yIiwiYmdDb2xvciIsImJhc2UiLCJib3JkZXJSYWRpdXMiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUNBO0FBTU8sSUFBTUEsMkJBQTJCLEdBQUdDLGdEQUFNLENBQUNDLEdBQVYsMEtBQ3pCO0FBQUEsTUFBR0MsT0FBSCxRQUFHQSxPQUFIO0FBQUEsU0FBaUJDLDBDQUFDLENBQUNDLHNCQUFJLENBQUNDLEtBQUwsQ0FBV0gsT0FBWCxDQUFELENBQWxCO0FBQUEsQ0FEeUIsRUFFM0JDLDBDQUFDLENBQUNHLHdCQUFNLENBQUNDLE9BQVAsQ0FBZUMsT0FBZixDQUF1QkMsS0FBeEIsQ0FG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QyxPQUFLLEVBQUUsa0RBQVQ7QUFBNkRILFlBQVUsRUFBRTtBQUM3Rk4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsMENBQWVBO0FBRHRCO0FBRHVGLEdBQXpFO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLDJCQUFDLDhCQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsMkJBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSxpSEFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMjAuc2MvMTAudXNpbmctdG9rZW5zLWluLXNjLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYWN0aW9uLCByb290IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IGdldFRva2VuVmFyIGFzIHQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIHBhZGRpbmc6ICdzJyB8ICdtJyB8ICdsJztcbn1cblxuZXhwb3J0IGNvbnN0IE15U3R5bGVkQ29tcG9uZW50V2l0aFRva2VucyA9IHN0eWxlZC5kaXY8UHJvcHM+YFxuICAgIHBhZGRpbmc6ICR7KHsgcGFkZGluZyB9KSA9PiB0KHJvb3Quc3BhY2VbcGFkZGluZ10pfTtcbiAgICBjb2xvcjogJHt0KGFjdGlvbi52YXJpYW50LnByaW1hcnkuY29sb3IpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3QoYWN0aW9uLnZhcmlhbnQucHJpbWFyeS5iZ0NvbG9yKX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0KGFjdGlvbi5iYXNlLmJvcmRlclJhZGl1cyl9O1xuYDtcbiIsIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBNeVN0eWxlZENvbXBvbmVudFdpdGhUb2tlbnMgfSBmcm9tICcuL2V4YW1wbGVzL015U3R5bGVkQ29tcG9uZW50V2l0aFRva2Vucyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9DdXN0b20gQ29tcG9uZW50cy9TdHlsZWRDb21wb25lbnRzL1Rva2Vuc1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxoMSB7Li4ue1xuICAgICAgXCJpZFwiOiBcInN0eWxlZGNvbXBvbmVudHMtdXNpbmctdG9rZW5zXCJcbiAgICB9fT57YFN0eWxlZENvbXBvbmVudHM6IFVzaW5nIHRva2Vuc2B9PC9oMT5cbiAgICA8cD57YFRoZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItY29yZS11dGlscy1nZXR0b2tlbnZhci0tcGFnZVwiXG4gICAgICB9fT57YGdldFRva2VuVmFyYH08L2E+e2AgdXRpbGl0eSBnaXZlcyB5b3UgYWNjZXNzIHRvIGRlc2lnbiB0b2tlbnMgZnJvbSB3aXRoaW4gYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vc3R5bGVkLWNvbXBvbmVudHMuY29tL1wiLFxuICAgICAgICBcInRhcmdldFwiOiBcIl9ibGFua1wiLFxuICAgICAgICBcInJlbFwiOiBcIm5vZm9sbG93IG5vb3BlbmVyIG5vcmVmZXJyZXJcIlxuICAgICAgfX0+e2BzdHlsZWQgY29tcG9uZW50c2B9PC9hPntgIG9yIGZyb20gd2l0aGluIGNvZGUgYmFzZWQgb24gb3RoZXIgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vY3NzLXRyaWNrcy5jb20vYS10aG9yb3VnaC1hbmFseXNpcy1vZi1jc3MtaW4tanMvXCIsXG4gICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgIFwicmVsXCI6IFwibm9mb2xsb3cgbm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB9fT57YENTUy1pbi1KU2B9PC9hPntgIGZyYW1ld29ya3MuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c3hcIlxuICAgICAgfX0+e2BpbXBvcnQgeyBnZXRUb2tlblZhciBhcyB0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFRoaXMgZnVuY3Rpb24gYWN0dWFsbHkgcmV0dXJucyB0aGUgQ1NTIHZhcmlhYmxlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YHZhcigtLTEyMzQ1KWB9PC9pbmxpbmVDb2RlPntgIGZvciBhIHRva2VuLmB9PC9wPlxuICAgIDxwPntgTm90ZSB0aGF0IHRoZSBhY3R1YWwgdmFsdWUgZGVwZW5kcyBvbiB0aGUgcGFyZW50IGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvYXBpLWRzLXdlYi1jb3JlLXByb3ZpZGVycy10aGVtZXByb3ZpZGVyLS1wYWdlXCJcbiAgICAgIH19PntgVGhlbWVQcm92aWRlcmB9PC9hPntgIGFuZCBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2FwaS1kcy13ZWItY29yZS1wcm92aWRlcnMtY29sb3JzY2hlbWVwcm92aWRlci0tcGFnZVwiXG4gICAgICB9fT57YENvbG9yU2NoZW1lUHJvdmlkZXJgfTwvYT57YC5cblVzZSB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtdG9rZW4tZXhwbG9yZXItLXBhZ2VcIlxuICAgICAgfX0+e2BUb2tlbiBFeHBsb3JlcmB9PC9hPntgIHRvIHNlYXJjaCB0b2tlbnMgYnkgbmFtZSwgaWQsIG9yIHZhbHVlXG4obWFrZSBzdXJlIHlvdSBoYXZlIHRoZSBjb3JyZWN0IHRoZW1lIHNlbGVjdGVkKS5gfTwvcD5cbiAgICA8cD57YElmIHlvdSdyZSB3b3JraW5nIHdpdGggYSBkZXNpZ25lciB5b3UgY2FuIHNlZSBgfTxhIHBhcmVudE5hbWU9XCJwXCIgey4uLntcbiAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L3F1aWNrc3RhcnQtZm9yLWVuZ2luZWVycy0tcGFnZSNyZWFkaW5nLWZpZ21hLWZpbGVzXCJcbiAgICAgIH19PntgcmVmZXJlbmNlcyB0byB0b2tlbnNgfTwvYT57YCBpbiB0aGVpciBGaWdtYSBmaWxlcy5gfTwvcD5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJleGFtcGxlXCJcbiAgICB9fT57YEV4YW1wbGVgfTwvaDI+XG4gICAgPHA+e2BUaGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vZ2l0aHViLmNvbS9wcmVwbHkvZGVzaWduLXN5c3RlbS9ibG9iL21haW4vc3VwcG9ydC9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9leGFtcGxlcy9NeVN0eWxlZENvbXBvbmVudFdpdGhUb2tlbnMudHNcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgTXlTdHlsZWRDb21wb25lbnRXaXRoVG9rZW5zYH08L2E+e2AgZXhhbXBsZSBzaG93Y2FzZXMgaG93IHRvIHVzZSBpdC5gfTwvcD5cbiAgICA8cD57YFlvdSBjYW4gYWxzbyBzZWUgaXQgcmVuZGVyZWQgaW4gdGhlIGNvZGUgc2FtcGxlIGJlbG93LmB9PC9wPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHsgYWN0aW9uLCByb290IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IGdldFRva2VuVmFyIGFzIHQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIHBhZGRpbmc6ICdzJyB8ICdtJyB8ICdsJztcbn1cblxuZXhwb3J0IGNvbnN0IE15U3R5bGVkQ29tcG9uZW50V2l0aFRva2VucyA9IHN0eWxlZC5kaXY8UHJvcHM+XFxgXG4gICAgcGFkZGluZzogXFwkeyh7IHBhZGRpbmcgfSkgPT4gdChyb290LnNwYWNlW3BhZGRpbmddKX07XG4gICAgY29sb3I6IFxcJHt0KGFjdGlvbi52YXJpYW50LnByaW1hcnkuY29sb3IpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBcXCR7dChhY3Rpb24udmFyaWFudC5wcmltYXJ5LmJnQ29sb3IpfTtcbiAgICBib3JkZXItcmFkaXVzOiBcXCR7dChhY3Rpb24uYmFzZS5ib3JkZXJSYWRpdXMpfTtcblxcYDtcbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgQ2hhbmdlIHRoZSB0aGVtZSBpbiB0aGUgVGhlbWUgU3dpdGNoZXIgYXQgdGhlIHRvcCBvZiB0aGUgcGFnZSB0byBzZWUgdGhlIGNvbXBvbmVudCByZW5kZXIgYWNjb3JkaW5nIHRvIGVhY2ggdGhlbWUuYH08L3A+XG4gICAgPENhbnZhcyBtZHhTb3VyY2U9XCIlMEElM0NNeVN0eWxlZENvbXBvbmVudFdpdGhUb2tlbnMlMjBwYWRkaW5nPSUyMnMlMjIlM0VMb3JlbSUyMElwc3VtJTNDL015U3R5bGVkQ29tcG9uZW50V2l0aFRva2VucyUzRSUwQSUwQSUzQ015U3R5bGVkQ29tcG9uZW50V2l0aFRva2VucyUyMHBhZGRpbmc9JTIybCUyMiUzRUxvcmVtJTIwSXBzdW0lM0MvTXlTdHlsZWRDb21wb25lbnRXaXRoVG9rZW5zJTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxNeVN0eWxlZENvbXBvbmVudFdpdGhUb2tlbnMgcGFkZGluZz1cInNcIiBtZHhUeXBlPVwiTXlTdHlsZWRDb21wb25lbnRXaXRoVG9rZW5zXCI+TG9yZW0gSXBzdW08L015U3R5bGVkQ29tcG9uZW50V2l0aFRva2Vucz5cbiAgICA8TXlTdHlsZWRDb21wb25lbnRXaXRoVG9rZW5zIHBhZGRpbmc9XCJsXCIgbWR4VHlwZT1cIk15U3R5bGVkQ29tcG9uZW50V2l0aFRva2Vuc1wiPkxvcmVtIElwc3VtPC9NeVN0eWxlZENvbXBvbmVudFdpdGhUb2tlbnM+XG4gICAgPC9DYW52YXM+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdHdWlkZXMvQ3VzdG9tIENvbXBvbmVudHMvU3R5bGVkQ29tcG9uZW50cy9Ub2tlbnMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/60.components/20.sc/10.using-tokens-in-sc.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/60.components/20.sc/20.using-breakpoints-in-sc.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\nvar react_default = /*#__PURE__*/__webpack_require__.n(react);\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@mdx-js/react/dist/esm.js\nvar esm = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@storybook/addon-docs/dist/esm/index.js + 45 modules\nvar dist_esm = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n\n// EXTERNAL MODULE: .-context/dist/context/DocContextDSWeb.js + 1 modules\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 + 63 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/Heading/Heading.js + 1 modules\nvar Heading = __webpack_require__("../../packages/web-lib/dist/components/Heading/Heading.js");\n\n// EXTERNAL MODULE: .-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx\nvar BreakpointList = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.slice.js\nvar es_array_slice = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/responsive/sc/mixins.js\nvar mixins = __webpack_require__("../../packages/web-core/dist/responsive/sc/mixins.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/60.components/20.sc/examples/MyStyledComponentWithBreakpoints.ts\n\n\nvar _templateObject;\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar MyStyledComponentWithBreakpoints = styled_components_browser_esm["b" /* default */].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n display: grid;\\n grid-template-columns: 1fr;\\n\\n ", " {\\n grid-template-columns: 1fr 4fr 1fr;\\n }\\n"])), Object(mixins["a" /* minWidth */])(\'medium-l\'));\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/20.sc/20.using-breakpoints-in-sc.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\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/Custom Components/StyledComponents/Responsive",\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": "styledcomponents-using-breakpoints"\n }, "StyledComponents: Using breakpoints"), Object(esm["b" /* mdx */])(dist["A" /* StoryNote */], {\n mdxType: "StoryNote"\n }, Object(esm["b" /* mdx */])("p", null, "Storybook is rendering this page inside of an ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "iframe"), "! The width taken into account by the media query is that of the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "iframe"), " and not the full viewport window. Hide Storybook\'s navigation sidebar (or pop out this page) to preview the media query against the full browser width.")), Object(esm["b" /* mdx */])("h2", {\n "id": "using-the-minwidth-mixin"\n }, "Using the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "h2"\n }, "minWidth"), " mixin"), Object(esm["b" /* mdx */])("p", null, "Import the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "minWidth(breakpoint: Breakpoint)"), " mixin from ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-core"), "."), Object(esm["b" /* mdx */])("p", null, Object(esm["b" /* mdx */])("strong", {\n parentName: "p"\n }, Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "strong"\n }, "type Breakpoint ="), " one of:")), Object(esm["b" /* mdx */])(BreakpointList["a" /* BreakpointList */], {\n k: function k(key) {\n return Object(esm["b" /* mdx */])(react_default.a.Fragment, null, "\'", key, "\'");\n },\n v: function v(value) {\n return Object(esm["b" /* mdx */])("code", null, "(min-width: ", value, "px)");\n },\n mdxType: "BreakpointList"\n }), Object(esm["b" /* mdx */])("h3", {\n "id": "example"\n }, "Example"), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-ts"\n }, "import { minWidth } from \'@preply/ds-web-core\';\\nimport styled from \'styled-components\';\\n\\nexport const MyStyledComponentWithBreakpoints = styled.div`\\n display: grid;\\n grid-template-columns: 1fr;\\n\\n ${minWidth(\'medium-l\')} {\\n grid-template-columns: 1fr 4fr 1fr;\\n }\\n`;\\n")), Object(esm["b" /* mdx */])("p", null, "The following examples renders the above ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "MyStyledComponentWithBreakpoints"), ". Change the browser\'s width to see the layout alternate between 1 and 3 columns."), Object(esm["b" /* mdx */])(dist_esm["b" /* Canvas */], {\n mdxSource: "%0A%3CMyStyledComponentWithBreakpoints%3E%0A%20%20%20%20%20%20%20%20%3CHeading%20level=%22h2%22%3EItem%201%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%3CHeading%20level=%22h2%22%3EItem%202%3C/Heading%3E%0A%20%20%20%20%20%20%20%20%3CHeading%20level=%22h2%22%3EItem%203%3C/Heading%3E%0A%20%20%20%20%3C/MyStyledComponentWithBreakpoints%3E%0A",\n mdxType: "Canvas"\n }, Object(esm["b" /* mdx */])(MyStyledComponentWithBreakpoints, {\n mdxType: "MyStyledComponentWithBreakpoints"\n }, Object(esm["b" /* mdx */])(Heading["a" /* Heading */], {\n level: "h2",\n mdxType: "Heading"\n }, "Item 1"), Object(esm["b" /* mdx */])(Heading["a" /* Heading */], {\n level: "h2",\n mdxType: "Heading"\n }, "Item 2"), Object(esm["b" /* mdx */])(Heading["a" /* Heading */], {\n level: "h2",\n mdxType: "Heading"\n }, "Item 3"))), Object(esm["b" /* mdx */])("h2", {\n "id": "using-breakpoint-variables"\n }, "Using Breakpoint variables"), Object(esm["b" /* mdx */])("p", null, "Alternatively you can assemble the media query by importing the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "BREAKPOINT"), " variable from ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-core"), "."), Object(esm["b" /* mdx */])(dist["A" /* StoryNote */], {\n type: "warning",\n mdxType: "StoryNote"\n }, Object(esm["b" /* mdx */])("p", null, "We recommend using only ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "min-width"), " media queries in order to structure your code with a \\"mobile first\\" approach."), Object(esm["b" /* mdx */])("p", null, "Check out this ", Object(esm["b" /* mdx */])("a", {\n parentName: "p",\n "href": "https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "small article (3 min read)"), " for a quick explanation why.")), Object(esm["b" /* mdx */])(BreakpointList["a" /* BreakpointList */], {\n k: function k(key) {\n return Object(esm["b" /* mdx */])(react_default.a.Fragment, null, "@breakpoints[", key, "]");\n },\n v: function v(value) {\n return Object(esm["b" /* mdx */])("code", null, "(min-width: ", value, "px)");\n },\n mdxType: "BreakpointList"\n }), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-ts"\n }, "@import \'@preply/ds-web-core/dist/generated/breakpoints.less\';\\n\\n.some-css-class {\\n display: grid;\\n grid-template-columns: 1fr;\\n\\n @media (min-width: ${BREAKPOINT[\'medium-l\']}px) {\\n grid-template-columns: 1fr 4fr 1fr;\\n }\\n}\\n")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Custom Components/StyledComponents/Responsive\',\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_using_breakpoints_in_sc_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzIwLnNjL2V4YW1wbGVzL015U3R5bGVkQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzLnRzP2NmMTIiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8yMC5zYy8yMC51c2luZy1icmVha3BvaW50cy1pbi1zYy5zdG9yaWVzLm1keD84ZjZiIl0sIm5hbWVzIjpbIk15U3R5bGVkQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzIiwic3R5bGVkIiwiZGl2IiwibWluV2lkdGgiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwia2V5IiwidmFsdWUiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFDQTtBQUVPLElBQU1BLGdDQUFnQyxHQUFHQyxnREFBTSxDQUFDQyxHQUFWLG9NQUl2Q0Msa0NBQVEsQ0FBQyxVQUFELENBSitCLENBQXRDLEM7Ozs7Ozs7Ozs7Ozs7O0FDRlA7QUFDQTtBQUVBOztBQUNBOztBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0EsSUFBTUMsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7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QUFhO0FBRFosa1FBQUwsQ0EvREssQ0FBUDtBQTZFRDs7QUFqRlFQLFU7QUFtRlQ7QUFDQUEsVUFBVSxDQUFDUSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxzREFBVDtBQUFpRUgsWUFBVSxFQUFFO0FBQ2pHUixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywwQ0FBZUE7QUFEdEI7QUFEMkYsR0FBN0U7QUFJbkJVLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJSLElBQXpCLHFCQUNNVSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJSLElBQXpCLElBQWlDLEVBRHZDO0FBRUVjLE1BQUksRUFBRTtBQUFBLFdBQU0sMkJBQUMsOEJBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRiwyQkFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLHNIQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8yMC5zYy8yMC51c2luZy1icmVha3BvaW50cy1pbi1zYy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1pbldpZHRoIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IE15U3R5bGVkQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuXG4gICAgJHttaW5XaWR0aCgnbWVkaXVtLWwnKX0ge1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciA0ZnIgMWZyO1xuICAgIH1cbmA7XG4iLCJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBTdG9yeU5vdGUgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBCcmVha3BvaW50TGlzdCB9IGZyb20gJy4uLy4uLzUwLnJlc3BvbnNpdmUvY29tcG9uZW50cy9CcmVha3BvaW50TGlzdCc7XG5pbXBvcnQgeyBNeVN0eWxlZENvbXBvbmVudFdpdGhCcmVha3BvaW50cyB9IGZyb20gJy4vZXhhbXBsZXMvTXlTdHlsZWRDb21wb25lbnRXaXRoQnJlYWtwb2ludHMnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9DdXN0b20gQ29tcG9uZW50cy9TdHlsZWRDb21wb25lbnRzL1Jlc3BvbnNpdmVcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJzdHlsZWRjb21wb25lbnRzLXVzaW5nLWJyZWFrcG9pbnRzXCJcbiAgICB9fT57YFN0eWxlZENvbXBvbmVudHM6IFVzaW5nIGJyZWFrcG9pbnRzYH08L2gxPlxuICAgIDxTdG9yeU5vdGUgbWR4VHlwZT1cIlN0b3J5Tm90ZVwiPlxuICAgICAgPHA+e2BTdG9yeWJvb2sgaXMgcmVuZGVyaW5nIHRoaXMgcGFnZSBpbnNpZGUgb2YgYW4gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgaWZyYW1lYH08L2lubGluZUNvZGU+e2AhIFRoZSB3aWR0aCB0YWtlbiBpbnRvIGFjY291bnQgYnkgdGhlIG1lZGlhIHF1ZXJ5IGlzIHRoYXQgb2YgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGlmcmFtZWB9PC9pbmxpbmVDb2RlPntgIGFuZCBub3QgdGhlIGZ1bGwgdmlld3BvcnQgd2luZG93LiBIaWRlIFN0b3J5Ym9vaydzIG5hdmlnYXRpb24gc2lkZWJhciAob3IgcG9wIG91dCB0aGlzIHBhZ2UpIHRvIHByZXZpZXcgdGhlIG1lZGlhIHF1ZXJ5IGFnYWluc3QgdGhlIGZ1bGwgYnJvd3NlciB3aWR0aC5gfTwvcD5cbiAgICA8L1N0b3J5Tm90ZT5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJ1c2luZy10aGUtbWlud2lkdGgtbWl4aW5cIlxuICAgIH19PntgVXNpbmcgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgyXCI+e2BtaW5XaWR0aGB9PC9pbmxpbmVDb2RlPntgIG1peGluYH08L2gyPlxuICAgIDxwPntgSW1wb3J0IHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BtaW5XaWR0aChicmVha3BvaW50OiBCcmVha3BvaW50KWB9PC9pbmxpbmVDb2RlPntgIG1peGluIGZyb20gYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgQHByZXBseS9kcy13ZWItY29yZWB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDxwPjxzdHJvbmcgcGFyZW50TmFtZT1cInBcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwic3Ryb25nXCI+e2B0eXBlIEJyZWFrcG9pbnQgPWB9PC9pbmxpbmVDb2RlPntgIG9uZSBvZjpgfTwvc3Ryb25nPjwvcD5cbiAgICA8QnJlYWtwb2ludExpc3Qgaz17a2V5ID0+IDw+J3trZXl9JzwvPn0gdj17dmFsdWUgPT4gPGNvZGU+KG1pbi13aWR0aDoge3ZhbHVlfXB4KTwvY29kZT59IG1keFR5cGU9XCJCcmVha3BvaW50TGlzdFwiIC8+XG4gICAgPGgzIHsuLi57XG4gICAgICBcImlkXCI6IFwiZXhhbXBsZVwiXG4gICAgfX0+e2BFeGFtcGxlYH08L2gzPlxuICAgIDxwcmU+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHNcIlxuICAgICAgfX0+e2BpbXBvcnQgeyBtaW5XaWR0aCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBNeVN0eWxlZENvbXBvbmVudFdpdGhCcmVha3BvaW50cyA9IHN0eWxlZC5kaXZcXGBcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuXG4gICAgXFwke21pbldpZHRoKCdtZWRpdW0tbCcpfSB7XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDRmciAxZnI7XG4gICAgfVxuXFxgO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+e2BUaGUgZm9sbG93aW5nIGV4YW1wbGVzIHJlbmRlcnMgdGhlIGFib3ZlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YE15U3R5bGVkQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzYH08L2lubGluZUNvZGU+e2AuIENoYW5nZSB0aGUgYnJvd3NlcidzIHdpZHRoIHRvIHNlZSB0aGUgbGF5b3V0IGFsdGVybmF0ZSBiZXR3ZWVuIDEgYW5kIDMgY29sdW1ucy5gfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ015U3R5bGVkQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGVhZGluZyUyMGxldmVsPSUyMmgyJTIyJTNFSXRlbSUyMDElM0MvSGVhZGluZyUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0hlYWRpbmclMjBsZXZlbD0lMjJoMiUyMiUzRUl0ZW0lMjAyJTNDL0hlYWRpbmclM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NIZWFkaW5nJTIwbGV2ZWw9JTIyaDIlMjIlM0VJdGVtJTIwMyUzQy9IZWFkaW5nJTNFJTBBJTIwJTIwJTIwJTIwJTNDL015U3R5bGVkQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzJTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxNeVN0eWxlZENvbXBvbmVudFdpdGhCcmVha3BvaW50cyBtZHhUeXBlPVwiTXlTdHlsZWRDb21wb25lbnRXaXRoQnJlYWtwb2ludHNcIj5cbiAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoMlwiIG1keFR5cGU9XCJIZWFkaW5nXCI+SXRlbSAxPC9IZWFkaW5nPlxuICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgyXCIgbWR4VHlwZT1cIkhlYWRpbmdcIj5JdGVtIDI8L0hlYWRpbmc+XG4gICAgICAgIDxIZWFkaW5nIGxldmVsPVwiaDJcIiBtZHhUeXBlPVwiSGVhZGluZ1wiPkl0ZW0gMzwvSGVhZGluZz5cbiAgICA8L015U3R5bGVkQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzPlxuICAgIDwvQ2FudmFzPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcInVzaW5nLWJyZWFrcG9pbnQtdmFyaWFibGVzXCJcbiAgICB9fT57YFVzaW5nIEJyZWFrcG9pbnQgdmFyaWFibGVzYH08L2gyPlxuICAgIDxwPntgQWx0ZXJuYXRpdmVseSB5b3UgY2FuIGFzc2VtYmxlIHRoZSBtZWRpYSBxdWVyeSBieSBpbXBvcnRpbmcgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEJSRUFLUE9JTlRgfTwvaW5saW5lQ29kZT57YCB2YXJpYWJsZSBmcm9tIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBwcmVwbHkvZHMtY29yZWB9PC9pbmxpbmVDb2RlPntgLmB9PC9wPlxuICAgIDxTdG9yeU5vdGUgdHlwZT1cIndhcm5pbmdcIiBtZHhUeXBlPVwiU3RvcnlOb3RlXCI+XG4gICAgICA8cD57YFdlIHJlY29tbWVuZCB1c2luZyBvbmx5IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YG1pbi13aWR0aGB9PC9pbmxpbmVDb2RlPntgIG1lZGlhIHF1ZXJpZXMgaW4gb3JkZXIgdG8gc3RydWN0dXJlIHlvdXIgY29kZSB3aXRoIGEgXCJtb2JpbGUgZmlyc3RcIiBhcHByb2FjaC5gfTwvcD5cbiAgICAgIDxwPntgQ2hlY2sgb3V0IHRoaXMgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiaHR0cHM6Ly9tZWRpdW0uY29tL3N3bGgvdXNlLW1pbi13aWR0aC1ub3QtbWF4LXdpZHRoLWluLXlvdXItY3NzLWU2ODk4ZmNmNmE3OFwiLFxuICAgICAgICAgIFwidGFyZ2V0XCI6IFwiX2JsYW5rXCIsXG4gICAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgICAgfX0+e2BzbWFsbCBhcnRpY2xlICgzIG1pbiByZWFkKWB9PC9hPntgIGZvciBhIHF1aWNrIGV4cGxhbmF0aW9uIHdoeS5gfTwvcD5cbiAgICA8L1N0b3J5Tm90ZT5cbiAgICA8QnJlYWtwb2ludExpc3Qgaz17a2V5ID0+IDw+QGJyZWFrcG9pbnRzW3trZXl9XTwvPn0gdj17dmFsdWUgPT4gPGNvZGU+KG1pbi13aWR0aDoge3ZhbHVlfXB4KTwvY29kZT59IG1keFR5cGU9XCJCcmVha3BvaW50TGlzdFwiIC8+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS10c1wiXG4gICAgICB9fT57YEBpbXBvcnQgJ0BwcmVwbHkvZHMtd2ViLWNvcmUvZGlzdC9nZW5lcmF0ZWQvYnJlYWtwb2ludHMubGVzcyc7XG5cbi5zb21lLWNzcy1jbGFzcyB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcblxuICAgIEBtZWRpYSAobWluLXdpZHRoOiBcXCR7QlJFQUtQT0lOVFsnbWVkaXVtLWwnXX1weCkge1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciA0ZnIgMWZyO1xuICAgIH1cbn1cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL0N1c3RvbSBDb21wb25lbnRzL1N0eWxlZENvbXBvbmVudHMvUmVzcG9uc2l2ZScsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/60.components/20.sc/20.using-breakpoints-in-sc.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/60.components/20.sc/20.using-hover-in-sc.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\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 + 1 modules\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 + 63 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/Heading/Heading.js + 1 modules\nvar Heading = __webpack_require__("../../packages/web-lib/dist/components/Heading/Heading.js");\n\n// EXTERNAL MODULE: .-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx\nvar BreakpointList = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.slice.js\nvar es_array_slice = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/generated/tokens.js\nvar tokens = __webpack_require__("../../packages/core/dist/generated/tokens.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/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/packages/web-core/dist/hover/sc/mixins.js\nvar mixins = __webpack_require__("../../packages/web-core/dist/hover/sc/mixins.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/60.components/20.sc/examples/MyStyledComponentWithHover.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 MyStyledComponentWithHover = styled_components_browser_esm["b" /* default */].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n background: lightblue;\\n padding: ", ";\\n\\n ", ";\\n"])), Object(getTokenVar["a" /* getTokenVar */])(tokens["e" /* spacing */][16]), Object(mixins["a" /* onHover */])("\\n background: lightpink;\\n "));\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/60.components/20.sc/20.using-hover-in-sc.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\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/Custom Components/StyledComponents/Hover",\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": "styledcomponents-using-hover"\n }, "StyledComponents: Using hover"), Object(esm["b" /* mdx */])("h2", {\n "id": "using-the-onhover-mixin"\n }, "Using the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "h2"\n }, "onHover"), " mixin"), Object(esm["b" /* mdx */])("p", null, "Import the ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "onHover(content: string)"), " mixin from ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-core"), " package and use the mixin to show hover only for ", Object(esm["b" /* mdx */])("strong", null, "Desktops with mouse"), "."), Object(esm["b" /* mdx */])("h3", {\n "id": "example"\n }, "Example"), Object(esm["b" /* mdx */])("pre", null, Object(esm["b" /* mdx */])("code", {\n parentName: "pre",\n "className": "language-ts"\n }, "import { onHover } from \'@preply/ds-web-core\';\\nimport styled from \'styled-components\';\\n\\nexport const MyStyledComponentWithHover = styled.div`\\n background: lightblue;\\n\\n ${onHover(`\\n background: lightpink;\\n `)}\\n`;\\n")), Object(esm["b" /* mdx */])("p", null, "The following examples renders the above ", Object(esm["b" /* mdx */])("inlineCode", {\n parentName: "p"\n }, "MyStyledComponentWithHover"), "."), Object(esm["b" /* mdx */])(dist_esm["b" /* Canvas */], {\n mdxSource: "%0A%3CMyStyledComponentWithHover%3E%0A%20%20%20%20%20%20%20%20%3CHeading%20level=%22h2%22%3EHeading%3C/Heading%3E%0A%20%20%20%20%3C/MyStyledComponentWithHover%3E%0A",\n mdxType: "Canvas"\n }, Object(esm["b" /* mdx */])(MyStyledComponentWithHover, {\n mdxType: "MyStyledComponentWithHover"\n }, Object(esm["b" /* mdx */])(Heading["a" /* Heading */], {\n level: "h2",\n mdxType: "Heading"\n }, "Heading"))));\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/Custom Components/StyledComponents/Hover\',\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_using_hover_in_sc_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzIwLnNjL2V4YW1wbGVzL015U3R5bGVkQ29tcG9uZW50V2l0aEhvdmVyLnRzP2ZjODAiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8yMC5zYy8yMC51c2luZy1ob3Zlci1pbi1zYy5zdG9yaWVzLm1keD9lN2RhIl0sIm5hbWVzIjpbIk15U3R5bGVkQ29tcG9uZW50V2l0aEhvdmVyIiwic3R5bGVkIiwiZGl2IiwidCIsInNwYWNpbmciLCJvbkhvdmVyIiwibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUVPLElBQU1BLDBCQUEwQixHQUFHQyxnREFBTSxDQUFDQyxHQUFWLDBJQUV4QkMsMENBQUMsQ0FBQ0MseUJBQU8sQ0FBQyxFQUFELENBQVIsQ0FGdUIsRUFJakNDLGlDQUFPLDBDQUowQixDQUFoQyxDOzs7Ozs7Ozs7Ozs7OztBQ0hQO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUdBLElBQU1DLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sMkJBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU9MLDJCQUFDLHdCQUFEO0FBQU0sU0FBSyxFQUFDLGlEQUFaO0FBQThELGNBQVUsRUFBRTtBQUN4RUUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLDBDQUFlQTtBQUR0QjtBQURrRSxLQUExRTtBQUlHLFdBQU8sRUFBQztBQUpYLElBUEssRUFZTCwyQkFBQyxzQ0FBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVpLLEVBYUw7QUFDRSxVQUFNO0FBRFIscUNBYkssRUFnQkw7QUFDRSxVQUFNO0FBRFIsbUJBRWlCO0FBQVksY0FBVSxFQUFDO0FBQXZCLGVBRmpCLFdBaEJLLEVBbUJMLHFEQUFrQjtBQUFZLGNBQVUsRUFBQztBQUF2QixnQ0FBbEIsa0JBQXNHO0FBQVksY0FBVSxFQUFDO0FBQXZCLDJCQUF0Ryx3REFBMk4saUVBQTNOLE1BbkJLLEVBb0JMO0FBQ0UsVUFBTTtBQURSLGVBcEJLLEVBdUJMLHdDQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWixzUEFBTCxDQXZCSyxFQW9DTCxtRkFBZ0Q7QUFBWSxjQUFVLEVBQUM7QUFBdkIsa0NBQWhELE1BcENLLEVBcUNMLDJCQUFDLDBCQUFEO0FBQVEsYUFBUyxFQUFDLHNLQUFsQjtBQUF5TCxXQUFPLEVBQUM7QUFBak0sS0FDQSwyQkFBQywwQkFBRDtBQUE0QixXQUFPLEVBQUM7QUFBcEMsS0FDSSwyQkFBQywwQkFBRDtBQUFTLFNBQUssRUFBQyxJQUFmO0FBQW9CLFdBQU8sRUFBQztBQUE1QixlQURKLENBREEsQ0FyQ0ssQ0FBUDtBQTJDRDs7QUEvQ1FMLFU7QUFpRFQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSxpREFBVDtBQUE0REgsWUFBVSxFQUFFO0FBQzVGTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywwQ0FBZUE7QUFEdEI7QUFEc0YsR0FBeEU7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sMkJBQUMsOEJBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRiwyQkFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLGdIQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8yMC5zYy8yMC51c2luZy1ob3Zlci1pbi1zYy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHNwYWNpbmcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgb25Ib3ZlciwgZ2V0VG9rZW5WYXIgYXMgdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBNeVN0eWxlZENvbXBvbmVudFdpdGhIb3ZlciA9IHN0eWxlZC5kaXZgXG4gICAgYmFja2dyb3VuZDogbGlnaHRibHVlO1xuICAgIHBhZGRpbmc6ICR7dChzcGFjaW5nWzE2XSl9O1xuXG4gICAgJHtvbkhvdmVyKGBcbiAgICAgICAgYmFja2dyb3VuZDogbGlnaHRwaW5rO1xuICAgIGApfTtcbmA7XG4iLCJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIsIFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBTdG9yeU5vdGUgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IENhbnZhcywgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5pbXBvcnQgeyBCcmVha3BvaW50TGlzdCB9IGZyb20gJy4uLy4uLzUwLnJlc3BvbnNpdmUvY29tcG9uZW50cy9CcmVha3BvaW50TGlzdCc7XG5pbXBvcnQgeyBNeVN0eWxlZENvbXBvbmVudFdpdGhIb3ZlciB9IGZyb20gJy4vZXhhbXBsZXMvTXlTdHlsZWRDb21wb25lbnRXaXRoSG92ZXInO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9DdXN0b20gQ29tcG9uZW50cy9TdHlsZWRDb21wb25lbnRzL0hvdmVyXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwic3R5bGVkY29tcG9uZW50cy11c2luZy1ob3ZlclwiXG4gICAgfX0+e2BTdHlsZWRDb21wb25lbnRzOiBVc2luZyBob3ZlcmB9PC9oMT5cbiAgICA8aDIgey4uLntcbiAgICAgIFwiaWRcIjogXCJ1c2luZy10aGUtb25ob3Zlci1taXhpblwiXG4gICAgfX0+e2BVc2luZyB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwiaDJcIj57YG9uSG92ZXJgfTwvaW5saW5lQ29kZT57YCBtaXhpbmB9PC9oMj5cbiAgICA8cD57YEltcG9ydCB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgb25Ib3Zlcihjb250ZW50OiBzdHJpbmcpYH08L2lubGluZUNvZGU+e2AgbWl4aW4gZnJvbSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BAcHJlcGx5L2RzLXdlYi1jb3JlYH08L2lubGluZUNvZGU+e2AgcGFja2FnZSBhbmQgdXNlIHRoZSBtaXhpbiB0byBzaG93IGhvdmVyIG9ubHkgZm9yIGB9PHN0cm9uZz57YERlc2t0b3BzIHdpdGggbW91c2VgfTwvc3Ryb25nPntgLmB9PC9wPlxuICAgIDxoMyB7Li4ue1xuICAgICAgXCJpZFwiOiBcImV4YW1wbGVcIlxuICAgIH19PntgRXhhbXBsZWB9PC9oMz5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXRzXCJcbiAgICAgIH19PntgaW1wb3J0IHsgb25Ib3ZlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBNeVN0eWxlZENvbXBvbmVudFdpdGhIb3ZlciA9IHN0eWxlZC5kaXZcXGBcbiAgICBiYWNrZ3JvdW5kOiBsaWdodGJsdWU7XG5cbiAgICBcXCR7b25Ib3ZlcihcXGBcbiAgICAgICAgYmFja2dyb3VuZDogbGlnaHRwaW5rO1xuICAgIFxcYCl9XG5cXGA7XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFRoZSBmb2xsb3dpbmcgZXhhbXBsZXMgcmVuZGVycyB0aGUgYWJvdmUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgTXlTdHlsZWRDb21wb25lbnRXaXRoSG92ZXJgfTwvaW5saW5lQ29kZT57YC5gfTwvcD5cbiAgICA8Q2FudmFzIG1keFNvdXJjZT1cIiUwQSUzQ015U3R5bGVkQ29tcG9uZW50V2l0aEhvdmVyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDSGVhZGluZyUyMGxldmVsPSUyMmgyJTIyJTNFSGVhZGluZyUzQy9IZWFkaW5nJTNFJTBBJTIwJTIwJTIwJTIwJTNDL015U3R5bGVkQ29tcG9uZW50V2l0aEhvdmVyJTNFJTBBXCIgbWR4VHlwZT1cIkNhbnZhc1wiPlxuICAgIDxNeVN0eWxlZENvbXBvbmVudFdpdGhIb3ZlciBtZHhUeXBlPVwiTXlTdHlsZWRDb21wb25lbnRXaXRoSG92ZXJcIj5cbiAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoMlwiIG1keFR5cGU9XCJIZWFkaW5nXCI+SGVhZGluZzwvSGVhZGluZz5cbiAgICA8L015U3R5bGVkQ29tcG9uZW50V2l0aEhvdmVyPlxuICAgIDwvQ2FudmFzPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL0N1c3RvbSBDb21wb25lbnRzL1N0eWxlZENvbXBvbmVudHMvSG92ZXInLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/60.components/20.sc/20.using-hover-in-sc.stories.mdx\n')},"./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithBreakpoints.module.less":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js");\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/css-loader/dist/runtime/api.js");\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default.a);\n// Module\n___CSS_LOADER_EXPORT___.push([module.i, "/* AUTO GENERATED @Fri Oct 06 2023 17:06:59 GMT+0000 (Coordinated Universal Time) */\\n/* AUTO GENERATED @Fri Oct 06 2023 17:07:01 GMT+0000 (Coordinated Universal Time) */\\n._1xZbja {\\n display: grid;\\n /* base rules (mobile first!) */\\n grid-template-columns: 1fr;\\n gap: var(--743802);\\n}\\n@media (min-width: 880px) {\\n ._1xZbja {\\n grid-template-columns: 1fr 4fr 1fr;\\n }\\n}\\n", "",{"version":3,"sources":["webpack://./../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithBreakpoints.module.less"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,mFAAmF;AAEnF;EACI,aAAA;EAAF,+BAA+B;EAC7B,0BAAA;EACA,kBAAA;AACJ;AACI;EAAA;IACI,kCAAA;EAEN;AACF","sourcesContent":["@import \'@preply/ds-web-core/dist/generated/tokens.less\';\\n@import \'@preply/ds-web-core/dist/generated/breakpoints.less\';\\n\\n.MyComponent {\\n display: grid; /* base rules (mobile first!) */\\n grid-template-columns: 1fr;\\n gap: @root-space-s;\\n\\n @media @medium-l {\\n grid-template-columns: 1fr 4fr 1fr;\\n }\\n}\\n"],"sourceRoot":""}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t"MyComponent": "_1xZbja"\n};\n/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvZXhhbXBsZXMvTXlMZXNzQ29tcG9uZW50V2l0aEJyZWFrcG9pbnRzLm1vZHVsZS5sZXNzP2FmM2QiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUM2STtBQUM3QjtBQUNoSCw4QkFBOEIsd0ZBQTJCLENBQUMsMkdBQXFDO0FBQy9GO0FBQ0EsOEJBQThCLFFBQVMseUxBQXlMLGtCQUFrQixtRUFBbUUsdUJBQXVCLEdBQUcsNkJBQTZCLGNBQWMseUNBQXlDLEtBQUssR0FBRyxTQUFTLHNMQUFzTCxhQUFhLE1BQU0sVUFBVSxZQUFZLFlBQVksV0FBVyxLQUFLLEtBQUssS0FBSyxXQUFXLEtBQUssa0ZBQWtGLGdFQUFnRSxrQkFBa0Isb0JBQW9CLGtFQUFrRSx5QkFBeUIsMEJBQTBCLDZDQUE2QyxPQUFPLEdBQUcscUJBQXFCO0FBQ2xrQztBQUNBO0FBQ0E7QUFDQTtBQUNlLGdGQUF1QixFQUFDIiwiZmlsZSI6Ii4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9janMuanM/IS4uLy4uL25vZGVfbW9kdWxlcy9wb3N0Y3NzLWxvYWRlci9kaXN0L2Nqcy5qcz8hLi4vLi4vbm9kZV9tb2R1bGVzL2xlc3MtbG9hZGVyL2Rpc3QvY2pzLmpzIS4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8xMC5sZXNzL2V4YW1wbGVzL015TGVzc0NvbXBvbmVudFdpdGhCcmVha3BvaW50cy5tb2R1bGUubGVzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEltcG9ydHNcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fIGZyb20gXCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kb2NzL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9jc3NXaXRoTWFwcGluZ1RvU3RyaW5nLmpzXCI7XG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fIGZyb20gXCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kb2NzL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9hcGkuanNcIjtcbnZhciBfX19DU1NfTE9BREVSX0VYUE9SVF9fXyA9IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyhfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fKTtcbi8vIE1vZHVsZVxuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18ucHVzaChbbW9kdWxlLmlkLCBcIi8qIEFVVE8gR0VORVJBVEVEIEBGcmkgT2N0IDA2IDIwMjMgMTc6MDY6NTkgR01UKzAwMDAgKENvb3JkaW5hdGVkIFVuaXZlcnNhbCBUaW1lKSAqL1xcbi8qIEFVVE8gR0VORVJBVEVEIEBGcmkgT2N0IDA2IDIwMjMgMTc6MDc6MDEgR01UKzAwMDAgKENvb3JkaW5hdGVkIFVuaXZlcnNhbCBUaW1lKSAqL1xcbi5fMXhaYmphIHtcXG4gIGRpc3BsYXk6IGdyaWQ7XFxuICAvKiBiYXNlIHJ1bGVzIChtb2JpbGUgZmlyc3QhKSAqL1xcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XFxuICBnYXA6IHZhcigtLTc0MzgwMik7XFxufVxcbkBtZWRpYSAobWluLXdpZHRoOiA4ODBweCkge1xcbiAgLl8xeFpiamEge1xcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciA0ZnIgMWZyO1xcbiAgfVxcbn1cXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi8uLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoQnJlYWtwb2ludHMubW9kdWxlLmxlc3NcIl0sXCJuYW1lc1wiOltdLFwibWFwcGluZ3NcIjpcIkFBQUEsbUZBQW1GO0FBQ25GLG1GQUFtRjtBQUVuRjtFQUNJLGFBQUE7RUFBRiwrQkFBK0I7RUFDN0IsMEJBQUE7RUFDQSxrQkFBQTtBQUNKO0FBQ0k7RUFBQTtJQUNJLGtDQUFBO0VBRU47QUFDRlwiLFwic291cmNlc0NvbnRlbnRcIjpbXCJAaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL3Rva2Vucy5sZXNzJztcXG5AaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL2JyZWFrcG9pbnRzLmxlc3MnO1xcblxcbi5NeUNvbXBvbmVudCB7XFxuICAgIGRpc3BsYXk6IGdyaWQ7IC8qIGJhc2UgcnVsZXMgKG1vYmlsZSBmaXJzdCEpICovXFxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xcbiAgICBnYXA6IEByb290LXNwYWNlLXM7XFxuXFxuICAgIEBtZWRpYSBAbWVkaXVtLWwge1xcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgNGZyIDFmcjtcXG4gICAgfVxcbn1cXG5cIl0sXCJzb3VyY2VSb290XCI6XCJcIn1dKTtcbi8vIEV4cG9ydHNcbl9fX0NTU19MT0FERVJfRVhQT1JUX19fLmxvY2FscyA9IHtcblx0XCJNeUNvbXBvbmVudFwiOiBcIl8xeFpiamFcIlxufTtcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithBreakpoints.module.less\n')},"./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithHover.module.less":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js");\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/css-loader/dist/runtime/api.js");\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default.a);\n// Module\n___CSS_LOADER_EXPORT___.push([module.i, "/* AUTO GENERATED @Fri Oct 06 2023 17:06:59 GMT+0000 (Coordinated Universal Time) */\\n/* AUTO GENERATED @Fri Oct 06 2023 17:07:01 GMT+0000 (Coordinated Universal Time) */\\n.cy8XOV {\\n background: lightblue;\\n padding: var(--558c4c);\\n}\\n@media (hover: hover) and (pointer: fine) {\\n .cy8XOV:hover {\\n background: lightpink;\\n }\\n}\\n", "",{"version":3,"sources":["webpack://./../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithHover.module.less","webpack://./../../packages/web-core/dist/generated/hover.less"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,mFAAmF;AAEnF;EACI,qBAAA;EACA,sBAAA;AAAJ;ACFI;EACI;IDIA,qBAAA;EACN;AACF","sourcesContent":["@import \'@preply/ds-web-core/dist/generated/tokens.less\';\\n@import \'@preply/ds-web-core/dist/generated/hover.less\';\\n\\n.MyComponent {\\n background: lightblue;\\n padding: @spacing-16;\\n\\n .onHover({\\n background: lightpink;\\n });\\n}\\n","/* AUTO GENERATED @Fri Oct 06 2023 17:07:01 GMT+0000 (Coordinated Universal Time) */\\n\\n.onHover(@styles) {\\n @media (hover: hover) and (pointer: fine) {\\n &:hover {\\n @styles();\\n }\\n }\\n}\\n"],"sourceRoot":""}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t"MyComponent": "cy8XOV"\n};\n/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvZXhhbXBsZXMvTXlMZXNzQ29tcG9uZW50V2l0aEhvdmVyLm1vZHVsZS5sZXNzPzg3NDUiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUM2STtBQUM3QjtBQUNoSCw4QkFBOEIsd0ZBQTJCLENBQUMsMkdBQXFDO0FBQy9GO0FBQ0EsOEJBQThCLFFBQVMsd0xBQXdMLDBCQUEwQiwyQkFBMkIsR0FBRyw2Q0FBNkMsbUJBQW1CLDRCQUE0QixLQUFLLEdBQUcsU0FBUyxnUEFBZ1AsYUFBYSxNQUFNLFdBQVcsV0FBVyxLQUFLLEtBQUssS0FBSyxXQUFXLEtBQUssa0ZBQWtGLDBEQUEwRCxrQkFBa0IsNEJBQTRCLDJCQUEyQixrQkFBa0IsZ0NBQWdDLE9BQU8sRUFBRSxHQUFHLGdIQUFnSCxpREFBaUQsbUJBQW1CLHdCQUF3QixXQUFXLE9BQU8sR0FBRyxxQkFBcUI7QUFDcnNDO0FBQ0E7QUFDQTtBQUNBO0FBQ2UsZ0ZBQXVCLEVBQUMiLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlci9kaXN0L2Nqcy5qcz8hLi4vLi4vbm9kZV9tb2R1bGVzL3Bvc3Rjc3MtbG9hZGVyL2Rpc3QvY2pzLmpzPyEuLi8uLi9ub2RlX21vZHVsZXMvbGVzcy1sb2FkZXIvZGlzdC9janMuanMhLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvZXhhbXBsZXMvTXlMZXNzQ29tcG9uZW50V2l0aEhvdmVyLm1vZHVsZS5sZXNzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gSW1wb3J0c1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18gZnJvbSBcIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2Nzc1dpdGhNYXBwaW5nVG9TdHJpbmcuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qc1wiO1xudmFyIF9fX0NTU19MT0FERVJfRVhQT1JUX19fID0gX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fKF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18pO1xuLy8gTW9kdWxlXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5wdXNoKFttb2R1bGUuaWQsIFwiLyogQVVUTyBHRU5FUkFURUQgQEZyaSBPY3QgMDYgMjAyMyAxNzowNjo1OSBHTVQrMDAwMCAoQ29vcmRpbmF0ZWQgVW5pdmVyc2FsIFRpbWUpICovXFxuLyogQVVUTyBHRU5FUkFURUQgQEZyaSBPY3QgMDYgMjAyMyAxNzowNzowMSBHTVQrMDAwMCAoQ29vcmRpbmF0ZWQgVW5pdmVyc2FsIFRpbWUpICovXFxuLmN5OFhPViB7XFxuICBiYWNrZ3JvdW5kOiBsaWdodGJsdWU7XFxuICBwYWRkaW5nOiB2YXIoLS01NThjNGMpO1xcbn1cXG5AbWVkaWEgKGhvdmVyOiBob3ZlcikgYW5kIChwb2ludGVyOiBmaW5lKSB7XFxuICAuY3k4WE9WOmhvdmVyIHtcXG4gICAgYmFja2dyb3VuZDogbGlnaHRwaW5rO1xcbiAgfVxcbn1cXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi8uLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoSG92ZXIubW9kdWxlLmxlc3NcIixcIndlYnBhY2s6Ly8uLy4uLy4uL3BhY2thZ2VzL3dlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL2hvdmVyLmxlc3NcIl0sXCJuYW1lc1wiOltdLFwibWFwcGluZ3NcIjpcIkFBQUEsbUZBQW1GO0FBQ25GLG1GQUFtRjtBQUVuRjtFQUNJLHFCQUFBO0VBQ0Esc0JBQUE7QUFBSjtBQ0ZJO0VBQ0k7SURJQSxxQkFBQTtFQUNOO0FBQ0ZcIixcInNvdXJjZXNDb250ZW50XCI6W1wiQGltcG9ydCAnQHByZXBseS9kcy13ZWItY29yZS9kaXN0L2dlbmVyYXRlZC90b2tlbnMubGVzcyc7XFxuQGltcG9ydCAnQHByZXBseS9kcy13ZWItY29yZS9kaXN0L2dlbmVyYXRlZC9ob3Zlci5sZXNzJztcXG5cXG4uTXlDb21wb25lbnQge1xcbiAgICBiYWNrZ3JvdW5kOiBsaWdodGJsdWU7XFxuICAgIHBhZGRpbmc6IEBzcGFjaW5nLTE2O1xcblxcbiAgICAub25Ib3Zlcih7XFxuICAgICAgICBiYWNrZ3JvdW5kOiBsaWdodHBpbms7XFxuICAgIH0pO1xcbn1cXG5cIixcIi8qIEFVVE8gR0VORVJBVEVEIEBGcmkgT2N0IDA2IDIwMjMgMTc6MDc6MDEgR01UKzAwMDAgKENvb3JkaW5hdGVkIFVuaXZlcnNhbCBUaW1lKSAqL1xcblxcbi5vbkhvdmVyKEBzdHlsZXMpIHtcXG4gICAgQG1lZGlhIChob3ZlcjogaG92ZXIpIGFuZCAocG9pbnRlcjogZmluZSkge1xcbiAgICAgICAgJjpob3ZlciB7XFxuICAgICAgICAgICAgQHN0eWxlcygpO1xcbiAgICAgICAgfVxcbiAgICB9XFxufVxcblwiXSxcInNvdXJjZVJvb3RcIjpcIlwifV0pO1xuLy8gRXhwb3J0c1xuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18ubG9jYWxzID0ge1xuXHRcIk15Q29tcG9uZW50XCI6IFwiY3k4WE9WXCJcbn07XG5leHBvcnQgZGVmYXVsdCBfX19DU1NfTE9BREVSX0VYUE9SVF9fXztcbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithHover.module.less\n')},"./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithTokens.module.less":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js");\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/css-loader/dist/runtime/api.js");\n/* harmony import */ var _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _docs_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_docs_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default.a);\n// Module\n___CSS_LOADER_EXPORT___.push([module.i, "/* AUTO GENERATED @Fri Oct 06 2023 17:06:59 GMT+0000 (Coordinated Universal Time) */\\n.cO9VXQ {\\n color: var(--d2baa6);\\n background-color: var(--508b34);\\n border-radius: var(--8d5131);\\n}\\n.SaWP1t {\\n padding: var(--743802);\\n}\\n.dOhvkw {\\n padding: var(--39ce90);\\n}\\n.kF4Y5e {\\n padding: var(--28cff1);\\n}\\n", "",{"version":3,"sources":["webpack://./../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithTokens.module.less"],"names":[],"mappings":"AAAA,mFAAmF;AAEnF;EACI,oBAAA;EACA,+BAAA;EACA,4BAAA;AAAJ;AAEI;EACI,sBAAA;AAAR;AAGI;EACI,sBAAA;AADR;AAII;EACI,sBAAA;AAFR","sourcesContent":["@import \'@preply/ds-web-core/dist/generated/tokens.less\';\\n\\n.MyComponent {\\n color: @action-variant-primary-color;\\n background-color: @action-variant-primary-bgColor;\\n border-radius: @action-base-borderRadius;\\n\\n &--padding-s {\\n padding: @root-space-s;\\n }\\n\\n &--padding-m {\\n padding: @root-space-m;\\n }\\n\\n &--padding-l {\\n padding: @root-space-l;\\n }\\n}\\n"],"sourceRoot":""}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t"MyComponent": "cO9VXQ",\n\t"MyComponent--padding-s": "SaWP1t",\n\t"MyComponent--padding-m": "dOhvkw",\n\t"MyComponent--padding-l": "kF4Y5e"\n};\n/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvZXhhbXBsZXMvTXlMZXNzQ29tcG9uZW50V2l0aFRva2Vucy5tb2R1bGUubGVzcz8xZWFlIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDNkk7QUFDN0I7QUFDaEgsOEJBQThCLHdGQUEyQixDQUFDLDJHQUFxQztBQUMvRjtBQUNBLDhCQUE4QixRQUFTLGtHQUFrRyx5QkFBeUIsb0NBQW9DLGlDQUFpQyxHQUFHLFdBQVcsMkJBQTJCLEdBQUcsV0FBVywyQkFBMkIsR0FBRyxXQUFXLDJCQUEyQixHQUFHLFNBQVMsaUxBQWlMLE1BQU0sV0FBVyxXQUFXLFdBQVcsS0FBSyxLQUFLLFdBQVcsS0FBSyxLQUFLLFdBQVcsS0FBSyxLQUFLLFdBQVcsa0ZBQWtGLGtCQUFrQiwyQ0FBMkMsd0RBQXdELCtDQUErQyxzQkFBc0IsaUNBQWlDLE9BQU8sc0JBQXNCLGlDQUFpQyxPQUFPLHNCQUFzQixpQ0FBaUMsT0FBTyxHQUFHLHFCQUFxQjtBQUM3a0M7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDZSxnRkFBdUIsRUFBQyIsImZpbGUiOiIuL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvY2pzLmpzPyEuLi8uLi9ub2RlX21vZHVsZXMvcG9zdGNzcy1sb2FkZXIvZGlzdC9janMuanM/IS4uLy4uL25vZGVfbW9kdWxlcy9sZXNzLWxvYWRlci9kaXN0L2Nqcy5qcyEuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zLm1vZHVsZS5sZXNzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gSW1wb3J0c1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18gZnJvbSBcIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2Nzc1dpdGhNYXBwaW5nVG9TdHJpbmcuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qc1wiO1xudmFyIF9fX0NTU19MT0FERVJfRVhQT1JUX19fID0gX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fKF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18pO1xuLy8gTW9kdWxlXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5wdXNoKFttb2R1bGUuaWQsIFwiLyogQVVUTyBHRU5FUkFURUQgQEZyaSBPY3QgMDYgMjAyMyAxNzowNjo1OSBHTVQrMDAwMCAoQ29vcmRpbmF0ZWQgVW5pdmVyc2FsIFRpbWUpICovXFxuLmNPOVZYUSB7XFxuICBjb2xvcjogdmFyKC0tZDJiYWE2KTtcXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLTUwOGIzNCk7XFxuICBib3JkZXItcmFkaXVzOiB2YXIoLS04ZDUxMzEpO1xcbn1cXG4uU2FXUDF0IHtcXG4gIHBhZGRpbmc6IHZhcigtLTc0MzgwMik7XFxufVxcbi5kT2h2a3cge1xcbiAgcGFkZGluZzogdmFyKC0tMzljZTkwKTtcXG59XFxuLmtGNFk1ZSB7XFxuICBwYWRkaW5nOiB2YXIoLS0yOGNmZjEpO1xcbn1cXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi8uLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zLm1vZHVsZS5sZXNzXCJdLFwibmFtZXNcIjpbXSxcIm1hcHBpbmdzXCI6XCJBQUFBLG1GQUFtRjtBQUVuRjtFQUNJLG9CQUFBO0VBQ0EsK0JBQUE7RUFDQSw0QkFBQTtBQUFKO0FBRUk7RUFDSSxzQkFBQTtBQUFSO0FBR0k7RUFDSSxzQkFBQTtBQURSO0FBSUk7RUFDSSxzQkFBQTtBQUZSXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIkBpbXBvcnQgJ0BwcmVwbHkvZHMtd2ViLWNvcmUvZGlzdC9nZW5lcmF0ZWQvdG9rZW5zLmxlc3MnO1xcblxcbi5NeUNvbXBvbmVudCB7XFxuICAgIGNvbG9yOiBAYWN0aW9uLXZhcmlhbnQtcHJpbWFyeS1jb2xvcjtcXG4gICAgYmFja2dyb3VuZC1jb2xvcjogQGFjdGlvbi12YXJpYW50LXByaW1hcnktYmdDb2xvcjtcXG4gICAgYm9yZGVyLXJhZGl1czogQGFjdGlvbi1iYXNlLWJvcmRlclJhZGl1cztcXG5cXG4gICAgJi0tcGFkZGluZy1zIHtcXG4gICAgICAgIHBhZGRpbmc6IEByb290LXNwYWNlLXM7XFxuICAgIH1cXG5cXG4gICAgJi0tcGFkZGluZy1tIHtcXG4gICAgICAgIHBhZGRpbmc6IEByb290LXNwYWNlLW07XFxuICAgIH1cXG5cXG4gICAgJi0tcGFkZGluZy1sIHtcXG4gICAgICAgIHBhZGRpbmc6IEByb290LXNwYWNlLWw7XFxuICAgIH1cXG59XFxuXCJdLFwic291cmNlUm9vdFwiOlwiXCJ9XSk7XG4vLyBFeHBvcnRzXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5sb2NhbHMgPSB7XG5cdFwiTXlDb21wb25lbnRcIjogXCJjTzlWWFFcIixcblx0XCJNeUNvbXBvbmVudC0tcGFkZGluZy1zXCI6IFwiU2FXUDF0XCIsXG5cdFwiTXlDb21wb25lbnQtLXBhZGRpbmctbVwiOiBcImRPaHZrd1wiLFxuXHRcIk15Q29tcG9uZW50LS1wYWRkaW5nLWxcIjogXCJrRjRZNWVcIlxufTtcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/css-loader/dist/cjs.js?!../../node_modules/postcss-loader/dist/cjs.js?!../../node_modules/less-loader/dist/cjs.js!../docs-pages/docs/pages/30.guides/60.components/10.less/examples/MyLessComponentWithTokens.module.less\n')}},[[0,17,19,21,24,23,18,20,22,5,8,7,6,9,10,15,16,11,12,13,4]]]);