@preply/ds-docs 0.58.1 → 0.58.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/iframe.html +1 -1
  2. package/dist/main~033a9638.f82e7384.iframe.bundle.js +1 -0
  3. package/dist/{main~493df0b3.1bb0d8d0.iframe.bundle.js → main~493df0b3.0fd96468.iframe.bundle.js} +1 -1
  4. package/dist/main~56f663e1.2ccb3f8a.iframe.bundle.js +1 -0
  5. package/dist/{main~5ca4ce4f.3989cc2a.iframe.bundle.js → main~5ca4ce4f.a7092d2a.iframe.bundle.js} +1 -1
  6. package/dist/{main~6dcfc2f7.3c9d182f.iframe.bundle.js → main~6dcfc2f7.11c89c8b.iframe.bundle.js} +1 -1
  7. package/dist/{main~86e34a24.8e2eac33.iframe.bundle.js → main~86e34a24.976f2870.iframe.bundle.js} +1 -1
  8. package/dist/{main~ac44be07.d3ce3c35.iframe.bundle.js → main~ac44be07.e66d8cdd.iframe.bundle.js} +1 -1
  9. package/dist/main~adec5aba.323ae51c.iframe.bundle.js +1 -0
  10. package/dist/main~c6ee89b6.dd47a9e2.iframe.bundle.js +1 -0
  11. package/dist/web-lib/src/components/IconButton/docs/static/icon-with-title-attribute.png +0 -0
  12. package/package.json +2 -2
  13. package/dist/main~033a9638.f6a2de04.iframe.bundle.js +0 -1
  14. package/dist/main~56f663e1.bb9eae69.iframe.bundle.js +0 -1
  15. package/dist/main~adec5aba.343401e4.iframe.bundle.js +0 -1
  16. package/dist/main~c6ee89b6.eaccbec2.iframe.bundle.js +0 -1
package/dist/main~c6ee89b6.eaccbec2.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[13],{"../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/Y2I2YyJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBR0EsSUFBTUEsV0FBVyxHQUFHLEVBQXBCO0FBR0EsSUFBTUMsU0FBUyxHQUFHLFNBQWxCOztBQUNBLFNBQVNDLFVBQVQsT0FHRztBQUFBLE1BRkRDLFVBRUMsUUFGREEsVUFFQztBQUFBLE1BREVDLEtBQ0Y7O0FBQ0QsU0FBTyxrRUFBQyxTQUFELGVBQWVKLFdBQWYsRUFBZ0NJLEtBQWhDO0FBQXVDLGNBQVUsRUFBRUQsVUFBbkQ7QUFBK0QsV0FBTyxFQUFDO0FBQXZFLE1BS0wsa0VBQUMsa0VBQUQ7QUFBTSxTQUFLLEVBQUMseUJBQVo7QUFBc0MsY0FBVSxFQUFFO0FBQ2hERSxVQUFJLEVBQUU7QUFDSkMsaUJBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDBDLEtBQWxEO0FBSUcsV0FBTyxFQUFDO0FBSlgsSUFMSyxFQVVMO0FBQ0UsVUFBTTtBQURSLHNDQVZLLEVBYUwsZ0pBQXNFO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDbEUsWUFBUTtBQUQwRCxrQ0FBdEUsWUFiSyxFQWdCTDtBQUNFLFVBQU07QUFEUixnQkFoQkssRUFtQkwsNkhBQW1E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LE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDRFQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMDAuaW5zdGFsbGF0aW9uLzEwLnNzci5zdG9yaWVzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvSW5zdGFsbGF0aW9uL1NTUlwiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+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 */ "i"],\n defaultValue: _preply_ds_core__WEBPACK_IMPORTED_MODULE_8__[/* COLOR_SCHEME_DEFAULT */ "h"],\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=%22quaternary%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=%22quaternary%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: "quaternary",\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: "quaternary",\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+PGNvZGUgcGFyZW50TmFtZT1cInByZVwiIHsuLi57XG4gICAgICAgIFwiY2xhc3NOYW1lXCI6IFwibGFuZ3VhZ2UtdHN4XCJcbiAgICAgIH19PntgaW1wb3J0IHR5cGUgeyBXaXRoQ29sb3JTY2hlbWVQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgd2l0aENvbG9yU2NoZW1lIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5cbmV4cG9ydCBjb25zdCBNeUNvbXBvbmVudEJhc2U6IEZDPFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7IGNvbG9yU2NoZW1lQ2xhc3NOYW1lLCBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lID0gY29sb3JTY2hlbWVDbGFzc05hbWUgfHwgJyc7XG4gICAgY29uc3Qgc3R5bGUgPSB7IGRpc3BsYXk6ICdmbGV4JywgZ2FwOiAnMTZweCcsIGFsaWduSXRlbXM6ICdjZW50ZXInLCBwYWRkaW5nOiAnMTZweCcgfTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IE15Q29tcG9uZW50ID0gd2l0aENvbG9yU2NoZW1lKE15Q29tcG9uZW50QmFzZSk7XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFlvdSBjYW4gdGhlbiBwcm92aWRlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YGNvbG9yU2NoZW1lPXtuYW1lfWB9PC9pbmxpbmVDb2RlPntgIGRpcmVjdGx5IHRvIHlvdXIgY29tcG9uZW50LmB9PC9wPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDTXlDb21wb25lbnQlMjBjb2xvclNjaGVtZT0lMjJpbnZlcnQlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lM0VTYXZlJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIycXVhdGVybmFyeSUyMiUzRUNhbmNlbCUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NNeUNvbXBvbmVudCUyMGNvbG9yU2NoZW1lPSUyMmJhc2UlMjIlM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0NCdXR0b24lM0VTYXZlJTNDL0J1dHRvbiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ0J1dHRvbiUyMHZhcmlhbnQ9JTIycXVhdGVybmFyeSUyMiUzRUNhbmNlbCUzQy9CdXR0b24lM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAlM0MvTXlDb21wb25lbnQlM0UlMEElMjAlMjAlMjAlMjAlM0MvTXlDb21wb25lbnQlM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPE15Q29tcG9uZW50IGNvbG9yU2NoZW1lPVwiaW52ZXJ0XCIgbWR4VHlwZT1cIk15Q29tcG9uZW50XCI+XG4gICAgICAgIDxCdXR0b24gbWR4VHlwZT1cIkJ1dHRvblwiPlNhdmU8L0J1dHRvbj5cbiAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicXVhdGVybmFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5DYW5jZWw8L0J1dHRvbj5cbiAgICAgICAgPE15Q29tcG9uZW50IGNvbG9yU2NoZW1lPVwiYmFzZVwiIG1keFR5cGU9XCJNeUNvbXBvbmVudFwiPlxuICAgICAgICAgICAgPEJ1dHRvbiBtZHhUeXBlPVwiQnV0dG9uXCI+U2F2ZTwvQnV0dG9uPlxuICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwicXVhdGVybmFyeVwiIG1keFR5cGU9XCJCdXR0b25cIj5DYW5jZWw8L0J1dHRvbj5cbiAgICAgICAgPC9NeUNvbXBvbmVudD5cbiAgICA8L015Q29tcG9uZW50PlxuICAgIDwvQ2FudmFzPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL0NvbG9yIFNjaGVtZXMvTmVzdGluZycsIHBhcmFtZXRlcnM6IHtcbiAgZG9jczoge1xuICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gIH1cbn0sIGluY2x1ZGVTdG9yaWVzOiBbXCJfX3BhZ2VcIl0sICB9O1xuXG5jb25zdCBtZHhTdG9yeU5hbWVUb0tleSA9IHt9O1xuXG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgPSBjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMgfHwge307XG5jb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyA9IHtcbiAgLi4uKGNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzIHx8IHt9KSxcbiAgcGFnZTogKCkgPT4gPEFkZENvbnRleHQgbWR4U3RvcnlOYW1lVG9LZXk9e21keFN0b3J5TmFtZVRvS2V5fSBtZHhDb21wb25lbnRBbm5vdGF0aW9ucz17Y29tcG9uZW50TWV0YX0+PE1EWENvbnRlbnQgLz48L0FkZENvbnRleHQ+LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29tcG9uZW50TWV0YTsiXSwic291cmNlUm9vdCI6IiJ9\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_hat_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../packages/media-icons/dist/hat.svg");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/Panel.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelBody.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelSection.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__("../../packages/web-lib/dist/components/Link/Link.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__("../../packages/web-lib/dist/components/Text/Text.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__("../../packages/web-lib/dist/components/Icon/Icon.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__("../../packages/web-lib/dist/components/TextHighlighted/TextHighlighted.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__("../../packages/web-lib/dist/components/PasswordField/PasswordField.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_26___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_26__);\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_26___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_26___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_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_18__[/* PanelBody */ "a"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("h3", null, name), config.extend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, "Extends:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, " "), (_config$extend = config.extend) === null || _config$extend === void 0 ? void 0 : _config$extend.join(\',\'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___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_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], null, "Primary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "secondary"\n }, "Secondary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "tertiary"\n }, "Tertiary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "quaternary"\n }, "Quaternary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "dangerous"\n }, "Dangerous"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n disabled: true\n }, "Disabled")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___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_26___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_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "primary"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "primary"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, "primary")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "secondary"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "secondary"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, "secondary")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "branded"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "branded"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, "branded")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "positive"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_hat_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "positive"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, "positive"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___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_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* TextHighlighted */ "a"], {\n highlight: "blue"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, "blue")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* TextHighlighted */ "a"], {\n highlight: "green"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement("span", null, "green"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___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_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_25__[/* PasswordField */ "a"], {\n label: "Label",\n value: "value",\n required: true,\n showIcon: true\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_25__[/* PasswordField */ "a"], {\n label: "Label",\n value: "value",\n errorMessage: "Error message"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_26___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_25__[/* 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzL2NvbXBvbmVudHMvQ29sb3JTY2hlbWVzLnRzeD9kNzFlIl0sIm5hbWVzIjpbIkNvbG9yU2NoZW1lcyIsIk9iamVjdCIsImVudHJpZXMiLCJjb2xvclNjaGVtZUNvbmZpZyIsIm1hcCIsIm5hbWUiLCJjb25maWciLCJleHRlbmQiLCJqb2luIiwiZ2FwIiwic3ZnIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQTtBQUNBO0FBQ0E7QUFhQTtBQUVPLElBQU1BLFlBQWdCLEdBQUcsU0FBbkJBLFlBQW1CO0FBQUEsc0JBQzVCLDREQUFDLHNFQUFEO0FBQVksVUFBTSxNQUFsQjtBQUFtQixPQUFHLEVBQUM7QUFBdkIsS0FDS0MsTUFBTSxDQUFDQyxPQUFQLENBQWVDLDBFQUFmLEVBQWtDQyxHQUFsQyxDQUFzQztBQUFBOztBQUFBO0FBQUEsUUFBRUMsSUFBRjtBQUFBLFFBQVFDLE1BQVI7O0FBQUEsd0JBQ25DLDREQUFDLGlFQUFEO0FBQU8sU0FBRyxFQUFFRCxJQUFaO0FBQWtCLGlCQUFXLEVBQUVBO0FBQS9CLG9CQUNJLDREQUFDLHFFQUFELHFCQUNJLHdFQUFLQSxJQUFMLENBREosRUFFS0MsTUFBTSxDQUFDQyxNQUFQLGlCQUNHLG9GQUNJLHFGQURKLGVBRUksOEVBRkosb0JBR0tELE1BQU0sQ0FBQ0MsTUFIWixtREFHSyxlQUFlQyxJQUFmLENBQW9CLEdBQXBCLENBSEwsQ0FIUixDQURKLGVBV0ksNERBQUMsd0VBQUQ7QUFBYyxZQUFNLEVBQUMsTUFBckI7QUFBNEIsVUFBSSxFQUFFO0FBQUVDLFdBQUcsRUFBRTtBQUFQO0FBQWxDLG9CQUNJLDREQUFDLGtFQUFELGtCQURKLGVBRUksNERBQUMsa0VBQUQ7QUFBUSxhQUFPLEVBQUM7QUFBaEIsbUJBRkosZUFHSSw0REFBQyxrRUFBRDtBQUFRLGFBQU8sRUFBQztBQUFoQixrQkFISixlQUlJLDREQUFDLGtFQUFEO0FBQVEsYUFBTyxFQUFDO0FBQWhCLG9CQUpKLGVBS0ksNERBQUMsa0VBQUQ7QUFBUSxhQUFPLEVBQUM7QUFBaEIsbUJBTEosZUFNSSw0REFBQyxrRUFBRDtBQUFRLGNBQVE7QUFBaEIsa0JBTkosQ0FYSixlQW1CSSw0REFBQyx3RUFBRDtBQUFjLFlBQU0sRUFBQyxNQUFyQjtBQUE0QixVQUFJLEVBQUU7QUFBRUEsV0FBRyxFQUFFO0FBQVA7QUFBbEMsb0JBRUksNERBQUMsZ0VBQUQ7QUFBTSxTQUFHLEVBQUM7QUFBVixjQUZKLGVBR0ksNERBQUMsZ0VBQUQ7QUFBTSxZQUFNLEVBQUM7QUFBYixvQkFDSSw0REFBQyxnRUFBRDtBQUFNLFNBQUcsRUFBRUMsb0ZBQVg7QUFBZ0IsVUFBSSxFQUFDLElBQXJCO0FBQTBCLFlBQU0sRUFBQztBQUFqQyxNQURKLGVBRUksOEVBRkosZUFHSSxvRkFISixDQUhKLGVBUUksNERBQUMsZ0VBQUQ7QUFBTSxZQUFNLEVBQUM7QUFBYixvQkFDSSw0REFBQyxnRUFBRDtBQUFNLFNBQUcsRUFBRUEsb0ZBQVg7QUFBZ0IsVUFBSSxFQUFDLElBQXJCO0FBQTBCLFlBQU0sRUFBQztBQUFqQyxNQURKLGVBRUksOEVBRkosZUFHSSxzRkFISixDQVJKLGVBYUksNERBQUMsZ0VBQUQ7QUFBTSxZQUFNLEVBQUM7QUFBYixvQkFDSSw0REFBQyxnRUFBRDtBQUFNLFNBQUcsRUFBRUEsb0ZBQVg7QUFBZ0IsVUFBSSxFQUFDLElBQXJCO0FBQTBCLFlBQU0sRUFBQztBQUFqQyxNQURKLGVBRUksOEVBRkosZUFHSSxvRkFISixDQWJKLGVBa0JJLDREQUFDLGdFQUFEO0FBQU0sWUFBTSxFQUFDO0FBQWIsb0JBQ0ksNERBQUMsZ0VBQUQ7QUFBTSxTQUFHLEVBQUVBLG9GQUFYO0FBQWdCLFVBQUksRUFBQyxJQUFyQjtBQUEwQixZQUFNLEVBQUM7QUFBakMsTUFESixlQUVJLDhFQUZKLGVBR0kscUZBSEosQ0FsQkosQ0FuQkosZUEyQ0ksNERBQUMsd0VBQUQ7QUFBYyxZQUFNLEVBQUMsTUFBckI7QUFBNEIsVUFBSSxFQUFFO0FBQUVELFdBQUcsRUFBRTtBQUFQO0FBQWxDLG9CQUNJLDREQUFDLDJFQUFEO0FBQWlCLGVBQVMsRUFBQztBQUEzQixvQkFDSSxpRkFESixDQURKLGVBSUksNERBQUMsMkVBQUQ7QUFBaUIsZUFBUyxFQUFDO0FBQTNCLG9CQUNJLGtGQURKLENBSkosQ0EzQ0osZUFtREksNERBQUMsd0VBQUQ7QUFBYyxZQUFNLEVBQUMsTUFBckI7QUFBNEIsVUFBSSxFQUFFO0FBQUVBLFdBQUcsRUFBRTtBQUFQO0FBQWxDLG9CQUNJLDREQUFDLHlFQUFEO0FBQWUsV0FBSyxFQUFDLE9BQXJCO0FBQTZCLFdBQUssRUFBQyxPQUFuQztBQUEyQyxjQUFRLE1BQW5EO0FBQW9ELGNBQVE7QUFBNUQsTUFESixlQUVJLDREQUFDLHlFQUFEO0FBQWUsV0FBSyxFQUFDLE9BQXJCO0FBQTZCLFdBQUssRUFBQyxPQUFuQztBQUEyQyxrQkFBWSxFQUFDO0FBQXhELE1BRkosZUFHSSw0REFBQyx5RUFBRDtBQUNJLFdBQUssRUFBQyxPQURWO0FBRUksV0FBSyxFQUFDLE9BRlY7QUFHSSxrQkFBWSxFQUFDLGVBSGpCO0FBSUksY0FBUTtBQUpaLE1BSEosQ0FuREosQ0FEbUM7QUFBQSxHQUF0QyxDQURMLENBRDRCO0FBQUEsQ0FBekI7QUFBTVQsWSIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzIwLmNvbG9yLXNjaGVtZXMvY29tcG9uZW50cy9Db2xvclNjaGVtZXMudHN4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDb2xvclNjaGVtZU5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgY29sb3JTY2hlbWVDb25maWcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHN2ZyBmcm9tICdAcHJlcGx5L2RzLW1lZGlhLWljb25zL2Rpc3QvaGF0LnN2Zyc7XG5pbXBvcnQge1xuICAgIEJ1dHRvbixcbiAgICBJY29uLFxuICAgIExheW91dEZsZXgsXG4gICAgTGluayxcbiAgICBQYW5lbCxcbiAgICBQYW5lbEJvZHksXG4gICAgUGFuZWxTZWN0aW9uLFxuICAgIFBhc3N3b3JkRmllbGQsXG4gICAgVGV4dCxcbiAgICBUZXh0RmllbGQsXG4gICAgVGV4dEhpZ2hsaWdodGVkLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgQ29sb3JTY2hlbWVzOiBGQyA9ICgpID0+IChcbiAgICA8TGF5b3V0RmxleCBjb2x1bW4gZ2FwPVwibVwiPlxuICAgICAgICB7T2JqZWN0LmVudHJpZXMoY29sb3JTY2hlbWVDb25maWcpLm1hcCgoW25hbWUsIGNvbmZpZ10pID0+IChcbiAgICAgICAgICAgIDxQYW5lbCBrZXk9e25hbWV9IGNvbG9yU2NoZW1lPXtuYW1lIGFzIENvbG9yU2NoZW1lTmFtZX0+XG4gICAgICAgICAgICAgICAgPFBhbmVsQm9keT5cbiAgICAgICAgICAgICAgICAgICAgPGgzPntuYW1lfTwvaDM+XG4gICAgICAgICAgICAgICAgICAgIHtjb25maWcuZXh0ZW5kICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPkV4dGVuZHM6PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPiA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NvbmZpZy5leHRlbmQ/LmpvaW4oJywnKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L1BhbmVsQm9keT5cbiAgICAgICAgICAgICAgICA8UGFuZWxTZWN0aW9uIGxheW91dD1cImZsZXhcIiBmbGV4PXt7IGdhcDogJ3hzJyB9fT5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbj5QcmltYXJ5PC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInF1YXRlcm5hcnlcIj5RdWF0ZXJuYXJ5PC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cImRhbmdlcm91c1wiPkRhbmdlcm91czwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIGRpc2FibGVkPkRpc2FibGVkPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgPC9QYW5lbFNlY3Rpb24+XG4gICAgICAgICAgICAgICAgPFBhbmVsU2VjdGlvbiBsYXlvdXQ9XCJmbGV4XCIgZmxleD17eyBnYXA6ICd4cycgfX0+XG4gICAgICAgICAgICAgICAgICAgIHsvKiBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUganN4LWExMXkvYW5jaG9yLWlzLXZhbGlkICovfVxuICAgICAgICAgICAgICAgICAgICA8TGluayB1cmw9XCJodHRwOi8vcHJlcGx5LmNvbVwiPmxpbms8L0xpbms+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGFjY2VudD1cInByaW1hcnlcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIHN2Zz17c3ZnfSBzaXplPVwieHNcIiBhY2NlbnQ9XCJwcmltYXJ5XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPiA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5wcmltYXJ5PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGFjY2VudD1cInNlY29uZGFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEljb24gc3ZnPXtzdmd9IHNpemU9XCJ4c1wiIGFjY2VudD1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj4gPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+c2Vjb25kYXJ5PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGFjY2VudD1cImJyYW5kZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIHN2Zz17c3ZnfSBzaXplPVwieHNcIiBhY2NlbnQ9XCJicmFuZGVkXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPiA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5icmFuZGVkPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0IGFjY2VudD1cInBvc2l0aXZlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBzdmc9e3N2Z30gc2l6ZT1cInhzXCIgYWNjZW50PVwicG9zaXRpdmVcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+IDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnBvc2l0aXZlPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L1RleHQ+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: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.is-array.js\nvar es_array_is_array = __webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.description.js\nvar es_symbol_description = __webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.to-string.js\nvar es_object_to_string = __webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.iterator.js\nvar es_symbol_iterator = __webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.iterator.js\nvar es_string_iterator = __webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.iterator.js\nvar es_array_iterator = __webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/web.dom-collections.iterator.js\nvar web_dom_collections_iterator = __webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.slice.js\nvar es_array_slice = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.function.name.js\nvar es_function_name = __webpack_require__("../../node_modules/core-js/modules/es.function.name.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.from.js\nvar es_array_from = __webpack_require__("../../node_modules/core-js/modules/es.array.from.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/theme/hooks/useThemes.js\nvar useThemes = __webpack_require__("../../packages/web-core/dist/theme/hooks/useThemes.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/theme/hooks/useTheme.js\nvar useTheme = __webpack_require__("../../packages/web-core/dist/theme/hooks/useTheme.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/color-scheme/providers/ColorSchemeProvider.js\nvar ColorSchemeProvider = __webpack_require__("../../packages/web-core/dist/color-scheme/providers/ColorSchemeProvider.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/token/private/getToken.js\nvar getToken = __webpack_require__("../../packages/web-core/dist/token/private/getToken.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.flat-map.js\nvar es_array_flat_map = __webpack_require__("../../node_modules/core-js/modules/es.array.flat-map.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.unscopables.flat-map.js\nvar es_array_unscopables_flat_map = __webpack_require__("../../node_modules/core-js/modules/es.array.unscopables.flat-map.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.entries.js\nvar es_object_entries = __webpack_require__("../../node_modules/core-js/modules/es.object.entries.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/token/utils/isToken.js\nvar isToken = __webpack_require__("../../packages/core/dist/token/utils/isToken.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/generated/tokens.js\nvar generated_tokens = __webpack_require__("../../packages/core/dist/generated/tokens.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core-types/dist/token/constants.js\nvar constants = __webpack_require__("../../packages/core-types/dist/token/constants.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/constants/token-values-flattened.ts\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar token_values_flattened_extendedToken = function extendedToken(name, token) {\n return {\n token: token,\n name: name,\n id: token[constants["d" /* TOKEN_ID_FIELD */]],\n type: token[constants["g" /* TOKEN_TYPE_FIELD */]],\n colorSchemeAware: !!token[constants["c" /* TOKEN_COLOR_SCHEME_AWARE_FIELD */]]\n };\n};\n\nvar token_values_flattened_flat = function flat(namespace, node) {\n return Object.entries(node).flatMap(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n child = _ref2[1];\n\n var chidKey = namespace + "." + key;\n\n if (Object(isToken["a" /* isToken */])(child)) {\n return [token_values_flattened_extendedToken(chidKey, child)];\n }\n\n return flat(chidKey, child);\n });\n};\n\nvar flatten = function flatten(node) {\n return Object.entries(node).flatMap(function (_ref3) {\n var _ref4 = _slicedToArray(_ref3, 2),\n namespace = _ref4[0],\n child = _ref4[1];\n\n return token_values_flattened_flat(namespace, child);\n });\n};\n\nvar FLAT_TOKENS = flatten(generated_tokens["c" /* tokens */]);\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.filter.js\nvar es_array_filter = __webpack_require__("../../node_modules/core-js/modules/es.array.filter.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.starts-with.js\nvar es_string_starts_with = __webpack_require__("../../node_modules/core-js/modules/es.string.starts-with.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/functions/token.filter.ts\n\n\n\n\nvar filterTokens = function filterTokens(tokens, terms, withColorScheme) {\n return tokens.filter(function (token) {\n if (terms === \'-\' || terms === \'--\') {\n return true;\n }\n\n if (terms !== null && terms !== void 0 && terms.startsWith(\'--\')) {\n return token.id.toLowerCase().startsWith(terms.substring(2).toLowerCase());\n }\n\n if (terms) {\n var nameMatch = token.name.toLowerCase().indexOf(terms.toLowerCase()) > -1;\n var valueMatch = token.value.toLowerCase().indexOf(terms.toLowerCase()) > -1;\n return (nameMatch || valueMatch) && (withColorScheme ? token.colorSchemeAware : !token.colorSchemeAware);\n }\n\n return withColorScheme ? token.colorSchemeAware : !token.colorSchemeAware;\n });\n};\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx\n\n\n\n\n\n\n\n\n\n\n\n\nvar _window, _window$localStorage;\n\n\n\n\nfunction TokenSearchProvider_slicedToArray(arr, i) { return TokenSearchProvider_arrayWithHoles(arr) || TokenSearchProvider_iterableToArrayLimit(arr, i) || TokenSearchProvider_unsupportedIterableToArray(arr, i) || TokenSearchProvider_nonIterableRest(); }\n\nfunction TokenSearchProvider_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction TokenSearchProvider_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return TokenSearchProvider_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return TokenSearchProvider_arrayLikeToArray(o, minLen); }\n\nfunction TokenSearchProvider_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction TokenSearchProvider_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction TokenSearchProvider_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n // eslint-disable-next-line no-restricted-imports\n\n\n\n\n\nvar TokenSearchContext = /*#__PURE__*/Object(react["createContext"])({\n terms: \'\',\n colorScheme: undefined,\n results: [],\n setColorScheme: function setColorScheme() {\n return undefined;\n },\n setSearchTerms: function setSearchTerms() {\n return undefined;\n }\n});\nvar initialColorScheme = ((_window = window) === null || _window === void 0 ? void 0 : (_window$localStorage = _window.localStorage) === null || _window$localStorage === void 0 ? void 0 : _window$localStorage.getItem(\'storybook.ds-color-scheme\')) || undefined;\nvar TokenSearchProvider_TokenSearchProvider = function TokenSearchProvider(_ref) {\n var children = _ref.children;\n\n var _useThemes = Object(useThemes["a" /* useThemes */])(),\n findColorScheme = _useThemes.findColorScheme;\n\n var _useTheme = Object(useTheme["a" /* useTheme */])(),\n theme = _useTheme.theme;\n\n var _useState = Object(react["useState"])(initialColorScheme),\n _useState2 = TokenSearchProvider_slicedToArray(_useState, 2),\n colorScheme = _useState2[0],\n setScheme = _useState2[1];\n\n var _useState3 = Object(react["useState"])(\'\'),\n _useState4 = TokenSearchProvider_slicedToArray(_useState3, 2),\n terms = _useState4[0],\n setTerms = _useState4[1];\n\n var _useState5 = Object(react["useState"])([]),\n _useState6 = TokenSearchProvider_slicedToArray(_useState5, 2),\n results = _useState6[0],\n setResults = _useState6[1];\n\n var setColorScheme = Object(react["useCallback"])(function (s) {\n return setScheme(s);\n }, [setScheme]);\n var setSearchTerms = Object(react["useCallback"])(function (t) {\n return setTerms(t);\n }, [setTerms]);\n\n if (!theme) {\n throw new Error(\'useToken() must be used within a ThemeProvider\');\n }\n\n Object(react["useEffect"])(function () {\n var currentColorScheme = findColorScheme(colorScheme || \'base\');\n var tokens = FLAT_TOKENS.map(function (t) {\n return Object.assign({}, t, {\n value: "" + Object(getToken["a" /* getToken */])(theme, currentColorScheme, t.token)\n });\n }); // eslint-disable-next-line react-hooks/exhaustive-deps\n\n setResults(filterTokens(tokens, terms, !!colorScheme));\n }, [colorScheme, findColorScheme, terms, theme]);\n return /*#__PURE__*/react_default.a.createElement(TokenSearchContext.Provider, {\n value: {\n terms: terms,\n results: results,\n colorScheme: colorScheme,\n setSearchTerms: setSearchTerms,\n setColorScheme: setColorScheme\n }\n }, /*#__PURE__*/react_default.a.createElement(ColorSchemeProvider["b" /* ColorSchemeProvider */], {\n colorScheme: colorScheme || \'base\'\n }, children));\n};\nTokenSearchProvider_TokenSearchProvider.displayName = "TokenSearchProvider";\n\ntry {\n // @ts-ignore\n TokenSearchProvider_TokenSearchProvider.displayName = "TokenSearchProvider";\n // @ts-ignore\n TokenSearchProvider_TokenSearchProvider.__docgenInfo = { "description": "", "displayName": "TokenSearchProvider", "props": {} };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx#TokenSearchProvider"] = { docgenInfo: TokenSearchProvider_TokenSearchProvider.__docgenInfo, name: "TokenSearchProvider", path: "../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx#TokenSearchProvider" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/useTokenSearchContext.ts\n\n\nvar useTokenSearchContext_useTokenSearchContext = function useTokenSearchContext() {\n return Object(react["useContext"])(TokenSearchContext);\n};\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/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.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/styled-components/dist/styled-components.browser.esm.js\nvar styled_components_browser_esm = __webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBgColor.tsx\n\n\nvar _templateObject;\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar Div = styled_components_browser_esm["b" /* default */].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n width: 64px;\\n height: 64px;\\n color: white;\\n background-color: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBgColor_RendererBgColor = function RendererBgColor(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(Div, {\n value: value\n });\n};\nRendererBgColor_RendererBgColor.displayName = "RendererBgColor";\n\ntry {\n // @ts-ignore\n RendererBgColor_RendererBgColor.displayName = "RendererBgColor";\n // @ts-ignore\n RendererBgColor_RendererBgColor.__docgenInfo = { "description": "", "displayName": "RendererBgColor", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBgColor.tsx#RendererBgColor"] = { docgenInfo: RendererBgColor_RendererBgColor.__docgenInfo, name: "RendererBgColor", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBgColor.tsx#RendererBgColor" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderColor.tsx\n\n\nvar RendererBorderColor_templateObject;\n\nfunction RendererBorderColor_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBorderColor_Div = styled_components_browser_esm["b" /* default */].div(RendererBorderColor_templateObject || (RendererBorderColor_templateObject = RendererBorderColor_taggedTemplateLiteralLoose(["\\n background: white;\\n width: 48px;\\n height: 48px\\n padding: 8px 0 0 8px;\\n background: ", ";\\n\\n\\n span {\\n display: block;\\n width: 40px;\\n height: 40px;\\n border-width: 2px;\\n border-style: solid;\\n border-top-left-radius: 16px;\\n border-color: ", ";\\n border-right: none;\\n border-bottom: none;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value === \'white\' ? \'black\' : \'white\';\n}, function (_ref2) {\n var value = _ref2.value;\n return value;\n});\nvar RendererBorderColor_RendererBorderColor = function RendererBorderColor(_ref3) {\n var value = _ref3.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBorderColor_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererBorderColor_RendererBorderColor.displayName = "RendererBorderColor";\n\ntry {\n // @ts-ignore\n RendererBorderColor_RendererBorderColor.displayName = "RendererBorderColor";\n // @ts-ignore\n RendererBorderColor_RendererBorderColor.__docgenInfo = { "description": "", "displayName": "RendererBorderColor", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderColor.tsx#RendererBorderColor"] = { docgenInfo: RendererBorderColor_RendererBorderColor.__docgenInfo, name: "RendererBorderColor", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderColor.tsx#RendererBorderColor" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderRadius.tsx\n\n\nvar RendererBorderRadius_templateObject;\n\nfunction RendererBorderRadius_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBorderRadius_Div = styled_components_browser_esm["b" /* default */].div(RendererBorderRadius_templateObject || (RendererBorderRadius_templateObject = RendererBorderRadius_taggedTemplateLiteralLoose(["\\n width: 32px;\\n height: 32px;\\n border-style: solid;\\n border-color: #999;\\n border-width: 12px;\\n border-right: none;\\n border-bottom: none;\\n border-top-left-radius: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBorderRadius_RendererBorderRadius = function RendererBorderRadius(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBorderRadius_Div, {\n value: value\n });\n};\nRendererBorderRadius_RendererBorderRadius.displayName = "RendererBorderRadius";\n\ntry {\n // @ts-ignore\n RendererBorderRadius_RendererBorderRadius.displayName = "RendererBorderRadius";\n // @ts-ignore\n RendererBorderRadius_RendererBorderRadius.__docgenInfo = { "description": "", "displayName": "RendererBorderRadius", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderRadius.tsx#RendererBorderRadius"] = { docgenInfo: RendererBorderRadius_RendererBorderRadius.__docgenInfo, name: "RendererBorderRadius", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderRadius.tsx#RendererBorderRadius" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/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/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 token_type_renderer_slicedToArray(arr, i) { return token_type_renderer_arrayWithHoles(arr) || token_type_renderer_iterableToArrayLimit(arr, i) || token_type_renderer_unsupportedIterableToArray(arr, i) || token_type_renderer_nonIterableRest(); }\n\nfunction token_type_renderer_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction token_type_renderer_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return token_type_renderer_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return token_type_renderer_arrayLikeToArray(o, minLen); }\n\nfunction token_type_renderer_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction token_type_renderer_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction token_type_renderer_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * pick a type for root tokens\n */\nvar typeFromPrefix = {\n \'root.size\': \'size\',\n \'root.space\': \'space\',\n \'root.radius\': \'borderRadius\',\n \'root.text.size\': \'fontSize\',\n \'root.text.base.lineHeight\': \'lineHeightRatio\',\n \'root.text.height\': \'lineHeightPixels\',\n \'root.text.weight\': \'fontWeight\',\n \'root.text.spacing\': \'letterSpacing\',\n \'root.text.style\': \'fontStyle\',\n \'root.text.variation\': \'variationSettings\',\n \'root.palette\': \'color\',\n background: \'color\',\n content: \'color\'\n};\nvar sufixMap = {\n color: \'fgColor\',\n lineHeight: \'lineHeightPixels\',\n shadow: \'boxShadow\'\n};\nvar renderers = {\n bgColor: {\n renderer: RendererBgColor_RendererBgColor\n },\n borderColor: {\n renderer: RendererBorderColor_RendererBorderColor\n },\n borderRadius: {\n renderer: RendererBorderRadius_RendererBorderRadius\n },\n brightness: {\n renderer: RendererBrightness_RendererBrightness\n },\n color: {\n renderer: RendererPaletteItem_RendererPaletteItem\n },\n fgColor: {\n renderer: RendererFgColor_RendererFgColor\n },\n fontFamily: {\n renderer: RendererFontFamily_RendererFontFamily\n },\n fontSize: {\n renderer: RendererFontSize_RendererFontSize\n },\n fontWeight: {\n renderer: RendererFontWeight_RendererFontWeight\n },\n 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};\n\nfunction getTypeFromPrefix(name) {\n var match = Object.entries(typeFromPrefix).find(function (_ref) {\n var _ref2 = token_type_renderer_slicedToArray(_ref, 1),\n prefix = _ref2[0];\n\n return name.startsWith(prefix);\n });\n return match && match[1];\n}\n\nfunction getTypeFromSufix(name) {\n var sufix = name.split(\'.\').pop() || \'\';\n return sufix in sufixMap ? sufixMap[sufix] : sufix;\n}\n\nfunction getRenderer(token) {\n var type = getTypeFromPrefix(token.name) || getTypeFromSufix(token.name) || \'\';\n return renderers[type];\n}\n\nvar tokenRenderer = function tokenRenderer(token) {\n var renderer = getRenderer(token);\n\n if (!renderer) {\n throw new Error("No renderer for token \\"" + token.name + "\\".");\n }\n\n return renderer;\n};\n\ntry {\n // @ts-ignore\n tokenRenderer.displayName = "tokenRenderer";\n // @ts-ignore\n tokenRenderer.__docgenInfo = { "description": "", "displayName": "tokenRenderer", "props": { "token": { "defaultValue": null, "description": "", "name": "token", "required": true, "type": { "name": "Token" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": true, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": true, "type": { "name": "string" } }, "type": { "defaultValue": null, "description": "", "name": "type", "required": true, "type": { "name": "\\"base\\"" } }, "colorSchemeAware": { "defaultValue": null, "description": "", "name": "colorSchemeAware", "required": true, "type": { "name": "boolean" } }, "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/functions/token-type.renderer.tsx#tokenRenderer"] = { docgenInfo: tokenRenderer.__docgenInfo, name: "tokenRenderer", path: "../docs-pages/docs/pages/30.guides/40.tokens/functions/token-type.renderer.tsx#tokenRenderer" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx\n\n\nvar TokenCard_styles_templateObject, _templateObject2, _templateObject3, _templateObject4, _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 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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "value": { "defaultValue": null, "description": "", "name": "value", "required": false, "type": { "name": "string | number | string[]" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLLIElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLLIElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLLIElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLLIElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLLIElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLLIElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLLIElement | null) => void) | RefObject<HTMLLIElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLLIElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLParagraphElement | null) => void) | RefObject<HTMLParagraphElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLParagraphElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLParagraphElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLParagraphElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLParagraphElement | null) => void) | RefObject<HTMLParagraphElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLParagraphElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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: [\'70px\', \'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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLUListElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLUListElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLUListElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLUListElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLUListElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLUListElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLUListElement | null) => void) | RefObject<HTMLUListElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLUListElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLHeadingElement | null) => void) | RefObject<HTMLHeadingElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLHeadingElement | null) => void) | RefObject<HTMLHeadingElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLHeadingElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLHeadingElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLHeadingElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLHeadingElement | null) => void) | RefObject<HTMLHeadingElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLHeadingElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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/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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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": { "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "required": false, "type": { "name": "string" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "FormEventHandler<HTMLDivElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLDivElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLDivElement>" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLDivElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": false, "type": { "name": "string" } }, "type": { "defaultValue": null, "description": "", "name": "type", "required": false, "type": { "name": "string" } }, "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-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-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-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\\"" } }, "autoComplete": { "defaultValue": null, "description": "", "name": "autoComplete", "required": false, "type": { "name": "string" } }, "placeholder": { "defaultValue": null, "description": "", "name": "placeholder", "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[]" } }, "defaultValue": { "defaultValue": null, "description": "", "name": "defaultValue", "required": false, "type": { "name": "string | string[]" } }, "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "ChangeEventHandler<HTMLInputElement>" } }, "onFocus": { "defaultValue": null, "description": "", "name": "onFocus", "required": false, "type": { "name": "FocusEventHandler<HTMLInputElement>" } }, "onBlur": { "defaultValue": null, "description": "", "name": "onBlur", "required": false, "type": { "name": "FocusEventHandler<HTMLInputElement>" } }, "onClick": { "defaultValue": null, "description": "", "name": "onClick", "required": false, "type": { "name": "MouseEventHandler<HTMLInputElement>" } }, "onKeyDown": { "defaultValue": null, "description": "", "name": "onKeyDown", "required": false, "type": { "name": "KeyboardEventHandler<HTMLInputElement>" } }, "onKeyUp": { "defaultValue": null, "description": "", "name": "onKeyUp", "required": false, "type": { "name": "KeyboardEventHandler<HTMLInputElement>" } }, "required": { "defaultValue": null, "description": "", "name": "required", "required": false, "type": { "name": "boolean" } }, "disabled": { "defaultValue": null, "description": "", "name": "disabled", "required": false, "type": { "name": "boolean" } }, "ref": { "defaultValue": null, "description": "", "name": "ref", "required": false, "type": { "name": "((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null" } }, "min": { "defaultValue": null, "description": "", "name": "min", "required": false, "type": { "name": "string | number" } }, "max": { "defaultValue": null, "description": "", "name": "max", "required": false, "type": { "name": "string | number" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "key": { "defaultValue": null, "description": "", "name": "key", "required": false, "type": { "name": "Key" } }, "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" } }, "defaultChecked": { "defaultValue": null, "description": "", "name": "defaultChecked", "required": false, "type": { "name": "boolean" } }, "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" } }, "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" } }, "lang": { "defaultValue": null, "description": "", "name": "lang", "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" } }, "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": "\\"off\\"" }, { "value": "\\"on\\"" }] } }, "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 | \\"date\\" | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\"" } }, "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-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 | \\"grid\\" | \\"false\\" | \\"true\\" | \\"dialog\\" | \\"menu\\" | \\"listbox\\" | \\"tree\\"" } }, "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-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-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>" } }, "onFocusCapture": { "defaultValue": null, "description": "", "name": "onFocusCapture", "required": false, "type": { "name": "FocusEventHandler<HTMLInputElement>" } }, "onBlurCapture": { "defaultValue": null, "description": "", "name": "onBlurCapture", "required": false, "type": { "name": "FocusEventHandler<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>" } }, "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>" } }, "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" } }, "checked": { "defaultValue": null, "description": "", "name": "checked", "required": false, "type": { "name": "boolean" } }, "terms": { "defaultValue": null, "description": "", "name": "terms", "required": false, "type": { "name": "string" } }, "accept": { "defaultValue": null, "description": "", "name": "accept", "required": false, "type": { "name": "string" } }, "autoFocus": { "defaultValue": null, "description": "", "name": "autoFocus", "required": false, "type": { "name": "boolean" } }, "capture": { "defaultValue": null, "description": "", "name": "capture", "required": false, "type": { "name": "string | 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: .-context/dist/context/DocContextDSWeb.js + 1 modules\nvar DocContextDSWeb = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx\n\n\n\nvar StoryContextWithTokens_StoryContextWithTokens = function StoryContextWithTokens(_ref) {\n var children = _ref.children,\n context = _ref.context;\n console.info(\'@preply/ds-docs-context:StoryContextWithTokens\');\n return /*#__PURE__*/react_default.a.createElement(DocContextDSWeb["a" /* DocContextDSWeb */], {\n context: context\n }, /*#__PURE__*/react_default.a.createElement(TokenSearchProvider_TokenSearchProvider, null, children));\n};\nStoryContextWithTokens_StoryContextWithTokens.displayName = "StoryContextWithTokens";\n\ntry {\n // @ts-ignore\n StoryContextWithTokens_StoryContextWithTokens.displayName = "StoryContextWithTokens";\n // @ts-ignore\n StoryContextWithTokens_StoryContextWithTokens.__docgenInfo = { "description": "", "displayName": "StoryContextWithTokens", "props": { "context": { "defaultValue": null, "description": "", "name": "context", "required": true, "type": { "name": "DocsContextProps<AnyFramework>" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx#StoryContextWithTokens"] = { docgenInfo: StoryContextWithTokens_StoryContextWithTokens.__docgenInfo, name: "StoryContextWithTokens", path: "../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx#StoryContextWithTokens" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/00.token-explorer.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\n\nvar 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_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_StoryContextWithTokens\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(esm["b" /* mdx */])(dist_esm["a" /* AddContext */], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(esm["b" /* mdx */])(MDXContent, null));\n }\n});\n/* harmony default export */ var _00_token_explorer_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29uc3RhbnRzL3Rva2VuLXZhbHVlcy1mbGF0dGVuZWQudHM/Y2VjYyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvZnVuY3Rpb25zL3Rva2VuLmZpbHRlci50cz8zNjA2Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9wcm92aWRlcnMvVG9rZW5TZWFyY2hQcm92aWRlci50c3g/ZjczYyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvcHJvdmlkZXJzL3VzZVRva2VuU2VhcmNoQ29udGV4dC50cz8wNzFmIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQmdDb2xvci50c3g/MTQ5YSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJvcmRlckNvbG9yLnRzeD9jZGM1Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyUmFkaXVzLnRzeD82NTQ1Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyV2lkdGgudHN4P2YxMWIiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCb3hTaGFkb3cudHN4Pzk3YTIiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCcmlnaHRuZXNzLnRzeD9lYjQ4Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRmdDb2xvci50c3g/N2YwNiIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRGYW1pbHkudHN4P2IyZjAiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGb250U2l6ZS50c3g/MmVjOSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRTdHlsZS50c3g/MDNkMyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRXZWlnaHQudHN4PzViMGYiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJIZWlnaHQudHN4PzBjMjUiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJMZXR0ZXJTcGFjaW5nLnRzeD9mNTQ2Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyTGluZUhlaWdodFBpeGVscy50c3g/NGQ3NCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckxpbmVIZWlnaHRSYXRpby50c3g/ODRlZCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVDb2xvci50c3g/NmM1ZSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVPZmZzZXQudHN4P2ZkYzQiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJPdXRsaW5lV2lkdGgudHN4P2E3ZGUiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJQYWxldHRlSXRlbS50c3g/ZDk1ZCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclNpemUudHN4Pzc4NjgiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJTcGFjZS50c3g/ZDRjMyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclZhcmlhdGlvblNldHRpbmdzLnRzeD8wYzhmIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9mdW5jdGlvbnMvdG9rZW4tdHlwZS5yZW5kZXJlci50c3g/MDQ0MCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlbkNhcmQuc3R5bGVzLnRzeD80ZGFlIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuQ2FyZC50c3g/YThhOCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlbkxpc3Quc3R5bGVzLnRzeD9jZWZlIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb25zdGFudHMvc2VhcmNoLWhpbnRzLnRzeD80NjExIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuU2VhcmNoSGludC5zdHlsZXMudHN4P2UyNWEiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5TZWFyY2hIaW50LnRzeD84MDk1Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuU2VhcmNoSGludHMudHN4P2U4YzAiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5MaXN0LnRzeD8xODQzIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1NjaGVtZVN3aXRjaGVyLnN0eWxlcy50cz80ODAzIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1NjaGVtZVN3aXRjaGVyLnRzeD8zYjM4Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1NlYXJjaFRlcm1zLnN0eWxlcy50c3g/MTBhNCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9TZWFyY2hUZXJtcy50c3g/NTk5NCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblNlYXJjaC5zdHlsZXMudHN4P2UxNmIiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5TZWFyY2gudHN4PzI1MTAiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL3Byb3ZpZGVycy9TdG9yeUNvbnRleHRXaXRoVG9rZW5zLnRzeD9jODljIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy8wMC50b2tlbi1leHBsb3Jlci5zdG9yaWVzLm1keD83NGIxIl0sIm5hbWVzIjpbImV4dGVuZGVkVG9rZW4iLCJuYW1lIiwidG9rZW4iLCJpZCIsIlRPS0VOX0lEX0ZJRUxEIiwidHlwZSIsIlRPS0VOX1RZUEVfRklFTEQiLCJjb2xvclNjaGVtZUF3YXJlIiwiVE9LRU5fQ09MT1JfU0NIRU1FX0FXQVJFX0ZJRUxEIiwiZmxhdCIsIm5hbWVzcGFjZSIsIm5vZGUiLCJPYmplY3QiLCJlbnRyaWVzIiwiZmxhdE1hcCIsImtleSIsImNoaWxkIiwiY2hpZEtleSIsImlzVG9rZW4iLCJmbGF0dGVuIiwiRkxBVF9UT0tFTlMiLCJ0b2tlbnMiLCJmaWx0ZXJUb2tlbnMiLCJ0ZXJtcyIsIndpdGhDb2xvclNjaGVtZSIsImZpbHRlciIsInN0YXJ0c1dpdGgiLCJ0b0xvd2VyQ2FzZSIsInN1YnN0cmluZyIsIm5hbWVNYXRjaCIsImluZGV4T2YiLCJ2YWx1ZU1hdGNoIiwidmFsdWUiLCJUb2tlblNlYXJjaENvbnRleHQiLCJjcmVhdGVDb250ZXh0IiwiY29sb3JTY2hlbWUiLCJ1bmRlZmluZWQiLCJyZXN1bHRzIiwic2V0Q29sb3JTY2hlbWUiLCJzZXRTZWFyY2hUZXJtcyIsImluaXRpYWxDb2xvclNjaGVtZSIsIndpbmRvdyIsImxvY2FsU3RvcmFnZSIsImdldEl0ZW0iLCJUb2tlblNlYXJjaFByb3ZpZGVyIiwiY2hpbGRyZW4iLCJ1c2VUaGVtZXMiLCJmaW5kQ29sb3JTY2hlbWUiLCJ1c2VUaGVtZSIsInRoZW1lIiwidXNlU3RhdGUiLCJzZXRTY2hlbWUiLCJzZXRUZXJtcyIsInNldFJlc3VsdHMiLCJ1c2VDYWxsYmFjayIsInMiLCJ0IiwiRXJyb3IiLCJ1c2VFZmZlY3QiLCJjdXJyZW50Q29sb3JTY2hlbWUiLCJtYXAiLCJnZXRUb2tlbiIsInVzZVRva2VuU2VhcmNoQ29udGV4dCIsInVzZUNvbnRleHQiLCJEaXYiLCJzdHlsZWQiLCJkaXYiLCJSZW5kZXJlckJnQ29sb3IiLCJSZW5kZXJlckJvcmRlckNvbG9yIiwiUmVuZGVyZXJCb3JkZXJSYWRpdXMiLCJSZW5kZXJlckJvcmRlcldpZHRoIiwiUmVuZGVyZXJCb3hTaGFkb3ciLCJSZW5kZXJlckJyaWdodG5lc3MiLCJSZW5kZXJlckZnQ29sb3IiLCJSZW5kZXJlckZvbnRGYW1pbHkiLCJSZW5kZXJlckZvbnRTaXplIiwiUmVuZGVyZXJGb250U3R5bGUiLCJSZW5kZXJlckZvbnRXZWlnaHQiLCJSZW5kZXJlckhlaWdodCIsIlJlbmRlcmVyTGV0dGVyU3BhY2luZyIsIlJlbmRlcmVyTGluZUhlaWdodFBpeGVscyIsIlJlbmRlcmVyTGluZUhlaWdodFJhdGlvIiwiUmVuZGVyZXJPdXRsaW5lQ29sb3IiLCJSZW5kZXJlck91dGxpbmVPZmZzZXQiLCJSZW5kZXJlck91dGxpbmVXaWR0aCIsIlJlbmRlcmVyUGFsZXR0ZUl0ZW0iLCJSZW5kZXJlclNpemUiLCJSZW5kZXJlclNwYWNlIiwiUmVuZGVyZXJWYXJpYXRpb25TZXR0aW5ncyIsInR5cGVGcm9tUHJlZml4IiwiYmFja2dyb3VuZCIsImNvbnRlbnQiLCJzdWZpeE1hcCIsImNvbG9yIiwibGluZUhlaWdodCIsInNoYWRvdyIsInJlbmRlcmVycyIsImJnQ29sb3IiLCJyZW5kZXJlciIsImJvcmRlckNvbG9yIiwiYm9yZGVyUmFkaXVzIiwiYnJpZ2h0bmVzcyIsImZnQ29sb3IiLCJmb250RmFtaWx5IiwiZm9udFNpemUiLCJmb250V2VpZ2h0IiwiZm9udFN0eWxlIiwibGV0dGVyU3BhY2luZyIsImdhcCIsImhlaWdodCIsImhvcml6b250YWxQYWRkaW5nIiwibGluZUhlaWdodFJhdGlvIiwibGluZUhlaWdodFBpeGVscyIsIm91dGxpbmVDb2xvciIsIm91dGxpbmVPZmZzZXQiLCJvdXRsaW5lV2lkdGgiLCJib3JkZXJXaWR0aCIsInBhZGRpbmciLCJzaXplIiwic3BhY2UiLCJib3hTaGFkb3ciLCJ0eXBlZmFjZSIsInZhcmlhdGlvblNldHRpbmdzIiwidmVydGljYWxQYWRkaW5nIiwiZ2V0VHlwZUZyb21QcmVmaXgiLCJtYXRjaCIsImZpbmQiLCJwcmVmaXgiLCJnZXRUeXBlRnJvbVN1Zml4Iiwic3VmaXgiLCJzcGxpdCIsInBvcCIsImdldFJlbmRlcmVyIiwidG9rZW5SZW5kZXJlciIsIlRva2VuQ2FyZExpc3RJdGVtIiwibGkiLCJJZCIsInAiLCJUaGlyZENvbCIsIlZhbHVlIiwiSWNvbldyYXBwZXIiLCJUb2tlbkNhcmQiLCJ1c2VUb2tlbiIsIkNvbXBvbmVudCIsInVzZURvY01ldGFkYXRhQ29udGV4dCIsInZhbGlkYXRpb25zIiwiZXhwZXJpbWVudGFsVmFsaWRhdGlvbiIsImdldEV4cGVyaW1lbnRhbFRva2VuVmFsaWRhdGlvbiIsImRlcHJlY2F0ZWRWYWxpZGF0aW9uIiwiZ2V0RGVwcmVjYXRlZFRva2VuVmFsaWRhdGlvbiIsInJlcGxhY2UiLCJMaXN0IiwidWwiLCJOb1Jlc3VsdHMiLCJoaW50cyIsImJ1dCIsImFsdGVybmF0aXZlcyIsIm5vdGUiLCJsYXlvIiwiYWxpZ24iLCJqdXN0IiwiYm9sIiwiaGVscCIsIkhlYWRpbmciLCJoMyIsIkFsdGVybmF0aXZlcyIsIk5vdGUiLCJUb2tlblNlYXJjaEhpbnQiLCJoaW50IiwibGVuZ3RoIiwiYWx0IiwiaW5kZXgiLCJUb2tlblNlYXJjaEhpbnRzIiwidHJpZ2dlciIsIlRva2VuTGlzdCIsImlzTm90RGVmYXVsdCIsIlNlbGVjdCIsInNlbGVjdCIsIlNjaGVtZVN3aXRjaGVyIiwib25DaGFuZ2UiLCJoYW5kbGVDaGFuZ2UiLCJldiIsIm5ld0NvbG9yU2NoZW1lIiwidGFyZ2V0Iiwic2V0SXRlbSIsImtleXMiLCJjb2xvclNjaGVtZUNvbmZpZyIsIlNlYXJjaEJ5SWQiLCJTZWFyY2hCeU5hbWUiLCJOb3RGaWx0ZXJlZCIsIlNlYXJjaFRlcm1zIiwiVG9rZW5TZWFyY2hTdGF0aWMiLCJTZWFyY2hGb3JtIiwiU2VhcmNoRm9ybUNvbnRlbnQiLCJTZWFyY2hJbnB1dCIsImlucHV0IiwiVG9rZW5TZWFyY2giLCJ0aGVtZXMiLCJ1c2VTZXRUaGVtZSIsInNldFRoZW1lIiwic2hvd0ZlZWRiYWNrIiwic2V0U2hvd0ZlZWRiYWNrIiwidGltZW91dElkIiwic2V0VGltZW91dElkIiwidXJsIiwidXNlTWVtbyIsIlVSTCIsInRvcCIsImxvY2F0aW9uIiwiaHJlZiIsInBhcmFtcyIsInNlYXJjaFBhcmFtcyIsInVybFRoZW1lIiwiZ2V0IiwibmV3VGhlbWUiLCJ1cmxDb2xvclNjaGVtZSIsInVybFRlcm1zIiwiaGlzdG9yeSIsInJlcGxhY2VTdGF0ZSIsImNsZWFyVGltZW91dCIsImhhbmRsZVNlYXJjaFRlcm1zQ2hhbmdlIiwiZnVsbFVybCIsIm1ha2VUb2tlbkV4cGxvcmVyVXJsIiwiaGFuZGxlQ2xpY2tQZXJtYWxpbmsiLCJuYXZpZ2F0b3IiLCJjbGlwYm9hcmQiLCJ3cml0ZVRleHQiLCJwcmV2ZW50RGVmYXVsdCIsInNldFRpbWVvdXQiLCJTdG9yeUNvbnRleHRXaXRoVG9rZW5zIiwiY29udGV4dCIsImNvbnNvbGUiLCJpbmZvIiwibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBOztBQVNBLElBQU1BLG9DQUFhLEdBQUcsU0FBaEJBLGFBQWdCLENBQUNDLElBQUQsRUFBZUMsS0FBZixFQUE4RDtBQUNoRixTQUFPO0FBQ0hBLFNBQUssRUFBTEEsS0FERztBQUVIRCxRQUFJLEVBQUpBLElBRkc7QUFHSEUsTUFBRSxFQUFFRCxLQUFLLENBQUNFLG1DQUFELENBSE47QUFJSEMsUUFBSSxFQUFFSCxLQUFLLENBQUNJLHFDQUFELENBSlI7QUFLSEMsb0JBQWdCLEVBQUUsQ0FBQyxDQUFDTCxLQUFLLENBQUNNLG1EQUFEO0FBTHRCLEdBQVA7QUFPSCxDQVJEOztBQVVBLElBQU1DLDJCQUFJLEdBQUcsU0FBUEEsSUFBTyxDQUFDQyxTQUFELEVBQW9CQyxJQUFwQixFQUE0RTtBQUNyRixTQUFPQyxNQUFNLENBQUNDLE9BQVAsQ0FBZUYsSUFBZixFQUFxQkcsT0FBckIsQ0FBNkIsZ0JBQWtCO0FBQUE7QUFBQSxRQUFoQkMsR0FBZ0I7QUFBQSxRQUFYQyxLQUFXOztBQUNsRCxRQUFN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QU47QUFBcUMsQ0FBNUQ7QUFFUHdMLE1BQU0sQ0FBQ0MsVUFBUCxHQUFvQjtBQUFFQyxVQUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUseUJBQVQ7QUFBb0NILFlBQVUsRUFBRTtBQUNwRUosUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRVYsNkNBQXNCQTtBQUQ3QjtBQUQ4RCxHQUFoRDtBQUluQmlCLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJKLElBQXpCLHFCQUNNTSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJKLElBQXpCLElBQWlDLEVBRHZDO0FBRUVVLE1BQUksRUFBRTtBQUFBLFdBQU0sMkJBQUMsOEJBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRiwyQkFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLDZHQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zLzAwLnRva2VuLWV4cGxvcmVyLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNUb2tlbiwgdG9rZW5zIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgVE9LRU5fQ09MT1JfU0NIRU1FX0FXQVJFX0ZJRUxELFxuICAgIFRPS0VOX0lEX0ZJRUxELFxuICAgIFRPS0VOX1RZUEVfRklFTEQsXG4gICAgVG9rZW4sXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZS10eXBlcyc7XG5cbmltcG9ydCB7IEV4dGVuZGVkVG9rZW4sIFRva2VuVHJlZSwgVG9rZW5UcmVlTm9kZSB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZXh0ZW5kZWRUb2tlbiA9IChuYW1lOiBzdHJpbmcsIHRva2VuOiBUb2tlbik6IE9taXQ8RXh0ZW5kZWRUb2tlbiwgJ3ZhbHVlJz4gPT4ge1xuICAgIHJldHVybiB7XG4gICAgICAgIHRva2VuLFxuICAgICAgICBuYW1lLFxuICAgICAgICBpZDogdG9rZW5bVE9LRU5fSURfRklFTERdLFxuICAgICAgICB0eXBlOiB0b2tlbltUT0tFTl9UWVBFX0ZJRUxEXSxcbiAgICAgICAgY29sb3JTY2hlbWVBd2FyZTogISF0b2tlbltUT0tFTl9DT0xPUl9TQ0hFTUVfQVdBUkVfRklFTERdLFxuICAgIH07XG59O1xuXG5jb25zdCBmbGF0ID0gKG5hbWVzcGFjZTogc3RyaW5nLCBub2RlOiBUb2tlblRyZWVOb2RlKTogT21pdDxFeHRlbmRlZFRva2VuLCAndmFsdWUnPltdID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmVudHJpZXMobm9kZSkuZmxhdE1hcCgoW2tleSwgY2hpbGRdKSA9PiB7XG4gICAgICAgIGNvbnN0IGNoaWRLZXkgPSBgJHtuYW1lc3BhY2V9LiR7a2V5fWA7XG4gICAgICAgIGlmIChpc1Rva2VuKGNoaWxkKSkge1xuICAgICAgICAgICAgcmV0dXJuIFtleHRlbmRlZFRva2VuKGNoaWRLZXksIGNoaWxkKV07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZsYXQoY2hpZEtleSwgY2hpbGQpO1xuICAgIH0pO1xufTtcblxuY29uc3QgZmxhdHRlbiA9IChub2RlOiBUb2tlblRyZWUpOiBPbWl0PEV4dGVuZGVkVG9rZW4sICd2YWx1ZSc+W10gPT4ge1xuICAgIHJldHVybiBPYmplY3QuZW50cmllcyhub2RlKS5mbGF0TWFwKChbbmFtZXNwYWNlLCBjaGlsZF0pID0+IGZsYXQobmFtZXNwYWNlLCBjaGlsZCkpO1xufTtcblxuZXhwb3J0IGNvbnN0IEZMQVRfVE9LRU5TID0gZmxhdHRlbih0b2tlbnMpO1xuIiwiaW1wb3J0IHsgRXh0ZW5kZWRUb2tlbiB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IGZpbHRlclRva2VucyA9IChcbiAgICB0b2tlbnM6IEV4dGVuZGVkVG9rZW5bXSxcbiAgICB0ZXJtczogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIHdpdGhDb2xvclNjaGVtZTogYm9vbGVhbixcbik6IEV4dGVuZGVkVG9rZW5bXSA9PiB7XG4gICAgcmV0dXJuIHRva2Vucy5maWx0ZXIodG9rZW4gPT4ge1xuICAgICAgICBpZiAodGVybXMgPT09ICctJyB8fCB0ZXJtcyA9PT0gJy0tJykge1xuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRlcm1zPy5zdGFydHNXaXRoKCctLScpKSB7XG4gICAgICAgICAgICByZXR1cm4gdG9rZW4uaWQudG9Mb3dlckNhc2UoKS5zdGFydHNXaXRoKHRlcm1zLnN1YnN0cmluZygyKS50b0xvd2VyQ2FzZSgpKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAodGVybXMpIHtcbiAgICAgICAgICAgIGNvbnN0IG5hbWVNYXRjaCA9IHRva2VuLm5hbWUudG9Mb3dlckNhc2UoKS5pbmRleE9mKHRlcm1zLnRvTG93ZXJDYXNlKCkpID4gLTE7XG4gICAgICAgICAgICBjb25zdCB2YWx1ZU1hdGNoID0gdG9rZW4udmFsdWUudG9Mb3dlckNhc2UoKS5pbmRleE9mKHRlcm1zLnRvTG93ZXJDYXNlKCkpID4gLTE7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIChuYW1lTWF0Y2ggfHwgdmFsdWVNYXRjaCkgJiZcbiAgICAgICAgICAgICAgICAod2l0aENvbG9yU2NoZW1lID8gdG9rZW4uY29sb3JTY2hlbWVBd2FyZSA6ICF0b2tlbi5jb2xvclNjaGVtZUF3YXJlKVxuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gd2l0aENvbG9yU2NoZW1lID8gdG9rZW4uY29sb3JTY2hlbWVBd2FyZSA6ICF0b2tlbi5jb2xvclNjaGVtZUF3YXJlO1xuICAgIH0pO1xufTtcbiIsImltcG9ydCB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSwgdXNlVGhlbWVzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcmVzdHJpY3RlZC1pbXBvcnRzXG5pbXBvcnQgeyBnZXRUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUvZGlzdC90b2tlbi9wcml2YXRlL2dldFRva2VuJztcbmltcG9ydCBSZWFjdCwgeyBGQywgY3JlYXRlQ29udGV4dCwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEZMQVRfVE9LRU5TIH0gZnJvbSAnLi4vY29uc3RhbnRzL3Rva2VuLXZhbHVlcy1mbGF0dGVuZWQnO1xuaW1wb3J0IHsgZmlsdGVyVG9rZW5zIH0gZnJvbSAnLi4vZnVuY3Rpb25zL3Rva2VuLmZpbHRlcic7XG5pbXBvcnQgeyBFeHRlbmRlZFRva2VuIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRva2VuU2VhcmNoQ29udGV4dFNoYXBlIHtcbiAgICB0ZXJtcz86IHN0cmluZztcbiAgICBjb2xvclNjaGVtZT86IENvbG9yU2NoZW1lTmFtZTtcbiAgICByZXN1bHRzOiBFeHRlbmRlZFRva2VuW107XG4gICAgc2V0Q29sb3JTY2hlbWU6IChjb2xvclNjaGVtZTogQ29sb3JTY2hlbWVOYW1lKSA9PiB2b2lkO1xuICAgIHNldFNlYXJjaFRlcm1zOiAodGVybXM6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VG9rZW5TZWFyY2hDb250ZXh0U2hhcGU+KHtcbiAgICB0ZXJtczogJycsXG4gICAgY29sb3JTY2hlbWU6IHVuZGVmaW5lZCxcbiAgICByZXN1bHRzOiBbXSxcbiAgICBzZXRDb2xvclNjaGVtZTogKCkgPT4gdW5kZWZpbmVkLFxuICAgIHNldFNlYXJjaFRlcm1zOiAoKSA9PiB1bmRlZmluZWQsXG59KTtcblxuY29uc3QgaW5pdGlhbENvbG9yU2NoZW1lID1cbiAgICAod2luZG93Py5sb2NhbFN0b3JhZ2U/LmdldEl0ZW0oJ3N0b3J5Ym9vay5kcy1jb2xvci1zY2hlbWUnKSBhcyBDb2xvclNjaGVtZU5hbWUpIHx8IHVuZGVmaW5lZDtcblxuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoUHJvdmlkZXI6IEZDID0gKHsgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGNvbnN0IHsgZmluZENvbG9yU2NoZW1lIH0gPSB1c2VUaGVtZXMoKTtcbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IFtjb2xvclNjaGVtZSwgc2V0U2NoZW1lXSA9IHVzZVN0YXRlPENvbG9yU2NoZW1lTmFtZSB8IHVuZGVmaW5lZD4oaW5pdGlhbENvbG9yU2NoZW1lKTtcbiAgICBjb25zdCBbdGVybXMsIHNldFRlcm1zXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oJycpO1xuICAgIGNvbnN0IFtyZXN1bHRzLCBzZXRSZXN1bHRzXSA9IHVzZVN0YXRlPEV4dGVuZGVkVG9rZW5bXT4oW10pO1xuXG4gICAgY29uc3Qgc2V0Q29sb3JTY2hlbWUgPSB1c2VDYWxsYmFjaygoczogQ29sb3JTY2hlbWVOYW1lKSA9PiBzZXRTY2hlbWUocyksIFtzZXRTY2hlbWVdKTtcbiAgICBjb25zdCBzZXRTZWFyY2hUZXJtcyA9IHVzZUNhbGxiYWNrKCh0OiBzdHJpbmcpID0+IHNldFRlcm1zKHQpLCBbc2V0VGVybXNdKTtcblxuICAgIGlmICghdGhlbWUpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCd1c2VUb2tlbigpIG11c3QgYmUgdXNlZCB3aXRoaW4gYSBUaGVtZVByb3ZpZGVyJyk7XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgY29uc3QgY3VycmVudENvbG9yU2NoZW1lID0gZmluZENvbG9yU2NoZW1lKGNvbG9yU2NoZW1lIHx8ICdiYXNlJyk7XG4gICAgICAgIGNvbnN0IHRva2VucyA9IEZMQVRfVE9LRU5TLm1hcCh0ID0+ICh7XG4gICAgICAgICAgICAuLi50LFxuICAgICAgICAgICAgdmFsdWU6IGAke2dldFRva2VuKHRoZW1lLCBjdXJyZW50Q29sb3JTY2hlbWUsIHQudG9rZW4pfWAsXG4gICAgICAgIH0pKTtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICAgICAgICBzZXRSZXN1bHRzKGZpbHRlclRva2Vucyh0b2tlbnMsIHRlcm1zLCAhIWNvbG9yU2NoZW1lKSk7XG4gICAgfSwgW2NvbG9yU2NoZW1lLCBmaW5kQ29sb3JTY2hlbWUsIHRlcm1zLCB0aGVtZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRva2VuU2VhcmNoQ29udGV4dC5Qcm92aWRlclxuICAgICAgICAgICAgdmFsdWU9e3sgdGVybXMsIHJlc3VsdHMsIGNvbG9yU2NoZW1lLCBzZXRTZWFyY2hUZXJtcywgc2V0Q29sb3JTY2hlbWUgfX1cbiAgICAgICAgPlxuICAgICAgICAgICAgPENvbG9yU2NoZW1lUHJvdmlkZXIgY29sb3JTY2hlbWU9e2NvbG9yU2NoZW1lIHx8ICdiYXNlJ30+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Db2xvclNjaGVtZVByb3ZpZGVyPlxuICAgICAgICA8L1Rva2VuU2VhcmNoQ29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xufTtcbiIsImltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRva2VuU2VhcmNoQ29udGV4dCwgVG9rZW5TZWFyY2hDb250ZXh0U2hhcGUgfSBmcm9tICcuL1Rva2VuU2VhcmNoUHJvdmlkZXInO1xuXG5leHBvcnQgY29uc3QgdXNlVG9rZW5TZWFyY2hDb250ZXh0ID0gKCk6IFRva2VuU2VhcmNoQ29udGV4dFNoYXBlID0+IHVzZUNvbnRleHQoVG9rZW5TZWFyY2hDb250ZXh0KTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogNjRweDtcbiAgICBoZWlnaHQ6IDY0cHg7XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyQmdDb2xvcjogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfSAvPjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgd2lkdGg6IDQ4cHg7XG4gICAgaGVpZ2h0OiA0OHB4XG4gICAgcGFkZGluZzogOHB4IDAgMCA4cHg7XG4gICAgYmFja2dyb3VuZDogJHsoeyB2YWx1ZSB9KSA9PiAodmFsdWUgPT09ICd3aGl0ZScgPyAnYmxhY2snIDogJ3doaXRlJyl9O1xuXG5cbiAgICBzcGFuIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdpZHRoOiA0MHB4O1xuICAgICAgICBoZWlnaHQ6IDQwcHg7XG4gICAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAxNnB4O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgICAgICBib3JkZXItcmlnaHQ6IG5vbmU7XG4gICAgICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyQm9yZGVyQ29sb3I6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIDxzcGFuIC8+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiAzMnB4O1xuICAgIGhlaWdodDogMzJweDtcbiAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgIGJvcmRlci1jb2xvcjogIzk5OTtcbiAgICBib3JkZXItd2lkdGg6IDEycHg7XG4gICAgYm9yZGVyLXJpZ2h0OiBub25lO1xuICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJCb3JkZXJSYWRpdXM6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0gLz47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiA2NHB4O1xuICAgIHBhZGRpbmctdG9wOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBiYWNrZ3JvdW5kOiAjNjY2O1xuXG4gICAgc3BhbiB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogd2hpdGU7XG4gICAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgICBoZWlnaHQ6IDI4cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICM5OTk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyQm9yZGVyV2lkdGg6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIDxzcGFuIC8+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiA2NHB4O1xuICAgIGhlaWdodDogNjRweDtcbiAgICBib3gtc2hhZG93OiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckJveFNoYWRvdzogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfSAvPjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgYmFja2dyb3VuZDogIzk5OTtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgbGluZS1oZWlnaHQ6IDMycHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIHdpZHRoOiAyMDBweDtcbiAgICBjb2xvcjogd2hpdGU7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgZmlsdGVyOiBicmlnaHRuZXNzKCR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJCcmlnaHRuZXNzOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9PmhvdmVyIG1lPC9EaXY+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6IDY0cHg7XG4gICAgaGVpZ2h0OiA2NHB4O1xuICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGNvbG9yOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHZhbHVlIH0pID0+ICh2YWx1ZSA9PT0gJ3doaXRlJyA/ICdibGFjaycgOiAnd2hpdGUnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJGZ0NvbG9yOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9PkE8L0Rpdj47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGZvbnQtZmFtaWx5OiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcblxuICAgIHA6Zmlyc3QtY2hpbGQge1xuICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgIH1cblxuICAgIHA6bGFzdC1jaGlsZCB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyRm9udEZhbWlseTogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPHA+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQgKDcwMCk8L3A+XG4gICAgICAgICAgICA8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCAoNTAwKTwvcD5cbiAgICAgICAgICAgIDxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0ICg0MDApPC9wPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBmb250LWZhbWlseTogUHJlcGx5SW50ZXI7XG4gICAgQHN1cHBvcnRzIChmb250LXZhcmlhdGlvbi1zZXR0aW5nczogbm9ybWFsKSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBQcmVwbHlJbnRlclY7XG4gICAgfVxuICAgIGZvbnQtc2l6ZTogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJGb250U2l6ZTogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfT5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldDwvRGl2Pjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZm9udC1mYW1pbHk6IFByZXBseUludGVyO1xuICAgIEBzdXBwb3J0cyAoZm9udC12YXJpYXRpb24tc2V0dGluZ3M6IG5vcm1hbCkge1xuICAgICAgICBmb250LWZhbWlseTogUHJlcGx5SW50ZXJWO1xuICAgIH1cbiAgICBmb250LXN0eWxlOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJGb250U3R5bGU6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQuPC9EaXY+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBmb250LWZhbWlseTogUHJlcGx5SW50ZXI7XG4gICAgQHN1cHBvcnRzIChmb250LXZhcmlhdGlvbi1zZXR0aW5nczogbm9ybWFsKSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBQcmVwbHlJbnRlclY7XG4gICAgfVxuICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICBmb250LXdlaWdodDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJGb250V2VpZ2h0OiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9PkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0PC9EaXY+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBoZWlnaHQ6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIHdpZHRoOiA0MHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVySGVpZ2h0OiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9IC8+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBmb250LWZhbWlseTogUHJlcGx5SW50ZXI7XG4gICAgQHN1cHBvcnRzIChmb250LXZhcmlhdGlvbi1zZXR0aW5nczogbm9ybWFsKSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiBQcmVwbHlJbnRlclY7XG4gICAgfVxuICAgIGxldHRlci1zcGFjaW5nOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJMZXR0ZXJTcGFjaW5nOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9PkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LjwvRGl2Pjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZm9udC1mYW1pbHk6IFByZXBseUludGVyO1xuICAgIEBzdXBwb3J0cyAoZm9udC12YXJpYXRpb24tc2V0dGluZ3M6IG5vcm1hbCkge1xuICAgICAgICBmb250LWZhbWlseTogUHJlcGx5SW50ZXJWO1xuICAgIH1cbiAgICBsaW5lLWhlaWdodDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyTGluZUhlaWdodFBpeGVsczogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gRG9uZWMgbWFzc2EgbnVsbGEsIHN1c2NpcGl0IGlkXG4gICAgICAgICAgICBwdXJ1cyBxdWlzLCBmYWNpbGlzaXMgdGVtcHVzIHRvcnRvci4gUHJhZXNlbnQgZmVsaXMgcXVhbSwgdGluY2lkdW50IHZpdGFlIGxpYmVybyB1dCxcbiAgICAgICAgICAgIGJpYmVuZHVtIGNvbmRpbWVudHVtIG51bmMuXG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGZvbnQtZmFtaWx5OiBQcmVwbHlJbnRlcjtcbiAgICBAc3VwcG9ydHMgKGZvbnQtdmFyaWF0aW9uLXNldHRpbmdzOiBub3JtYWwpIHtcbiAgICAgICAgZm9udC1mYW1pbHk6IFByZXBseUludGVyVjtcbiAgICB9XG4gICAgbGluZS1oZWlnaHQ6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlckxpbmVIZWlnaHRSYXRpbzogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gRG9uZWMgbWFzc2EgbnVsbGEsIHN1c2NpcGl0IGlkXG4gICAgICAgICAgICBwdXJ1cyBxdWlzLCBmYWNpbGlzaXMgdGVtcHVzIHRvcnRvci4gUHJhZXNlbnQgZmVsaXMgcXVhbSwgdGluY2lkdW50IHZpdGFlIGxpYmVybyB1dCxcbiAgICAgICAgICAgIGJpYmVuZHVtIGNvbmRpbWVudHVtIG51bmMuXG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgIHdpZHRoOiA0OHB4O1xuICAgIGhlaWdodDogNDhweFxuICAgIHBhZGRpbmc6IDhweCAwIDAgOHB4O1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdmFsdWUgfSkgPT4gKHZhbHVlID09PSAnd2hpdGUnID8gJ2JsYWNrJyA6ICd3aGl0ZScpfTtcblxuXG4gICAgc3BhbiB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogNDBweDtcbiAgICAgICAgaGVpZ2h0OiA0MHB4O1xuICAgICAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMTZweDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICAgICAgYm9yZGVyLXJpZ2h0OiBub25lO1xuICAgICAgICBib3JkZXItYm90dG9tOiBub25lO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlck91dGxpbmVDb2xvcjogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9EaXY+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgd2lkdGg6IDY0cHg7XG4gICAgcGFkZGluZy10b3A6IDJweDtcbiAgICBiYWNrZ3JvdW5kOiAjNjY2O1xuXG4gICAgc3BhbiB7XG4gICAgICAgIGhlaWdodDogMnB4O1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJvcmRlci10b3Atc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6IHdoaXRlO1xuICAgICAgICBib3JkZXItd2lkdGg6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgICAgICBoZWlnaHQ6IDI4cHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICM5OTk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyT3V0bGluZU9mZnNldDogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiB2YWx1ZT17dmFsdWV9PlxuICAgICAgICAgICAgPHNwYW4gLz5cbiAgICAgICAgPC9EaXY+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgd2lkdGg6IDY0cHg7XG4gICAgcGFkZGluZy10b3A6ICR7KHsgdmFsdWUgfSkgPT4gdmFsdWV9O1xuICAgIGJhY2tncm91bmQ6ICM2NjY7XG5cbiAgICBzcGFuIHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBib3JkZXItdG9wLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgICAgIGhlaWdodDogMjhweDtcbiAgICAgICAgYmFja2dyb3VuZDogIzk5OTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJPdXRsaW5lV2lkdGg6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIDxzcGFuIC8+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiA2NHB4O1xuICAgIGhlaWdodDogNjRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlclBhbGV0dGVJdGVtOiBGQzxSZW5kZXJlclByb3BzPiA9ICh7IHZhbHVlIH0pID0+IHtcbiAgICByZXR1cm4gPERpdiB2YWx1ZT17dmFsdWV9IC8+O1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICB3aWR0aDogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgaGVpZ2h0OiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbmA7XG5cbmV4cG9ydCBjb25zdCBSZW5kZXJlclNpemU6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0gLz47XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuL1JlbmRlcmVyUHJvcHMnO1xuXG5jb25zdCBEaXYgPSBzdHlsZWQuZGl2PFJlbmRlcmVyUHJvcHM+YFxuICAgIHdpZHRoOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJTcGFjZTogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfSAvPjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgZm9udC1mYW1pbHk6IFByZXBseUludGVyO1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgICBmb250LXZhcmlhdGlvbi1zZXR0aW5nczogJHsoeyB2YWx1ZSB9KSA9PiB2YWx1ZX07XG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyVmFyaWF0aW9uU2V0dGluZ3M6IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiA8RGl2IHZhbHVlPXt2YWx1ZX0+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQuPC9EaXY+O1xufTtcbiIsImltcG9ydCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBSZW5kZXJlckJnQ29sb3IgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQmdDb2xvcic7XG5pbXBvcnQgeyBSZW5kZXJlckJvcmRlckNvbG9yIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJvcmRlckNvbG9yJztcbmltcG9ydCB7IFJlbmRlcmVyQm9yZGVyUmFkaXVzIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJvcmRlclJhZGl1cyc7XG5pbXBvcnQgeyBSZW5kZXJlckJvcmRlcldpZHRoIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJvcmRlcldpZHRoJztcbmltcG9ydCB7IFJlbmRlcmVyQm94U2hhZG93IH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJveFNoYWRvdyc7XG5pbXBvcnQgeyBSZW5kZXJlckJyaWdodG5lc3MgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQnJpZ2h0bmVzcyc7XG5pbXBvcnQgeyBSZW5kZXJlckZnQ29sb3IgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRmdDb2xvcic7XG5pbXBvcnQgeyBSZW5kZXJlckZvbnRGYW1pbHkgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udEZhbWlseSc7XG5pbXBvcnQgeyBSZW5kZXJlckZvbnRTaXplIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRTaXplJztcbmltcG9ydCB7IFJlbmRlcmVyRm9udFN0eWxlIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRTdHlsZSc7XG5pbXBvcnQgeyBSZW5kZXJlckZvbnRXZWlnaHQgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udFdlaWdodCc7XG5pbXBvcnQgeyBSZW5kZXJlckhlaWdodCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJIZWlnaHQnO1xuaW1wb3J0IHsgUmVuZGVyZXJMZXR0ZXJTcGFjaW5nIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckxldHRlclNwYWNpbmcnO1xuaW1wb3J0IHsgUmVuZGVyZXJMaW5lSGVpZ2h0UGl4ZWxzIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckxpbmVIZWlnaHRQaXhlbHMnO1xuaW1wb3J0IHsgUmVuZGVyZXJMaW5lSGVpZ2h0UmF0aW8gfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyTGluZUhlaWdodFJhdGlvJztcbmltcG9ydCB7IFJlbmRlcmVyT3V0bGluZUNvbG9yIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVDb2xvcic7XG5pbXBvcnQgeyBSZW5kZXJlck91dGxpbmVPZmZzZXQgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyT3V0bGluZU9mZnNldCc7XG5pbXBvcnQgeyBSZW5kZXJlck91dGxpbmVXaWR0aCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJPdXRsaW5lV2lkdGgnO1xuaW1wb3J0IHsgUmVuZGVyZXJQYWxldHRlSXRlbSB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJQYWxldHRlSXRlbSc7XG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclByb3BzJztcbmltcG9ydCB7IFJlbmRlcmVyU2l6ZSB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJTaXplJztcbmltcG9ydCB7IFJlbmRlcmVyU3BhY2UgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyU3BhY2UnO1xuaW1wb3J0IHsgUmVuZGVyZXJWYXJpYXRpb25TZXR0aW5ncyB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJWYXJpYXRpb25TZXR0aW5ncyc7XG5pbXBvcnQgeyBFeHRlbmRlZFRva2VuIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG50eXBlIFRva2VuUmVuZGVyZXIgPSB7XG4gICAgcmVuZGVyZXI6IEZDPFJlbmRlcmVyUHJvcHM+O1xufTtcblxuLyoqXG4gKiBwaWNrIGEgdHlwZSBmb3Igcm9vdCB0b2tlbnNcbiAqL1xuY29uc3QgdHlwZUZyb21QcmVmaXg6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgJ3Jvb3Quc2l6ZSc6ICdzaXplJyxcbiAgICAncm9vdC5zcGFjZSc6ICdzcGFjZScsXG4gICAgJ3Jvb3QucmFkaXVzJzogJ2JvcmRlclJhZGl1cycsXG4gICAgJ3Jvb3QudGV4dC5zaXplJzogJ2ZvbnRTaXplJyxcbiAgICAncm9vdC50ZXh0LmJhc2UubGluZUhlaWdodCc6ICdsaW5lSGVpZ2h0UmF0aW8nLFxuICAgICdyb290LnRleHQuaGVpZ2h0JzogJ2xpbmVIZWlnaHRQaXhlbHMnLFxuICAgICdyb290LnRleHQud2VpZ2h0JzogJ2ZvbnRXZWlnaHQnLFxuICAgICdyb290LnRleHQuc3BhY2luZyc6ICdsZXR0ZXJTcGFjaW5nJyxcbiAgICAncm9vdC50ZXh0LnN0eWxlJzogJ2ZvbnRTdHlsZScsXG4gICAgJ3Jvb3QudGV4dC52YXJpYXRpb24nOiAndmFyaWF0aW9uU2V0dGluZ3MnLFxuICAgICdyb290LnBhbGV0dGUnOiAnY29sb3InLFxuICAgIGJhY2tncm91bmQ6ICdjb2xvcicsXG4gICAgY29udGVudDogJ2NvbG9yJyxcbn07XG5cbmNvbnN0IHN1Zml4TWFwOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICAgIGNvbG9yOiAnZmdDb2xvcicsXG4gICAgbGluZUhlaWdodDogJ2xpbmVIZWlnaHRQaXhlbHMnLFxuICAgIHNoYWRvdzogJ2JveFNoYWRvdycsXG59O1xuXG5jb25zdCByZW5kZXJlcnM6IFJlY29yZDxzdHJpbmcsIFRva2VuUmVuZGVyZXI+ID0ge1xuICAgIGJnQ29sb3I6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyQmdDb2xvcixcbiAgICB9LFxuICAgIGJvcmRlckNvbG9yOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckJvcmRlckNvbG9yLFxuICAgIH0sXG4gICAgYm9yZGVyUmFkaXVzOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckJvcmRlclJhZGl1cyxcbiAgICB9LFxuICAgIGJyaWdodG5lc3M6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyQnJpZ2h0bmVzcyxcbiAgICB9LFxuICAgIGNvbG9yOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclBhbGV0dGVJdGVtLFxuICAgIH0sXG4gICAgZmdDb2xvcjoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJGZ0NvbG9yLFxuICAgIH0sXG4gICAgZm9udEZhbWlseToge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJGb250RmFtaWx5LFxuICAgIH0sXG4gICAgZm9udFNpemU6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyRm9udFNpemUsXG4gICAgfSxcbiAgICBmb250V2VpZ2h0OiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckZvbnRXZWlnaHQsXG4gICAgfSxcbiAgICBmb250U3R5bGU6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyRm9udFN0eWxlLFxuICAgIH0sXG4gICAgbGV0dGVyU3BhY2luZzoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJMZXR0ZXJTcGFjaW5nLFxuICAgIH0sXG4gICAgZ2FwOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNwYWNlLFxuICAgIH0sXG4gICAgaGVpZ2h0OiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckhlaWdodCxcbiAgICB9LFxuICAgIGhvcml6b250YWxQYWRkaW5nOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNpemUsXG4gICAgfSxcbiAgICBsaW5lSGVpZ2h0UmF0aW86IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyTGluZUhlaWdodFJhdGlvLFxuICAgIH0sXG4gICAgbGluZUhlaWdodFBpeGVsczoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJMaW5lSGVpZ2h0UGl4ZWxzLFxuICAgIH0sXG4gICAgb3V0bGluZUNvbG9yOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlck91dGxpbmVDb2xvcixcbiAgICB9LFxuICAgIG91dGxpbmVPZmZzZXQ6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyT3V0bGluZU9mZnNldCxcbiAgICB9LFxuICAgIG91dGxpbmVXaWR0aDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJPdXRsaW5lV2lkdGgsXG4gICAgfSxcbiAgICBib3JkZXJXaWR0aDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCb3JkZXJXaWR0aCxcbiAgICB9LFxuICAgIHBhZGRpbmc6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyU2l6ZSxcbiAgICB9LFxuICAgIHNpemU6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyU2l6ZSxcbiAgICB9LFxuICAgIHNwYWNlOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNwYWNlLFxuICAgIH0sXG4gICAgYm94U2hhZG93OiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckJveFNoYWRvdyxcbiAgICB9LFxuICAgIHR5cGVmYWNlOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckZvbnRGYW1pbHksXG4gICAgfSxcbiAgICB2YXJpYXRpb25TZXR0aW5nczoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJWYXJpYXRpb25TZXR0aW5ncyxcbiAgICB9LFxuICAgIHZlcnRpY2FsUGFkZGluZzoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJTaXplLFxuICAgIH0sXG59O1xuXG5mdW5jdGlvbiBnZXRUeXBlRnJvbVByZWZpeChuYW1lOiBzdHJpbmcpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIGNvbnN0IG1hdGNoID0gT2JqZWN0LmVudHJpZXModHlwZUZyb21QcmVmaXgpLmZpbmQoKFtwcmVmaXhdKSA9PiBuYW1lLnN0YXJ0c1dpdGgocHJlZml4KSk7XG4gICAgcmV0dXJuIG1hdGNoICYmIG1hdGNoWzFdO1xufVxuXG5mdW5jdGlvbiBnZXRUeXBlRnJvbVN1Zml4KG5hbWU6IHN0cmluZyk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgY29uc3Qgc3VmaXggPSBuYW1lLnNwbGl0KCcuJykucG9wKCkgfHwgJyc7XG4gICAgcmV0dXJuIHN1Zml4IGluIHN1Zml4TWFwID8gc3VmaXhNYXBbc3VmaXhdIDogc3VmaXg7XG59XG5cbmZ1bmN0aW9uIGdldFJlbmRlcmVyKHRva2VuOiBFeHRlbmRlZFRva2VuKTogVG9rZW5SZW5kZXJlciB8IHVuZGVmaW5lZCB7XG4gICAgY29uc3QgdHlwZSA9IGdldFR5cGVGcm9tUHJlZml4KHRva2VuLm5hbWUpIHx8IGdldFR5cGVGcm9tU3VmaXgodG9rZW4ubmFtZSkgfHwgJyc7XG4gICAgcmV0dXJuIHJlbmRlcmVyc1t0eXBlXTtcbn1cblxuZXhwb3J0IGNvbnN0IHRva2VuUmVuZGVyZXIgPSAodG9rZW46IEV4dGVuZGVkVG9rZW4pOiBUb2tlblJlbmRlcmVyID0+IHtcbiAgICBjb25zdCByZW5kZXJlciA9IGdldFJlbmRlcmVyKHRva2VuKTtcblxuICAgIGlmICghcmVuZGVyZXIpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBObyByZW5kZXJlciBmb3IgdG9rZW4gXCIke3Rva2VuLm5hbWV9XCIuYCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHJlbmRlcmVyO1xufTtcbiIsImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgVG9rZW5DYXJkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtYXJnaW4tYm90dG9tOiAzMnB4O1xuXG4gICAgc3Bhblt0aXRsZV0ge1xuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJZCA9IHN0eWxlZC5wYFxuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgVGhpcmRDb2wgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmctdG9wOiA2cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgVmFsdWUgPSBzdHlsZWQucGBcbiAgICBtYXJnaW46IDA7XG4gICAgd2lkdGg6IDE2MHB4O1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBsaW5lLWhlaWdodDogMzJweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZy10b3A6IDJweDtcbmA7XG4iLCJpbXBvcnQge1xuICAgIERlcHJlY2F0ZWRJY29uLFxuICAgIERlcHJlY2F0ZWRNZXNzYWdlLFxuICAgIEV4cGVyaW1lbnRhbEljb24sXG4gICAgRXhwZXJpbWVudGFsTWVzc2FnZSxcbiAgICB1c2VEb2NNZXRhZGF0YUNvbnRleHQsXG59IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgeyBMYXlvdXRGbGV4LCBMYXlvdXRHcmlkLCBUZXh0LCBUZXh0SGlnaGxpZ2h0ZWQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlblJlbmRlcmVyIH0gZnJvbSAnLi4vZnVuY3Rpb25zL3Rva2VuLXR5cGUucmVuZGVyZXInO1xuaW1wb3J0IHsgRXh0ZW5kZWRUb2tlbiB9IGZyb20gJy4uL3R5cGVzJztcblxuaW1wb3J0IHsgSWNvbldyYXBwZXIsIElkLCBUaGlyZENvbCwgVG9rZW5DYXJkTGlzdEl0ZW0sIFZhbHVlIH0gZnJvbSAnLi9Ub2tlbkNhcmQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRva2VuQ2FyZDogRkM8eyB0b2tlbjogRXh0ZW5kZWRUb2tlbiB9PiA9ICh7IHRva2VuIH0pID0+IHtcbiAgICBjb25zdCB2YWx1ZSA9IHVzZVRva2VuKHRva2VuLnRva2VuKTtcbiAgICBjb25zdCByZW5kZXJlciA9IHRva2VuUmVuZGVyZXIodG9rZW4pO1xuICAgIGNvbnN0IENvbXBvbmVudCA9IHJlbmRlcmVyLnJlbmRlcmVyO1xuICAgIGNvbnN0IHsgdmFsaWRhdGlvbnMgfSA9IHVzZURvY01ldGFkYXRhQ29udGV4dCgpO1xuICAgIGNvbnN0IGV4cGVyaW1lbnRhbFZhbGlkYXRpb24gPSB2YWxpZGF0aW9ucz8uZ2V0RXhwZXJpbWVudGFsVG9rZW5WYWxpZGF0aW9uKHRva2VuLm5hbWUpO1xuICAgIGNvbnN0IGRlcHJlY2F0ZWRWYWxpZGF0aW9uID0gdmFsaWRhdGlvbnM/LmdldERlcHJlY2F0ZWRUb2tlblZhbGlkYXRpb24odG9rZW4ubmFtZSk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRva2VuQ2FyZExpc3RJdGVtPlxuICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwieHNcIiBjb2x1bW4+XG4gICAgICAgICAgICAgICAgPExheW91dEdyaWQgZ2FwPVwieHNcIiBjb2x1bW5zPXtbJzcwcHgnLCAnMWZyJywgJzJmciddfT5cbiAgICAgICAgICAgICAgICAgICAgPElkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJibHVlXCI+KC0te3Rva2VuLmlkfSk8L1RleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICAgICAgPC9JZD5cbiAgICAgICAgICAgICAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwiM3hzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibC1tZWRpdW1cIj57dG9rZW4ubmFtZX08L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dCB2YXJpYW50PVwibVwiPkB7dG9rZW4ubmFtZS5yZXBsYWNlKC9cXC4vZywgJy0nKX08L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICAgICAgPFRoaXJkQ29sPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExheW91dEZsZXggZGlyZWN0aW9uPVwiY29sdW1uXCIgZ2FwPVwiMnhzXCIganVzdGlmeUNvbnRlbnQ9XCJzdGFydFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt0b2tlbi5jb2xvclNjaGVtZUF3YXJlICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gdGl0bGU9XCJ0aGlzIHRva2VuIG1heSBoYXZlIGRpZmZlcmVudCB2YWx1ZXMsIGRlcGVuZGluZyBvbiBjb2xvciBzY2hlbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3Igc2NoZW1lIGF3YXJlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0SGlnaGxpZ2h0ZWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2V4cGVyaW1lbnRhbFZhbGlkYXRpb24gJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCIzeHNcIiBhbGlnbkl0ZW1zPVwic3RhcnRcIiBub3dyYXA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEV4cGVyaW1lbnRhbEljb24gc2l6ZT17MTZ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0ljb25XcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEV4cGVyaW1lbnRhbE1lc3NhZ2UgdmFsaWRhdGlvbj17ZXhwZXJpbWVudGFsVmFsaWRhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2RlcHJlY2F0ZWRWYWxpZGF0aW9uICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwiM3hzXCIgYWxpZ25JdGVtcz1cInN0YXJ0XCIgbm93cmFwPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25XcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEZXByZWNhdGVkSWNvbiBzaXplPXsxNn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RGVwcmVjYXRlZE1lc3NhZ2UgdmFsaWRhdGlvbj17ZGVwcmVjYXRlZFZhbGlkYXRpb259IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgICAgICA8L1RoaXJkQ29sPlxuICAgICAgICAgICAgICAgIDwvTGF5b3V0R3JpZD5cbiAgICAgICAgICAgICAgICA8TGF5b3V0R3JpZCBnYXA9XCJsXCIgY29sdW1ucz17WydhdXRvJywgJzFmciddfSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxWYWx1ZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt2YWx1ZSBhcyBzdHJpbmd9PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L1ZhbHVlPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPENvbXBvbmVudCBuYW1lPXt0b2tlbi5uYW1lfSB2YWx1ZT17dmFsdWV9IC8+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvTGF5b3V0R3JpZD5cbiAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPC9Ub2tlbkNhcmRMaXN0SXRlbT5cbiAgICApO1xufTtcbiIsImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgTGlzdCA9IHN0eWxlZC51bGBcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBOb1Jlc3VsdHMgPSBzdHlsZWQuZGl2YFxuICAgIGZvbnQtc2l6ZTogMjRweDtcblxuICAgIGgzIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgIH1cbmA7XG4iLCJpbXBvcnQgeyBIaW50IH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlbkxpc3QnO1xuXG5leHBvcnQgY29uc3QgaGludHM6IFJlY29yZDxzdHJpbmcsIEhpbnQ+ID0ge1xuICAgIGJ1dDoge1xuICAgICAgICBuYW1lOiAnYnV0dG9uJyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbJ2FjdGlvbiddLFxuICAgICAgICBub3RlOiAnU2VlIGFsc286IHByb3BzIG9mIDxCdXR0b24+IGNvbXBvbmVudCcsXG4gICAgfSxcbiAgICBsYXlvOiB7XG4gICAgICAgIG5hbWU6ICdsYXlvdXQnLFxuICAgICAgICBhbHRlcm5hdGl2ZXM6IFsnZ2FwJywgJ3BhZGRpbmcnLCAnc3BhY2UnXSxcbiAgICAgICAgbm90ZTogJ1NlZSBhbHNvOiBwcm9wcyBvZiA8TGF5b3V0PiBjb21wb25lbnRzJyxcbiAgICB9LFxuICAgIGFsaWduOiB7XG4gICAgICAgIG5hbWU6ICdhbGlnbicsXG4gICAgICAgIGFsdGVybmF0aXZlczogW10sXG4gICAgICAgIG5vdGU6ICdZb3UgcHJvYmFibHkgd2FudCB0byBsb29rIGF0IHRoZSA8TGF5b3V0PiBjb21wb25lbnRzJyxcbiAgICB9LFxuICAgIGp1c3Q6IHtcbiAgICAgICAgbmFtZTogJ2p1c3RpZnknLFxuICAgICAgICBhbHRlcm5hdGl2ZXM6IFtdLFxuICAgICAgICBub3RlOiAnWW91IHByb2JhYmx5IHdhbnQgdG8gbG9vayBhdCB0aGUgPExheW91dD4gY29tcG9uZW50cycsXG4gICAgfSxcbiAgICBib2w6IHtcbiAgICAgICAgbmFtZTogJ2JvbGQnLFxuICAgICAgICBhbHRlcm5hdGl2ZXM6IFsnd2VpZ2h0J10sXG4gICAgICAgIG5vdGU6ICdTZWUgYWxzbyA8VGV4dCBzdHJvbmc+IGNvbXBvbmVudC4nLFxuICAgIH0sXG4gICAgaGVscDoge1xuICAgICAgICBuYW1lOiAnaGVscD8gOi1EJyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbXSxcbiAgICAgICAgbm90ZTogJ1RvIGJlIGNvbnRpbnVlZC4uLicsXG4gICAgfSxcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IEhlYWRpbmcgPSBzdHlsZWQuaDNgXG4gICAgbWFyZ2luOiAwO1xuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEFsdGVybmF0aXZlcyA9IHN0eWxlZC5oM2BcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBOb3RlID0gc3R5bGVkLmgzYFxuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuYDtcbiIsImltcG9ydCB7IExheW91dEZsZXgsIFRleHRIaWdobGlnaHRlZCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEhpbnQgfSBmcm9tICcuL1Rva2VuTGlzdCc7XG5pbXBvcnQgeyBBbHRlcm5hdGl2ZXMsIEhlYWRpbmcsIE5vdGUgfSBmcm9tICcuL1Rva2VuU2VhcmNoSGludC5zdHlsZXMnO1xuXG50eXBlIFByb3BzID0ge1xuICAgIGhpbnQ6IEhpbnQ7XG59O1xuXG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2hIaW50OiBGQzxQcm9wcz4gPSAoeyBoaW50IH0pID0+IHtcbiAgICBjb25zdCBhbHRlcm5hdGl2ZXMgPSBoaW50LmFsdGVybmF0aXZlcyB8fCBbXTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJzXCIgY29sdW1uPlxuICAgICAgICAgICAgPEhlYWRpbmc+XG4gICAgICAgICAgICAgICAgU2VhcmNoaW5nIGZvciA8VGV4dEhpZ2hsaWdodGVkPntoaW50Lm5hbWV9PC9UZXh0SGlnaGxpZ2h0ZWQ+P3snICd9XG4gICAgICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCIyeHNcIiBjb2x1bW4+XG4gICAgICAgICAgICAgICAge2FsdGVybmF0aXZlcy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QWx0ZXJuYXRpdmVzPlxuICAgICAgICAgICAgICAgICAgICAgICAgVHJ5IHNlYXJjaGlubmcgZm9yeycgJ31cbiAgICAgICAgICAgICAgICAgICAgICAgIHthbHRlcm5hdGl2ZXMubWFwKChhbHQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHRIaWdobGlnaHRlZCBrZXk9e2FsdH0+e2FsdH08L1RleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2luZGV4ICsgMiA8IGFsdGVybmF0aXZlcy5sZW5ndGggPyAnLCAnIDogJyd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtpbmRleCArIDIgPT09IGFsdGVybmF0aXZlcy5sZW5ndGggPyAnIG9yICcgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2luZGV4ID09PSBhbHRlcm5hdGl2ZXMubGVuZ3RoIC0gMSA/ICcgJyA6ICcnfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgICAgICAgICBpbnN0ZWFkLlxuICAgICAgICAgICAgICAgICAgICA8L0FsdGVybmF0aXZlcz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtoaW50Lm5vdGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Tm90ZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzdHJvbmc+Tm90ZTo8L3N0cm9uZz4ge2hpbnQubm90ZX1cbiAgICAgICAgICAgICAgICAgICAgPC9Ob3RlPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgaGludHMgfSBmcm9tICcuLi9jb25zdGFudHMvc2VhcmNoLWhpbnRzJztcblxuaW1wb3J0IHsgVG9rZW5TZWFyY2hIaW50IH0gZnJvbSAnLi9Ub2tlblNlYXJjaEhpbnQnO1xuXG50eXBlIEhpbnRQcm9wcyA9IHtcbiAgICB0ZXJtcz86IHN0cmluZztcbn07XG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2hIaW50czogRkM8SGludFByb3BzPiA9ICh7IHRlcm1zIH0pID0+IHtcbiAgICBpZiAoIXRlcm1zKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAge09iamVjdC5lbnRyaWVzKGhpbnRzKS5tYXAoKFt0cmlnZ2VyLCBoaW50XSkgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIHRlcm1zLnRvTG93ZXJDYXNlKCkuaW5kZXhPZih0cmlnZ2VyKSA+IC0xICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxUb2tlblNlYXJjaEhpbnQga2V5PXt0cmlnZ2VyfSBoaW50PXtoaW50fSAvPlxuICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA8Lz5cbiAgICApO1xufTtcbiIsImltcG9ydCB7IExheW91dEZsZXggfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VUb2tlblNlYXJjaENvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvdXNlVG9rZW5TZWFyY2hDb250ZXh0JztcblxuaW1wb3J0IHsgVG9rZW5DYXJkIH0gZnJvbSAnLi9Ub2tlbkNhcmQnO1xuaW1wb3J0IHsgTGlzdCwgTm9SZXN1bHRzIH0gZnJvbSAnLi9Ub2tlbkxpc3Quc3R5bGVzJztcbmltcG9ydCB7IFRva2VuU2VhcmNoSGludHMgfSBmcm9tICcuL1Rva2VuU2VhcmNoSGludHMnO1xuXG5leHBvcnQgdHlwZSBIaW50ID0ge1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBhbHRlcm5hdGl2ZXM/OiBzdHJpbmdbXTtcbiAgICBub3RlPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IFRva2VuTGlzdDogRkMgPSAoKSA9PiB7XG4gICAgY29uc3QgeyByZXN1bHRzLCB0ZXJtcyB9ID0gdXNlVG9rZW5TZWFyY2hDb250ZXh0KCk7XG4gICAgcmV0dXJuIHJlc3VsdHMubGVuZ3RoID8gKFxuICAgICAgICA8TGlzdD5cbiAgICAgICAgICAgIHtyZXN1bHRzLm1hcCh0b2tlbiA9PiAoXG4gICAgICAgICAgICAgICAgPFRva2VuQ2FyZCBrZXk9e3Rva2VuLmlkfSB0b2tlbj17dG9rZW59IC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9MaXN0PlxuICAgICkgOiAoXG4gICAgICAgIDxOb1Jlc3VsdHM+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJzXCIgY29sdW1uPlxuICAgICAgICAgICAgICAgIDxoMz5ObyB0b2tlbnMgZm91bmQ8L2gzPlxuICAgICAgICAgICAgICAgIDxUb2tlblNlYXJjaEhpbnRzIHRlcm1zPXt0ZXJtc30gLz5cbiAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPC9Ob1Jlc3VsdHM+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgICBpc05vdERlZmF1bHQ6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxQcm9wcz5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogMTJweDtcbiAgICBmb250LXNpemU6IDE0cHg7XG5cbiAgICBsYWJlbCB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIH1cblxuICAgIHAge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgc2VsZWN0IHtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgICBwYWRkaW5nOiAyLjVweCA1cHg7XG4gICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7KHsgaXNOb3REZWZhdWx0IH0pID0+IChpc05vdERlZmF1bHQgPyBgb3JhbmdlO2AgOiAnI2NjYycpfTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0ID0gc3R5bGVkLnNlbGVjdGBcbiAgICBwYWRkaW5nOiA1cHggMTBweDtcbmA7XG4iLCIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sICovXG5pbXBvcnQgeyBDb2xvclNjaGVtZU5hbWUsIGNvbG9yU2NoZW1lQ29uZmlnIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRva2VuU2VhcmNoQ29udGV4dCB9IGZyb20gJy4uL3Byb3ZpZGVycy91c2VUb2tlblNlYXJjaENvbnRleHQnO1xuXG5pbXBvcnQgeyBEaXYsIFNlbGVjdCB9IGZyb20gJy4vU2NoZW1lU3dpdGNoZXIuc3R5bGVzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgICBvbkNoYW5nZT86ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IFNjaGVtZVN3aXRjaGVyOiBGQzxQcm9wcz4gPSAoeyBvbkNoYW5nZSB9KSA9PiB7XG4gICAgY29uc3QgeyBjb2xvclNjaGVtZSwgc2V0Q29sb3JTY2hlbWUgfSA9IHVzZVRva2VuU2VhcmNoQ29udGV4dCgpO1xuXG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChldjogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTFNlbGVjdEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBjb25zdCBuZXdDb2xvclNjaGVtZSA9IGV2LnRhcmdldC52YWx1ZSBhcyBDb2xvclNjaGVtZU5hbWU7XG4gICAgICAgICAgICB3aW5kb3c/LmxvY2FsU3RvcmFnZT8uc2V0SXRlbSgnc3Rvcnlib29rLmRzLWNvbG9yLXNjaGVtZScsIG5ld0NvbG9yU2NoZW1lKTtcbiAgICAgICAgICAgIHNldENvbG9yU2NoZW1lKG5ld0NvbG9yU2NoZW1lID8/IHVuZGVmaW5lZCk7XG4gICAgICAgICAgICBvbkNoYW5nZT8uKG5ld0NvbG9yU2NoZW1lKTtcbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlLCBzZXRDb2xvclNjaGVtZV0sXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgaXNOb3REZWZhdWx0PXshIWNvbG9yU2NoZW1lfT5cbiAgICAgICAgICAgIDxsYWJlbD5Db2xvciBTY2hlbWU8L2xhYmVsPlxuICAgICAgICAgICAgPFNlbGVjdCB2YWx1ZT17Y29sb3JTY2hlbWV9IG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9PlxuICAgICAgICAgICAgICAgIDxvcHRpb24ga2V5PVwibm9uZVwiIHZhbHVlPVwiXCI+XG4gICAgICAgICAgICAgICAgICAgIC0tIG5vIGNvbG9yIHNjaGVtZSAtLVxuICAgICAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICAgICAgICAgIHtPYmplY3Qua2V5cyhjb2xvclNjaGVtZUNvbmZpZykubWFwKGtleSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxvcHRpb24ga2V5PXtrZXl9IHZhbHVlPXtrZXl9PlxuICAgICAgICAgICAgICAgICAgICAgICAge2tleX1cbiAgICAgICAgICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L1NlbGVjdD5cbiAgICAgICAgPC9EaXY+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IERpdiA9IHN0eWxlZC5kaXZgXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBtYXgtaGVpZ2h0OiA0OHB4O1xuICAgIG1pbi1oZWlnaHQ6IDI0cHg7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuXG4gICAgcCB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5cbiAgICBhIHtcbiAgICAgICAgY29sb3I6ICMwMDc3YjM7XG4gICAgfVxuYDtcbiIsImltcG9ydCB7IFRleHRIaWdobGlnaHRlZCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRva2VuU2VhcmNoQ29udGV4dCB9IGZyb20gJy4uL3Byb3ZpZGVycy91c2VUb2tlblNlYXJjaENvbnRleHQnO1xuXG5pbXBvcnQgeyBEaXYgfSBmcm9tICcuL1NlYXJjaFRlcm1zLnN0eWxlcyc7XG5cbmNvbnN0IFNlYXJjaEJ5SWQgPSAoeyBpZCB9KSA9PiAoXG4gICAgPD5cbiAgICAgICAgU2VhcmNoaW5nIGZvciB0b2tlbiBJRCA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImJsdWVcIj57aWR9PC9UZXh0SGlnaGxpZ2h0ZWQ+LlxuICAgIDwvPlxuKTtcblxuY29uc3QgU2VhcmNoQnlOYW1lID0gKHsgdGVybXMsIGNvbG9yU2NoZW1lLCByZXN1bHRzIH0pID0+IChcbiAgICA8PlxuICAgICAgICBGb3VuZCB7cmVzdWx0cy5sZW5ndGh9IHJlc3VsdHMgbWF0Y2hpbmd7JyAnfVxuICAgICAgICA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImdyZWVuXCI+e3Rlcm1zfTwvVGV4dEhpZ2hsaWdodGVkPnsnICd9XG4gICAgICAgIHtjb2xvclNjaGVtZSA/IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgd2l0aGluIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiZ3JlZW5cIj5jb2xvciBzY2hlbWUgYXdhcmU8L1RleHRIaWdobGlnaHRlZD57JyAnfVxuICAgICAgICAgICAgICAgIHRva2Vucy5cbiAgICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgICAgPD53aXRoaW4gdG9rZW5zIHdpdGhvdXQgY29sb3Igc2NoZW1lLjwvPlxuICAgICAgICApfVxuICAgIDwvPlxuKTtcblxuY29uc3QgTm90RmlsdGVyZWQgPSAoeyBjb2xvclNjaGVtZSwgcmVzdWx0cyB9KSA9PiAoXG4gICAgPD5cbiAgICAgICAge2NvbG9yU2NoZW1lID8gKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICBTaG93aW5nIGFsbCA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImJsdWVcIj57cmVzdWx0cy5sZW5ndGh9PC9UZXh0SGlnaGxpZ2h0ZWQ+eycgJ31cbiAgICAgICAgICAgICAgICB0b2tlbnMgdGhhdCBhcmV7JyAnfVxuICAgICAgICAgICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiZ3JlZW5cIj5jb2xvciBzY2hlbWUgYXdhcmU8L1RleHRIaWdobGlnaHRlZD4uXG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgU2hvd2luZyBhbGwgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJibHVlXCI+e3Jlc3VsdHMubGVuZ3RofTwvVGV4dEhpZ2hsaWdodGVkPnsnICd9XG4gICAgICAgICAgICAgICAgY29sb3Igc2NoZW1lIGFub3N0aWMgdG9rZW5zLlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgPC8+XG4pO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoVGVybXM6IEZDID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgdGVybXMsIGNvbG9yU2NoZW1lLCByZXN1bHRzIH0gPSB1c2VUb2tlblNlYXJjaENvbnRleHQoKTtcbiAgICBjb25zdCBpZCA9IHRlcm1zPy5zdGFydHNXaXRoKCctLScpICYmIHRlcm1zPy5zdWJzdHJpbmcoMik7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdj5cbiAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgIHtpZCAmJiA8U2VhcmNoQnlJZCBpZD17aWR9IC8+fVxuICAgICAgICAgICAgICAgIHt0ZXJtcyAmJiAhaWQgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8U2VhcmNoQnlOYW1lIHRlcm1zPXt0ZXJtc30gY29sb3JTY2hlbWU9e2NvbG9yU2NoZW1lfSByZXN1bHRzPXtyZXN1bHRzfSAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgeyF0ZXJtcyAmJiAhaWQgJiYgPE5vdEZpbHRlcmVkIGNvbG9yU2NoZW1lPXtjb2xvclNjaGVtZX0gcmVzdWx0cz17cmVzdWx0c30gLz59eycgJ31cbiAgICAgICAgICAgICAgICB7Y29sb3JTY2hlbWUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8YSBocmVmPVwiLi8/cGF0aD0vc3RvcnkvZ3VpZGVzLWNvbG9yLXNjaGVtZXMtaW50cm8tLXBhZ2VcIj5MZWFybiBtb3JlPC9hPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L3A+XG4gICAgICAgIDwvRGl2PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBUb2tlblNlYXJjaFN0YXRpYyA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1hcmdpbi10b3A6IC0yMHB4O1xuICAgIHBhZGRpbmctYm90dG9tOiAyMDBweDtcbiAgICBoMSB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoRm9ybSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogOTk5OTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmc6IDIwcHggMjBweCAyNHB4O1xuICAgIGdhcDogMTZweDtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hGb3JtQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWF4LXdpZHRoOiAxMDAwcHg7XG4gICAgbWFyZ2luOiAwIGF1dG87XG5gO1xuXG50eXBlIFNlYXJjaFByb3BzID0ge1xuICAgIHRlcm1zPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaElucHV0ID0gc3R5bGVkLmlucHV0PFNlYXJjaFByb3BzPmBcbiAgICBmbGV4OiAxO1xuICAgIHBhZGRpbmc6IDhweDtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRlcm1zIH0pID0+ICh0ZXJtcyA/IGBvcmFuZ2U7YCA6ICcjY2NjJyl9O1xuYDtcbiIsIi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2FuY2hvci1pcy12YWxpZCAqL1xuaW1wb3J0IHsgQ29sb3JTY2hlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IG1ha2VUb2tlbkV4cGxvcmVyVXJsIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgdXNlU2V0VGhlbWUsIHVzZVRoZW1lLCB1c2VUaGVtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IExheW91dEZsZXgsIExpbmsgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlVG9rZW5TZWFyY2hDb250ZXh0IH0gZnJvbSAnLi4vcHJvdmlkZXJzL3VzZVRva2VuU2VhcmNoQ29udGV4dCc7XG5cbmltcG9ydCB7IFNjaGVtZVN3aXRjaGVyIH0gZnJvbSAnLi9TY2hlbWVTd2l0Y2hlcic7XG5pbXBvcnQgeyBTZWFyY2hUZXJtcyB9IGZyb20gJy4vU2VhcmNoVGVybXMnO1xuaW1wb3J0IHtcbiAgICBTZWFyY2hGb3JtLFxuICAgIFNlYXJjaEZvcm1Db250ZW50LFxuICAgIFNlYXJjaElucHV0LFxuICAgIFRva2VuU2VhcmNoU3RhdGljLFxufSBmcm9tICcuL1Rva2VuU2VhcmNoLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBUb2tlblNlYXJjaDogRkMgPSAoKSA9PiB7XG4gICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCB7IHRoZW1lcyB9ID0gdXNlVGhlbWVzKCk7XG4gICAgY29uc3QgeyBzZXRUaGVtZSB9ID0gdXNlU2V0VGhlbWUoKTtcbiAgICBjb25zdCB7IGNvbG9yU2NoZW1lLCB0ZXJtcywgc2V0Q29sb3JTY2hlbWUsIHNldFNlYXJjaFRlcm1zIH0gPSB1c2VUb2tlblNlYXJjaENvbnRleHQoKTtcbiAgICBjb25zdCBbc2hvd0ZlZWRiYWNrLCBzZXRTaG93RmVlZGJhY2tdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuICAgIGNvbnN0IFt0aW1lb3V0SWQsIHNldFRpbWVvdXRJZF0gPSB1c2VTdGF0ZTxudW1iZXIgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbiAgICBjb25zdCB1cmwgPSB1c2VNZW1vKCgpID0+IG5ldyBVUkwod2luZG93LnRvcD8ubG9jYXRpb24uaHJlZiB8fCAnJyksIFtdKTtcbiAgICBjb25zdCBwYXJhbXMgPSB1cmwuc2VhcmNoUGFyYW1zO1xuICAgIGNvbnN0IHVybFRoZW1lID0gcGFyYW1zLmdldCgndGhlbWUnKTtcbiAgICBjb25zdCBuZXdUaGVtZSA9IHVybFRoZW1lICYmIHRoZW1lcz8uZmluZCh0ID0+IHQubmFtZSA9PT0gdXJsVGhlbWUpO1xuICAgIGNvbnN0IHVybENvbG9yU2NoZW1lID0gcGFyYW1zLmdldCgnY29sb3JTY2hlbWUnKTtcbiAgICBjb25zdCB1cmxUZXJtcyA9IHBhcmFtcy5nZXQoJ3Rlcm1zJyk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAodXJsVGhlbWUpIHtcbiAgICAgICAgICAgIGlmICh1cmxUaGVtZSAhPT0gdGhlbWUubmFtZSAmJiBzZXRUaGVtZSAmJiBuZXdUaGVtZSkge1xuICAgICAgICAgICAgICAgIHNldFRoZW1lKG5ld1RoZW1lKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGlmICh1cmxUaGVtZSAmJiB1cmxDb2xvclNjaGVtZSAhPT0gY29sb3JTY2hlbWUpIHtcbiAgICAgICAgICAgICAgICBzZXRDb2xvclNjaGVtZSh1cmxDb2xvclNjaGVtZSBhcyBDb2xvclNjaGVtZU5hbWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2V0U2VhcmNoVGVybXModXJsVGVybXMgfHwgJycpO1xuICAgICAgICB9XG5cbiAgICAgICAgcGFyYW1zLmRlbGV0ZSgndGhlbWUnKTtcbiAgICAgICAgcGFyYW1zLmRlbGV0ZSgnY29sb3JTY2hlbWUnKTtcbiAgICAgICAgcGFyYW1zLmRlbGV0ZSgndGVybXMnKTtcbiAgICAgICAgd2luZG93LnRvcD8uaGlzdG9yeS5yZXBsYWNlU3RhdGUoe30sICcnLCB1cmwpO1xuICAgICAgICB3aW5kb3cuY2xlYXJUaW1lb3V0KHRpbWVvdXRJZCk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBoYW5kbGVTZWFyY2hUZXJtc0NoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAodmFsdWU6IHN0cmluZykgPT4gc2V0U2VhcmNoVGVybXModmFsdWUpLFxuICAgICAgICBbc2V0U2VhcmNoVGVybXNdLFxuICAgICk7XG5cbiAgICBjb25zdCBmdWxsVXJsID0gbWFrZVRva2VuRXhwbG9yZXJVcmwoeyB0ZXJtcywgdGhlbWU6IHRoZW1lLm5hbWUsIGNvbG9yU2NoZW1lIH0pO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2tQZXJtYWxpbmsgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgZXYgPT4ge1xuICAgICAgICAgICAgbmF2aWdhdG9yLmNsaXBib2FyZC53cml0ZVRleHQoZnVsbFVybCk7XG4gICAgICAgICAgICBldi5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgc2V0U2hvd0ZlZWRiYWNrKHRydWUpO1xuICAgICAgICAgICAgd2luZG93LmNsZWFyVGltZW91dCh0aW1lb3V0SWQpO1xuICAgICAgICAgICAgc2V0VGltZW91dElkKHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IHNldFNob3dGZWVkYmFjayhmYWxzZSksIDUwMDApKTtcbiAgICAgICAgfSxcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICAgICAgICBbZnVsbFVybCwgdGltZW91dElkXSxcbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRva2VuU2VhcmNoU3RhdGljPlxuICAgICAgICAgICAgPFNlYXJjaEZvcm0+XG4gICAgICAgICAgICAgICAgPFNlYXJjaEZvcm1Db250ZW50PlxuICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJ4c1wiIGRpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExheW91dEZsZXgganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgYWxpZ25JdGVtcz1cInN0YXJ0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgxIGlkPVwidG9rZW5zXCIgY2xhc3NOYW1lPVwic2Jkb2NzIHNiZG9jcy1oMSBjc3MtMWoyOHR0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFRva2VuIEV4cGxvcmVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9oMT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dGVybXMgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwic3RhcnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYWxpZ25JdGVtcz1cImVuZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMaW5rIHVybD17ZnVsbFVybH0gb25DbGljaz17aGFuZGxlQ2xpY2tQZXJtYWxpbmt9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIExpbmsgdG8gdGhpcyBzZWFyY2hcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG93RmVlZGJhY2sgJiYgJ+KckyBVUkwgY29waWVkIHRvIGNsaXBib2FyZCd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgICAgICAgICAgPExheW91dEZsZXggZ2FwPVwiMnhzXCIgbm93cmFwPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTZWFyY2hJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXJtcz17dGVybXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJleGFtcGxlczogdGVhbCwgMzAwLCBhY3Rpb24sIHByaW1hcnksIHhzLCAtLTRhZGVmLCAjMDAsIDEycHhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXYgPT4gaGFuZGxlU2VhcmNoVGVybXNDaGFuZ2UoZXYudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3Rlcm1zfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNjaGVtZVN3aXRjaGVyIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U2VhcmNoVGVybXMgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgIDwvU2VhcmNoRm9ybUNvbnRlbnQ+XG4gICAgICAgICAgICA8L1NlYXJjaEZvcm0+XG4gICAgICAgIDwvVG9rZW5TZWFyY2hTdGF0aWM+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NzQ29udGV4dFByb3BzIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVG9rZW5TZWFyY2hQcm92aWRlciB9IGZyb20gJy4vVG9rZW5TZWFyY2hQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGNvbnRleHQ6IERvY3NDb250ZXh0UHJvcHM7XG59XG5cbmV4cG9ydCBjb25zdCBTdG9yeUNvbnRleHRXaXRoVG9rZW5zOiBGQzxQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY29udGV4dCB9KSA9PiB7XG4gICAgY29uc29sZS5pbmZvKCdAcHJlcGx5L2RzLWRvY3MtY29udGV4dDpTdG9yeUNvbnRleHRXaXRoVG9rZW5zJyk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERvY0NvbnRleHREU1dlYiBjb250ZXh0PXtjb250ZXh0fT5cbiAgICAgICAgICAgIDxUb2tlblNlYXJjaFByb3ZpZGVyPntjaGlsZHJlbn08L1Rva2VuU2VhcmNoUHJvdmlkZXI+XG4gICAgICAgIDwvRG9jQ29udGV4dERTV2ViPlxuICAgICk7XG59O1xuIiwiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IEljb24sIExheW91dEZsZXgsIFRleHQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1saWInO1xuaW1wb3J0IHsgUm9vdFByb3ZpZGVyIH0gZnJvbSAnQHByZXBseS9kcy13ZWItcm9vdCc7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgVG9rZW5MaXN0IH0gZnJvbSAnLi9jb21wb25lbnRzL1Rva2VuTGlzdCc7XG5pbXBvcnQgeyBUb2tlblNlYXJjaCB9IGZyb20gJy4vY29tcG9uZW50cy9Ub2tlblNlYXJjaCc7XG5pbXBvcnQgeyBTdG9yeUNvbnRleHRXaXRoVG9rZW5zIH0gZnJvbSAnLi9wcm92aWRlcnMvU3RvcnlDb250ZXh0V2l0aFRva2Vucyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIidHdWlkZXMvVG9rZW4gRXhwbG9yZXJcIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogU3RvcnlDb250ZXh0V2l0aFRva2Vuc1xuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+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/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/OThjMyJdLCJuYW1lcyI6WyJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHVDQUFaO0FBQW9ELGNBQVUsRUFBRTtBQUM5REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUR3RCxLQUFoRTtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTCxrRUFBQyw2RUFBRDtBQUFlLFdBQU8sRUFBQztBQUF2QixJQVZLLEVBV0w7QUFDRSxVQUFNO0FBRFIsdURBWEssRUFjTCxnYkFkSyxFQW1CTCw0TEFuQkssRUFxQkwsd0tBckJL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QUFRLEVBQUU7QUFBWixDQUFwQjtBQUVBLElBQU1DLGFBQWEsR0FBRztBQUFFQyxPQUFLLEVBQUUsdUNBQVQ7QUFBa0RILFlBQVUsRUFBRTtBQUNsRk4sUUFBSSxFQUFFO0FBQ0pDLGVBQVMsRUFBRUMsK0VBQWVBO0FBRHRCO0FBRDRFLEdBQTlEO0FBSW5CUSxnQkFBYyxFQUFFLENBQUMsUUFBRDtBQUpHLENBQXRCO0FBTUEsSUFBTUMsaUJBQWlCLEdBQUcsRUFBMUI7QUFFQUgsYUFBYSxDQUFDRixVQUFkLEdBQTJCRSxhQUFhLENBQUNGLFVBQWQsSUFBNEIsRUFBdkQ7QUFDQUUsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixxQkFDTVEsYUFBYSxDQUFDRixVQUFkLENBQXlCTixJQUF6QixJQUFpQyxFQUR2QztBQUVFWSxNQUFJLEVBQUU7QUFBQSxXQUFNLGtFQUFDLHdFQUFEO0FBQVksdUJBQWlCLEVBQUVELGlCQUEvQjtBQUFrRCw2QkFBdUIsRUFBRUg7QUFBM0UsT0FBMEYsa0VBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw0RUFBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMDAuZGV2ZWxvcGluZy1jdXN0b20tY29tcG9uZW50cy5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IERvY0NvbnRleHREU1dlYiwgVGhlbWVTd2l0Y2hlciB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy1jb250ZXh0JztcbmltcG9ydCB7IENvZGVEbywgQ29kZURvbnQgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcblxuXG5jb25zdCBsYXlvdXRQcm9wcyA9IHtcbiAgXG59O1xuY29uc3QgTURYTGF5b3V0ID0gXCJ3cmFwcGVyXCJcbmZ1bmN0aW9uIE1EWENvbnRlbnQoe1xuICBjb21wb25lbnRzLFxuICAuLi5wcm9wc1xufSkge1xuICByZXR1cm4gPE1EWExheW91dCB7Li4ubGF5b3V0UHJvcHN9IHsuLi5wcm9wc30gY29tcG9uZW50cz17Y29tcG9uZW50c30gbWR4VHlwZT1cIk1EWExheW91dFwiPlxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9DdXN0b20gQ29tcG9uZW50cy9JbnRyb2R1Y3Rpb25cIiBwYXJhbWV0ZXJzPXt7XG4gICAgICBkb2NzOiB7XG4gICAgICAgIGNvbnRhaW5lcjogRG9jQ29udGV4dERTV2ViXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8aDEgey4uLntcbiAgICAgIFwiaWRcIjogXCJkZXZlbG9waW5nLWN1c3RvbS1jb21wb25lbnRzLXdpdGgtZHMtcHJpbWl0aXZlc1wiXG4gICAgfX0+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/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["b" /* 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')},"./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 @Tue May 16 2023 17:05:33 GMT+0000 (Coordinated Universal Time) */\\n/* AUTO GENERATED @Tue May 16 2023 17:05:34 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/IS4uLy4uL25vZGVfbW9kdWxlcy9wb3N0Y3NzLWxvYWRlci9kaXN0L2Nqcy5qcz8hLi4vLi4vbm9kZV9tb2R1bGVzL2xlc3MtbG9hZGVyL2Rpc3QvY2pzLmpzIS4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8xMC5sZXNzL2V4YW1wbGVzL015TGVzc0NvbXBvbmVudFdpdGhCcmVha3BvaW50cy5tb2R1bGUubGVzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEltcG9ydHNcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fIGZyb20gXCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kb2NzL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9jc3NXaXRoTWFwcGluZ1RvU3RyaW5nLmpzXCI7XG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fIGZyb20gXCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kb2NzL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9hcGkuanNcIjtcbnZhciBfX19DU1NfTE9BREVSX0VYUE9SVF9fXyA9IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyhfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fKTtcbi8vIE1vZHVsZVxuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18ucHVzaChbbW9kdWxlLmlkLCBcIi8qIEFVVE8gR0VORVJBVEVEIEBUdWUgTWF5IDE2IDIwMjMgMTc6MDU6MzMgR01UKzAwMDAgKENvb3JkaW5hdGVkIFVuaXZlcnNhbCBUaW1lKSAqL1xcbi8qIEFVVE8gR0VORVJBVEVEIEBUdWUgTWF5IDE2IDIwMjMgMTc6MDU6MzQgR01UKzAwMDAgKENvb3JkaW5hdGVkIFVuaXZlcnNhbCBUaW1lKSAqL1xcbi5fMXhaYmphIHtcXG4gIGRpc3BsYXk6IGdyaWQ7XFxuICAvKiBiYXNlIHJ1bGVzIChtb2JpbGUgZmlyc3QhKSAqL1xcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XFxuICBnYXA6IHZhcigtLTc0MzgwMik7XFxufVxcbkBtZWRpYSAobWluLXdpZHRoOiA4ODBweCkge1xcbiAgLl8xeFpiamEge1xcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciA0ZnIgMWZyO1xcbiAgfVxcbn1cXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi8uLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoQnJlYWtwb2ludHMubW9kdWxlLmxlc3NcIl0sXCJuYW1lc1wiOltdLFwibWFwcGluZ3NcIjpcIkFBQUEsbUZBQW1GO0FBQ25GLG1GQUFtRjtBQUVuRjtFQUNJLGFBQUE7RUFBRiwrQkFBK0I7RUFDN0IsMEJBQUE7RUFDQSxrQkFBQTtBQUNKO0FBQ0k7RUFBQTtJQUNJLGtDQUFBO0VBRU47QUFDRlwiLFwic291cmNlc0NvbnRlbnRcIjpbXCJAaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL3Rva2Vucy5sZXNzJztcXG5AaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL2JyZWFrcG9pbnRzLmxlc3MnO1xcblxcbi5NeUNvbXBvbmVudCB7XFxuICAgIGRpc3BsYXk6IGdyaWQ7IC8qIGJhc2UgcnVsZXMgKG1vYmlsZSBmaXJzdCEpICovXFxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xcbiAgICBnYXA6IEByb290LXNwYWNlLXM7XFxuXFxuICAgIEBtZWRpYSBAbWVkaXVtLWwge1xcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgNGZyIDFmcjtcXG4gICAgfVxcbn1cXG5cIl0sXCJzb3VyY2VSb290XCI6XCJcIn1dKTtcbi8vIEV4cG9ydHNcbl9fX0NTU19MT0FERVJfRVhQT1JUX19fLmxvY2FscyA9IHtcblx0XCJNeUNvbXBvbmVudFwiOiBcIl8xeFpiamFcIlxufTtcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sInNvdXJjZVJvb3QiOiIifQ==\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/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 @Tue May 16 2023 17:05:33 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/IS4uLy4uL25vZGVfbW9kdWxlcy9sZXNzLWxvYWRlci9kaXN0L2Nqcy5qcyEuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zLm1vZHVsZS5sZXNzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gSW1wb3J0c1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18gZnJvbSBcIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2Nzc1dpdGhNYXBwaW5nVG9TdHJpbmcuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qc1wiO1xudmFyIF9fX0NTU19MT0FERVJfRVhQT1JUX19fID0gX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fKF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18pO1xuLy8gTW9kdWxlXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5wdXNoKFttb2R1bGUuaWQsIFwiLyogQVVUTyBHRU5FUkFURUQgQFR1ZSBNYXkgMTYgMjAyMyAxNzowNTozMyBHTVQrMDAwMCAoQ29vcmRpbmF0ZWQgVW5pdmVyc2FsIFRpbWUpICovXFxuLmNPOVZYUSB7XFxuICBjb2xvcjogdmFyKC0tZDJiYWE2KTtcXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLTUwOGIzNCk7XFxuICBib3JkZXItcmFkaXVzOiB2YXIoLS04ZDUxMzEpO1xcbn1cXG4uU2FXUDF0IHtcXG4gIHBhZGRpbmc6IHZhcigtLTc0MzgwMik7XFxufVxcbi5kT2h2a3cge1xcbiAgcGFkZGluZzogdmFyKC0tMzljZTkwKTtcXG59XFxuLmtGNFk1ZSB7XFxuICBwYWRkaW5nOiB2YXIoLS0yOGNmZjEpO1xcbn1cXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi8uLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zLm1vZHVsZS5sZXNzXCJdLFwibmFtZXNcIjpbXSxcIm1hcHBpbmdzXCI6XCJBQUFBLG1GQUFtRjtBQUVuRjtFQUNJLG9CQUFBO0VBQ0EsK0JBQUE7RUFDQSw0QkFBQTtBQUFKO0FBRUk7RUFDSSxzQkFBQTtBQUFSO0FBR0k7RUFDSSxzQkFBQTtBQURSO0FBSUk7RUFDSSxzQkFBQTtBQUZSXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIkBpbXBvcnQgJ0BwcmVwbHkvZHMtd2ViLWNvcmUvZGlzdC9nZW5lcmF0ZWQvdG9rZW5zLmxlc3MnO1xcblxcbi5NeUNvbXBvbmVudCB7XFxuICAgIGNvbG9yOiBAYWN0aW9uLXZhcmlhbnQtcHJpbWFyeS1jb2xvcjtcXG4gICAgYmFja2dyb3VuZC1jb2xvcjogQGFjdGlvbi12YXJpYW50LXByaW1hcnktYmdDb2xvcjtcXG4gICAgYm9yZGVyLXJhZGl1czogQGFjdGlvbi1iYXNlLWJvcmRlclJhZGl1cztcXG5cXG4gICAgJi0tcGFkZGluZy1zIHtcXG4gICAgICAgIHBhZGRpbmc6IEByb290LXNwYWNlLXM7XFxuICAgIH1cXG5cXG4gICAgJi0tcGFkZGluZy1tIHtcXG4gICAgICAgIHBhZGRpbmc6IEByb290LXNwYWNlLW07XFxuICAgIH1cXG5cXG4gICAgJi0tcGFkZGluZy1sIHtcXG4gICAgICAgIHBhZGRpbmc6IEByb290LXNwYWNlLWw7XFxuICAgIH1cXG59XFxuXCJdLFwic291cmNlUm9vdFwiOlwiXCJ9XSk7XG4vLyBFeHBvcnRzXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5sb2NhbHMgPSB7XG5cdFwiTXlDb21wb25lbnRcIjogXCJjTzlWWFFcIixcblx0XCJNeUNvbXBvbmVudC0tcGFkZGluZy1zXCI6IFwiU2FXUDF0XCIsXG5cdFwiTXlDb21wb25lbnQtLXBhZGRpbmctbVwiOiBcImRPaHZrd1wiLFxuXHRcIk15Q29tcG9uZW50LS1wYWRkaW5nLWxcIjogXCJrRjRZNWVcIlxufTtcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sInNvdXJjZVJvb3QiOiIifQ==\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,14,16,18,21,20,15,17,19,5,9,8,6,7,10,11,12,4]]]);