@preply/ds-docs 0.65.0 → 0.65.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~493df0b3.912c04ef.iframe.bundle.js +1 -0
  3. package/dist/main~6dcfc2f7.68e88c52.iframe.bundle.js +1 -0
  4. package/dist/{main~82dd837d.e4557958.iframe.bundle.js → main~82dd837d.9ad15c1b.iframe.bundle.js} +1 -1
  5. package/dist/{main~845980bc.dd0b8550.iframe.bundle.js → main~845980bc.10e8c94c.iframe.bundle.js} +1 -1
  6. package/dist/main~86e34a24.b4b62394.iframe.bundle.js +1 -0
  7. package/dist/main~ac44be07.ef1d5f8a.iframe.bundle.js +1 -0
  8. package/dist/main~c6ee89b6.eb1e6e8e.iframe.bundle.js +1 -0
  9. package/dist/main~de8bc745.aaa81a1c.iframe.bundle.js +1 -0
  10. package/package.json +2 -2
  11. package/dist/main~493df0b3.517a8002.iframe.bundle.js +0 -1
  12. package/dist/main~6dcfc2f7.9449f107.iframe.bundle.js +0 -1
  13. package/dist/main~86e34a24.02137dc8.iframe.bundle.js +0 -1
  14. package/dist/main~ac44be07.2602dfaf.iframe.bundle.js +0 -1
  15. package/dist/main~c6ee89b6.bc9b303c.iframe.bundle.js +0 -1
  16. package/dist/main~de8bc745.6961df06.iframe.bundle.js +0 -1
package/dist/main~c6ee89b6.bc9b303c.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[14],{"../docs-pages/docs/pages/30.guides/00.installation/00.applications.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-toolkit/dist/index.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Installation/Applications",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "installation-applications"\n }, "Installation: Applications"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This guide applies to both client-side and server-side rendered React applications."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "packages"\n }, "Packages"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Our packages are available in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://www.npmjs.com/search?q=%40preply",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "npm"), " registry under the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply"), " namespace."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "yarn add @preply/ds-web-lib @preply/ds-web-root\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "@preply/ds-web-root"), " provides a single entry point to instantiate all the necessary resources in your application."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "@preply/ds-web-lib"), " provides the collection of components documented for the web platform.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "add-the-global-styles"\n }, "Add the global styles"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "index.html"), " file, as close as possible to the start of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<head>"), " tag, add:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-html"\n }, "\x3c!-- Preply DS Global Style https://ds.preply.org/latest/?path=/story/guides-installation-applications--page --\x3e\\n<link rel=\\"preconnect\\" href=\\"https://static.preply.com\\" />\\n<link rel=\\"preload\\" href=\\"https://static.preply.com/ds/global.css\\" as=\\"style\\" />\\n<link\\n rel=\\"preload\\"\\n href=\\"https://static.preply.com/ds/fonts/en/PreplyInter.var.woff2\\"\\n as=\\"font\\"\\n type=\\"font/woff2\\"\\n crossorigin\\n/>\\n<link rel=\\"stylesheet\\" href=\\"https://static.preply.com/ds/global.css\\" />\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This CSS resource contains:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "@font-face"), " declarations for loading ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "PreplyInter"), ". See ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/guides-assets-fonts--page"\n }, "Guides / Assets / Fonts")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "global ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "font-family"), " declarations")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Notes:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "In the future, this global stylesheet will also contain generic reset rules."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "If your app is rendered server side with dynamic ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "<head>"), " content, follow the instructions in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/guides-installation-ssr--page"\n }, "Installation: SSR"), " guide instead.")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "add-rootprovider"\n }, "Add ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "RootProvider")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<RootProvider/>"), " wraps all the other providers and makes sure the CSS classes are added to your DOM. You will need to wrap your code with it."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "target"), " prop determines where to inject the CSS classes and you can provide the DOM element ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "document.body"), " in order to have the CSS classes in scope for components rendered anywhere in the page, including ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("em", {\n parentName: "p"\n }, "portals"), " outside of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<div id=\\"root\\">"), "."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Optional:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "If your app does not have a global CSS reset, you should import ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "reset.less"), ".")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import { RootProvider } from \'@preply/ds-web-root\';\\n// optional\\nimport \'@preply/ds-web-root/dist/styles/global/reset.less\';\\n\\nReactDOM.render(\\n <React.StrictMode>\\n <RootProvider target={document.body}>\\n <App />\\n </RootProvider>\\n </React.StrictMode>,\\n document.getElementById(\'root\'),\\n);\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Note:"), " If your app is rendered server side, continue with the instructions in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-ssr--page"\n }, "Installation: SSR"), " guide."));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Installation/Applications\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMDAuYXBwbGljYXRpb25zLnN0b3JpZXMubWR4P2Q2NmEiXSwibmFtZXMiOlsibGF5b3V0UHJvcHMiLCJNRFhMYXlvdXQiLCJNRFhDb250ZW50IiwiY29tcG9uZW50cyIsInByb3BzIiwiZG9jcyIsImNvbnRhaW5lciIsIkRvY0NvbnRleHREU1dlYiIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUdBLElBQU1BLFdBQVcsR0FBRyxFQUFwQjtBQUdBLElBQU1DLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQUtMLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLGtDQUFaO0FBQStDLGNBQVUsRUFBRTtBQUN6REUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQURtRCxLQUEzRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBTEssRUFVTDtBQUNFLFVBQU07QUFEUixrQ0FWSyxFQWFMLG1LQWJLLEVBY0w7QUFDRSxVQUFNO0FBRFIsZ0JBZEssRUFpQkwsbUhBQXlDO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDckMsWUFBUSwwQ0FENkI7QUFFckMs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QUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIscUJBQ01RLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5Qk4sSUFBekIsSUFBaUMsRUFEdkM7QUFFRVksTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMDAuYXBwbGljYXRpb25zLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBtZHggfSBmcm9tICdAbWR4LWpzL3JlYWN0J1xuXG4vKiBAanN4UnVudGltZSBjbGFzc2ljICovXG4vKiBAanN4IG1keCAqL1xuaW1wb3J0IHsgYXNzZXJ0SXNGbiwgQWRkQ29udGV4dCB9IGZyb20gXCJAc3Rvcnlib29rL2FkZG9uLWRvY3NcIjtcblxuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgU3RvcnlOb3RlIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgTWV0YSB9IGZyb20gJ0BzdG9yeWJvb2svYWRkb24tZG9jcyc7XG5cblxuY29uc3QgbGF5b3V0UHJvcHMgPSB7XG4gIFxufTtcbmNvbnN0IE1EWExheW91dCA9IFwid3JhcHBlclwiXG5mdW5jdGlvbiBNRFhDb250ZW50KHtcbiAgY29tcG9uZW50cyxcbiAgLi4ucHJvcHNcbn0pIHtcbiAgcmV0dXJuIDxNRFhMYXlvdXQgey4uLmxheW91dFByb3BzfSB7Li4ucHJvcHN9IGNvbXBvbmVudHM9e2NvbXBvbmVudHN9IG1keFR5cGU9XCJNRFhMYXlvdXRcIj5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCJHdWlkZXMvSW5zdGFsbGF0aW9uL0FwcGxpY2F0aW9uc1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBEb2NDb250ZXh0RFNXZWJcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwiaW5zdGFsbGF0aW9uLWFwcGxpY2F0aW9uc1wiXG4gICAgfX0+e2BJbnN0YWxsYXRpb246IEFwcGxpY2F0aW9uc2B9PC9oMT5cbiAgICA8cD57YFRoaXMgZ3VpZGUgYXBwbGllcyB0byBib3RoIGNsaWVudC1zaWRlIGFuZCBzZXJ2ZXItc2lkZSByZW5kZXJlZCBSZWFjdCBhcHBsaWNhdGlvbnMuYH08L3A+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwicGFja2FnZXNcIlxuICAgIH19PntgUGFja2FnZXNgfTwvaDI+XG4gICAgPHA+e2BPdXIgcGFja2FnZXMgYXJlIGF2YWlsYWJsZSBpbiB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vd3d3Lm5wbWpzLmNvbS9zZWFyY2g/cT0lNDBwcmVwbHlcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgbnBtYH08L2E+e2AgcmVnaXN0cnkgdW5kZXIgdGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YEBwcmVwbHlgfTwvaW5saW5lQ29kZT57YCBuYW1lc3BhY2UuYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLnt9fT57YHlhcm4gYWRkIEBwcmVwbHkvZHMtd2ViLWxpYiBAcHJlcGx5L2RzLXdlYi1yb290XG5gfTwvY29kZT48L3ByZT5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2BAcHJlcGx5L2RzLXdlYi1yb290YH08L2lubGluZUNvZGU+e2AgcHJvdmlkZXMgYSBzaW5nbGUgZW50cnkgcG9pbnQgdG8gaW5zdGFudGlhdGUgYWxsIHRoZSBuZWNlc3NhcnkgcmVzb3VyY2VzIGluIHlvdXIgYXBwbGljYXRpb24uYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgQHByZXBseS9kcy13ZWItbGliYH08L2lubGluZUNvZGU+e2AgcHJvdmlkZXMgdGhlIGNvbGxlY3Rpb24gb2YgY29tcG9uZW50cyBkb2N1bWVudGVkIGZvciB0aGUgd2ViIHBsYXRmb3JtLmB9PC9saT5cbiAgICA8L3VsPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImFkZC10aGUtZ2xvYmFsLXN0eWxlc1wiXG4gICAgfX0+e2BBZGQgdGhlIGdsb2JhbCBzdHlsZXNgfTwvaDI+XG4gICAgPHA+e2BJbiB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgaW5kZXguaHRtbGB9PC9pbmxpbmVDb2RlPntgIGZpbGUsIGFzIGNsb3NlIGFzIHBvc3NpYmxlIHRvIHRoZSBzdGFydCBvZiB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPGhlYWQ+YH08L2lubGluZUNvZGU+e2AgdGFnLCBhZGQ6YH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLntcbiAgICAgICAgXCJjbGFzc05hbWVcIjogXCJsYW5ndWFnZS1odG1sXCJcbiAgICAgIH19PntgPCEtLSBQcmVwbHkgRFMgR2xvYmFsIFN0eWxlIGh0dHBzOi8vZHMucHJlcGx5Lm9yZy9sYXRlc3QvP3BhdGg9L3N0b3J5L2d1aWRlcy1pbnN0YWxsYXRpb24tYXBwbGljYXRpb25zLS1wYWdlIC0tPlxuPGxpbmsgcmVsPVwicHJlY29ubmVjdFwiIGhyZWY9XCJodHRwczovL3N0YXRpYy5wcmVwbHkuY29tXCIgLz5cbjxsaW5rIHJlbD1cInByZWxvYWRcIiBocmVmPVwiaHR0cHM6Ly9zdGF0aWMucHJlcGx5LmNvbS9kcy9nbG9iYWwuY3NzXCIgYXM9XCJzdHlsZVwiIC8+XG48bGlua1xuICAgIHJlbD1cInByZWxvYWRcIlxuICAgIGhyZWY9XCJodHRwczovL3N0YXRpYy5wcmVwbHkuY29tL2RzL2ZvbnRzL2VuL1ByZXBseUludGVyLnZhci53b2ZmMlwiXG4gICAgYXM9XCJmb250XCJcbiAgICB0eXBlPVwiZm9udC93b2ZmMlwiXG4gICAgY3Jvc3NvcmlnaW5cbi8+XG48bGluayByZWw9XCJzdHlsZXNoZWV0XCIgaHJlZj1cImh0dHBzOi8vc3RhdGljLnByZXBseS5jb20vZHMvZ2xvYmFsLmNzc1wiIC8+XG5gfTwvY29kZT48L3ByZT5cbiAgICA8cD57YFRoaXMgQ1NTIHJlc291cmNlIGNvbnRhaW5zOmB9PC9wPlxuICAgIDx1bD5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj48aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YEBmb250LWZhY2VgfTwvaW5saW5lQ29kZT57YCBkZWNsYXJhdGlvbnMgZm9yIGxvYWRpbmcgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YFByZXBseUludGVyYH08L2lubGluZUNvZGU+e2AuIFNlZSBgfTxhIHBhcmVudE5hbWU9XCJsaVwiIHsuLi57XG4gICAgICAgICAgXCJocmVmXCI6IFwiL3N0b3J5L2d1aWRlcy1hc3NldHMtZm9udHMtLXBhZ2VcIlxuICAgICAgICB9fT57YEd1aWRlcyAvIEFzc2V0cyAvIEZvbnRzYH08L2E+PC9saT5cbiAgICAgIDxsaSBwYXJlbnROYW1lPVwidWxcIj57YGdsb2JhbCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgZm9udC1mYW1pbHlgfTwvaW5saW5lQ29kZT57YCBkZWNsYXJhdGlvbnNgfTwvbGk+XG4gICAgPC91bD5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BOb3RlczpgfTwvc3Ryb25nPjwvcD5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BJbiB0aGUgZnV0dXJlLCB0aGlzIGdsb2JhbCBzdHlsZXNoZWV0IHdpbGwgYWxzbyBjb250YWluIGdlbmVyaWMgcmVzZXQgcnVsZXMuYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgSWYgeW91ciBhcHAgaXMgcmVuZGVyZWQgc2VydmVyIHNpZGUgd2l0aCBkeW5hbWljIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2A8aGVhZD5gfTwvaW5saW5lQ29kZT57YCBjb250ZW50LCBmb2xsb3cgdGhlIGluc3RydWN0aW9ucyBpbiB0aGUgYH08YSBwYXJlbnROYW1lPVwibGlcIiB7Li4ue1xuICAgICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9ndWlkZXMtaW5zdGFsbGF0aW9uLXNzci0tcGFnZVwiXG4gICAgICAgIH19PntgSW5zdGFsbGF0aW9uOiBTU1JgfTwvYT57YCBndWlkZSBpbnN0ZWFkLmB9PC9saT5cbiAgICA8L3VsPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcImFkZC1yb290cHJvdmlkZXJcIlxuICAgIH19PntgQWRkIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImgyXCI+e2BSb290UHJvdmlkZXJgfTwvaW5saW5lQ29kZT48L2gyPlxuICAgIDxwPntgVGhlIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxSb290UHJvdmlkZXIvPmB9PC9pbmxpbmVDb2RlPntgIHdyYXBzIGFsbCB0aGUgb3RoZXIgcHJvdmlkZXJzIGFuZCBtYWtlcyBzdXJlIHRoZSBDU1MgY2xhc3NlcyBhcmUgYWRkZWQgdG8geW91ciBET00uIFlvdSB3aWxsIG5lZWQgdG8gd3JhcCB5b3VyIGNvZGUgd2l0aCBpdC5gfTwvcD5cbiAgICA8cD57YFRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2B0YXJnZXRgfTwvaW5saW5lQ29kZT57YCBwcm9wIGRldGVybWluZXMgd2hlcmUgdG8gaW5qZWN0IHRoZSBDU1MgY2xhc3NlcyBhbmQgeW91IGNhbiBwcm92aWRlIHRoZSBET00gZWxlbWVudCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2Bkb2N1bWVudC5ib2R5YH08L2lubGluZUNvZGU+e2AgaW4gb3JkZXIgdG8gaGF2ZSB0aGUgQ1NTIGNsYXNzZXMgaW4gc2NvcGUgZm9yIGNvbXBvbmVudHMgcmVuZGVyZWQgYW55d2hlcmUgaW4gdGhlIHBhZ2UsIGluY2x1ZGluZyBgfTxlbSBwYXJlbnROYW1lPVwicFwiPntgcG9ydGFsc2B9PC9lbT57YCBvdXRzaWRlIG9mIGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cInBcIj57YDxkaXYgaWQ9XCJyb290XCI+YH08L2lubGluZUNvZGU+e2AuYH08L3A+XG4gICAgPHA+e2BPcHRpb25hbDpgfTwvcD5cbiAgICA8dWw+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+e2BJZiB5b3VyIGFwcCBkb2VzIG5vdCBoYXZlIGEgZ2xvYmFsIENTUyByZXNldCwgeW91IHNob3VsZCBpbXBvcnQgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwibGlcIj57YHJlc2V0Lmxlc3NgfTwvaW5saW5lQ29kZT57YC5gfTwvbGk+XG4gICAgPC91bD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue1xuICAgICAgICBcImNsYXNzTmFtZVwiOiBcImxhbmd1YWdlLXRzeFwiXG4gICAgICB9fT57YGltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuLy8gb3B0aW9uYWxcbmltcG9ydCAnQHByZXBseS9kcy13ZWItcm9vdC9kaXN0L3N0eWxlcy9nbG9iYWwvcmVzZXQubGVzcyc7XG5cblJlYWN0RE9NLnJlbmRlcihcbiAgICA8UmVhY3QuU3RyaWN0TW9kZT5cbiAgICAgICAgPFJvb3RQcm92aWRlciB0YXJnZXQ9e2RvY3VtZW50LmJvZHl9PlxuICAgICAgICAgICAgPEFwcCAvPlxuICAgICAgICA8L1Jvb3RQcm92aWRlcj5cbiAgICA8L1JlYWN0LlN0cmljdE1vZGU+LFxuICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdyb290JyksXG4pO1xuYH08L2NvZGU+PC9wcmU+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgTm90ZTpgfTwvc3Ryb25nPntgIElmIHlvdXIgYXBwIGlzIHJlbmRlcmVkIHNlcnZlciBzaWRlLCBjb250aW51ZSB3aXRoIHRoZSBpbnN0cnVjdGlvbnMgaW4gdGhlIGB9PGEgcGFyZW50TmFtZT1cInBcIiB7Li4ue1xuICAgICAgICBcImhyZWZcIjogXCIvc3RvcnkvZ3VpZGVzLWluc3RhbGxhdGlvbi1zc3ItLXBhZ2VcIlxuICAgICAgfX0+e2BJbnN0YWxsYXRpb246IFNTUmB9PC9hPntgIGd1aWRlLmB9PC9wPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL0luc3RhbGxhdGlvbi9BcHBsaWNhdGlvbnMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/00.installation/00.applications.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/00.installation/10.ssr.stories.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Installation/SSR",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "installation-ssr-applications"\n }, "Installation: SSR Applications"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "This guide assumes you have read and followed the steps in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/guides-installation-applications--page"\n }, "Installation: Applications"), " guide."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "packages"\n }, "Packages"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "You will need to install one extra package. ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "@preply/ds-web-core"), ", which provides you with everything you need to collect stylesheets and CSS classes during SSR time."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "yarn add @preply/ds-web-core\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "instruct-rootprovider-to-not-render-any-css-classes"\n }, "Instruct ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "h2"\n }, "RootProvider"), " to NOT render any CSS classes"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In the case of SSR, ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "document.body"), " is not available during SSR, so you will need to provide ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "target=\\"none\\""), " instead."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import { RootProvider } from \'@preply/ds-web-root\';\\n\\nexport const wrapWihtProviders = () => (values: ContextValues) => {\\n return (elements: React.ReactNode) => (\\n ...\\n <NextRouter.Provider value={values.nextRouter}>\\n ...\\n <RootProvider target=\\"none\\">{elements}</RootProvider>\\n ...\\n </NextRouter.Provider>\\n ...\\n );\\n};\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "add-the-global-styles"\n }, "Add the global styles"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In the component that renders your application\'s HTML document, as close as possible to the start of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<head>"), " tag, add:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "import { GlobalStyle } from \'@preply/ds-web-root\';\\n\\n...\\n return (\\n <html>\\n <head>\\n <link rel=\\"preconnect\\" href=\\"https://static.preply.com\\" />\\n <GlobalStyle />\\n ...\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "setup-ssrprovider---ds-context-for-ssr-time"\n }, "Setup SSRProvider - DS context for SSR time"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Wrap your SSR application with ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "SSRProvider"), " in order to provide a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "hostname"), " context and collect the \\"critical\\" CSS class names and style blocks."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "For more information on this provider visit ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/api-ds-web-root-providers-ssrprovider--page"\n }, "API / ds-web-root / providers / SSRProvider"), " reference page."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The following code is taken from a ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "Next.js"), " application."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ol", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "merge ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "{ classNames: string }"), " with the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "Document"), " props"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "create an instance of this class to collect CSS class names and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "<style>"), " blocks"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "wrap SSR rendering with the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "SSRProvider")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "expose CSS class names and the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "<style>"), " element"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ol"\n }, "and render the CSS classes in the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "<body>"), " tag")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "// _document.tsx\\nimport { ServerStyleSheet } from \'@preply/ds-web-core\';\\nimport { SSRProvider } from \'@preply/ds-web-root\';\\n\\n// 1\\nclass MyDocument extends Document<Request & { classNames: string }> {\\n static async getInitialProps(ctx: DocumentContext}) {\\n\\n // 2\\n const stylesheet = new ServerStyleSheet();\\n\\n // 3\\n const originalRenderPage = ctx.renderPage\\n ctx.renderPage = () =>\\n originalRenderPage({\\n enhanceApp: (App) => props => (\\n <SSRProvider stylesheet={stylesheet} hostname={hostname}>\\n <App {...props} />\\n </SSRProvider>\\n ),\\n });\\n\\n // 4\\n const initialProps = await Document.getInitialProps(ctx);\\n return {\\n ...initialProps,\\n classNames : stylesheet.getClassName(),\\n styles: stylesheet.getStyleElement()\\n };\\n }\\n\\n render() {\\n const { classNames } = this.props;\\n // 5\\n return (\\n <Html>\\n <body className={`other-classes ${classNames}`}>\\n ...\\n </body>\\n </Html>\\n );\\n }\\n}\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "See also ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://nextjs.org/docs/advanced-features/custom-document",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Next.js official docs"), "."));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Installation/SSR\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8wMC5pbnN0YWxsYXRpb24vMTAuc3NyLnN0b3JpZXMuc3Rvcmllcy5tZHg/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 */ "k"],\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_24_Confirmed_svg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../packages/media-icons/dist/24/Confirmed.svg");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/Panel.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelBody.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__("../../packages/web-lib/dist/components/Panel/private/PanelSection.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__("../../packages/web-lib/dist/components/Link/Link.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__("../../packages/web-lib/dist/components/Text/Text.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__("../../packages/web-lib/dist/components/Icon/Icon.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__("../../packages/web-lib/dist/components/Badge/Badge.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__("../../packages/web-lib/dist/components/TextHighlighted/TextHighlighted.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__("../../packages/web-lib/dist/components/PasswordField/PasswordField.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_27___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_27__);\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar ColorSchemes = function ColorSchemes() {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_16__[/* LayoutFlex */ "a"], {\n column: true,\n gap: "m"\n }, Object.entries(_preply_ds_core__WEBPACK_IMPORTED_MODULE_14__[/* colorSchemeConfig */ "a"]).map(function (_ref) {\n var _config$extend;\n\n var _ref2 = _slicedToArray(_ref, 2),\n name = _ref2[0],\n config = _ref2[1];\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_17__[/* Panel */ "a"], {\n key: name,\n colorScheme: name\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_18__[/* PanelBody */ "a"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("h3", null, name), config.extend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("p", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "Extends:"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, " "), (_config$extend = config.extend) === null || _config$extend === void 0 ? void 0 : _config$extend.join(\',\'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__[/* PanelSection */ "a"], {\n layout: "flex",\n flex: {\n gap: \'xs\'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], null, "Primary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "secondary"\n }, "Secondary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "tertiary"\n }, "Tertiary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "quaternary"\n }, "Quaternary"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n variant: "critical"\n }, "Critical"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_20__[/* Button */ "a"], {\n disabled: true\n }, "Disabled")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__[/* PanelSection */ "a"], {\n layout: "flex",\n flex: {\n gap: \'xs\'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_21__[/* Link */ "a"], {\n url: "http://preply.com"\n }, "link"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "primary"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_24_Confirmed_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "primary"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "primary")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "secondary"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_24_Confirmed_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "secondary"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "secondary")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "branded"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_24_Confirmed_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "branded"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "branded")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_22__[/* Text */ "a"], {\n accent: "positive"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_23__[/* Icon */ "a"], {\n svg: _preply_ds_media_icons_dist_24_Confirmed_svg__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],\n size: "xs",\n accent: "positive"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, " "), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "positive"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__[/* PanelSection */ "a"], {\n layout: "flex",\n flex: {\n gap: \'xs\'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "accent"\n }, "accent"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "positive"\n }, "positive"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "info"\n }, "info"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "warning"\n }, "warning"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "critical"\n }, "critical"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_24__[/* Badge */ "a"], {\n accent: "tertiary"\n }, "tertiary")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__[/* PanelSection */ "a"], {\n layout: "flex",\n flex: {\n gap: \'xs\'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_25__[/* TextHighlighted */ "a"], {\n highlight: "blue"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "blue")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_25__[/* TextHighlighted */ "a"], {\n highlight: "green"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement("span", null, "green"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_19__[/* PanelSection */ "a"], {\n layout: "flex",\n flex: {\n gap: \'xs\'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_26__[/* PasswordField */ "a"], {\n label: "Label",\n value: "value",\n required: true,\n showIcon: true\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_26__[/* PasswordField */ "a"], {\n label: "Label",\n value: "value",\n errorMessage: "Error message"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_27___default.a.createElement(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_26__[/* PasswordField */ "a"], {\n label: "Label",\n value: "value",\n errorMessage: "Error message",\n disabled: true\n })));\n }));\n};\nColorSchemes.displayName = "ColorSchemes";\n\ntry {\n // @ts-ignore\n ColorSchemes.displayName = "ColorSchemes";\n // @ts-ignore\n ColorSchemes.__docgenInfo = { "description": "", "displayName": "ColorSchemes", "props": {} };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx#ColorSchemes"] = { docgenInfo: ColorSchemes.__docgenInfo, name: "ColorSchemes", path: "../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx#ColorSchemes" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzL2NvbXBvbmVudHMvQ29sb3JTY2hlbWVzLnRzeD9kNzFlIl0sIm5hbWVzIjpbIkNvbG9yU2NoZW1lcyIsIk9iamVjdCIsImVudHJpZXMiLCJjb2xvclNjaGVtZUNvbmZpZyIsIm1hcCIsIm5hbWUiLCJjb25maWciLCJleHRlbmQiLCJqb2luIiwiZ2FwIiwiQ29uZmlybWVkU3ZnIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBYUE7QUFFTyxJQUFNQSxZQUFnQixHQUFHLFNBQW5CQSxZQUFtQjtBQUFBLHNCQUM1Qiw0REFBQyxzRUFBRDtBQUFZLFVBQU0sTUFBbEI7QUFBbUIsT0FBRyxFQUFDO0FBQXZCLEtBQ0tDLE1BQU0sQ0FBQ0MsT0FBUCxDQUFlQywwRUFBZixFQUFrQ0MsR0FBbEMsQ0FBc0M7QUFBQTs7QUFBQTtBQUFBLFFBQUVDLElBQUY7QUFBQSxRQUFRQyxNQUFSOztBQUFBLHdCQUNuQyw0REFBQyxpRUFBRDtBQUFPLFNBQUcsRUFBRUQsSUFBWjtBQUFrQixpQkFBVyxFQUFFQTtBQUEvQixvQkFDSSw0REFBQyxxRUFBRCxxQkFDSSx3RUFBS0EsSUFBTCxDQURKLEVBRUtDLE1BQU0sQ0FBQ0MsTUFBUCxpQkFDRyxvRkFDSSxxRkFESixlQUVJLDhFQUZKLG9CQUdLRCxNQUFNLENBQUNDLE1BSFosbURBR0ssZUFBZUMsSUFBZixDQUFvQixHQUFwQixDQUhMLENBSFIsQ0FESixlQVdJLDREQUFDLHdFQUFEO0FBQWMsWUFBTSxFQUFDLE1BQXJCO0FBQTRCLFVBQUksRUFBRTtBQUFFQyxXQUFHLEVBQUU7QUFBUDtBQUFsQyxvQkFDSSw0REFBQyxrRUFBRCxrQkFESixlQUVJLDREQUFDLGtFQUFEO0FBQVEsYUFBTyxFQUFDO0FBQWhCLG1CQUZKLGVBR0ksNERBQUMsa0VBQUQ7QUFBUSxhQUFPLEVBQUM7QUFBaEIsa0JBSEosZUFJSSw0REFBQyxrRUFBRDtBQUFRLGFBQU8sRUFBQztBQUFoQixvQkFKSixlQUtJLDREQUFDLGtFQUFEO0FBQVEsYUFBTyxFQUFDO0FBQWhCLGtCQUxKLGVBTUksNERBQUMsa0VBQUQ7QUFBUSxjQUFRO0FBQWhCLGtCQU5KLENBWEosZUFtQkksNERBQUMsd0VBQUQ7QUFBYyxZQUFNLEVBQUMsTUFBckI7QUFBNEIsVUFBSSxFQUFFO0FBQUVBLFdBQUcsRUFBRTtBQUFQO0FBQWxDLG9CQUVJLDREQUFDLGdFQUFEO0FBQU0sU0FBRyxFQUFDO0FBQVYsY0FGSixlQUdJLDREQUFDLGdFQUFEO0FBQU0sWUFBTSxFQUFDO0FBQWIsb0JBQ0ksNERBQUMsZ0VBQUQ7QUFBTSxTQUFHLEVBQUVDLDZGQUFYO0FBQXlCLFVBQUksRUFBQyxJQUE5QjtBQUFtQyxZQUFNLEVBQUM7QUFBMUMsTUFESixlQUVJLDhFQUZKLGVBR0ksb0ZBSEosQ0FISixlQVFJLDREQUFDLGdFQUFEO0FBQU0sWUFBTSxFQUFDO0FBQWIsb0JBQ0ksNERBQUMsZ0VBQUQ7QUFBTSxTQUFHLEVBQUVBLDZGQUFYO0FBQXlCLFVBQUksRUFBQyxJQUE5QjtBQUFtQyxZQUFNLEVBQUM7QUFBMUMsTUFESixlQUVJLDhFQUZKLGVBR0ksc0ZBSEosQ0FSSixlQWFJLDREQUFDLGdFQUFEO0FBQU0sWUFBTSxFQUFDO0FBQWIsb0JBQ0ksNERBQUMsZ0VBQUQ7QUFBTSxTQUFHLEVBQUVBLDZGQUFYO0FBQXlCLFVBQUksRUFBQyxJQUE5QjtBQUFtQyxZQUFNLEVBQUM7QUFBMUMsTUFESixlQUVJLDhFQUZKLGVBR0ksb0ZBSEosQ0FiSixlQWtCSSw0REFBQyxnRUFBRDtBQUFNLFlBQU0sRUFBQztBQUFiLG9CQUNJLDREQUFDLGdFQUFEO0FBQU0sU0FBRyxFQUFFQSw2RkFBWDtBQUF5QixVQUFJLEVBQUMsSUFBOUI7QUFBbUMsWUFBTSxFQUFDO0FBQTFDLE1BREosZUFFSSw4RUFGSixlQUdJLHFGQUhKLENBbEJKLENBbkJKLGVBMkNJLDREQUFDLHdFQUFEO0FBQWMsWUFBTSxFQUFDLE1BQXJCO0FBQTRCLFVBQUksRUFBRTtBQUFFRCxXQUFHLEVBQUU7QUFBUDtBQUFsQyxvQkFDSSw0REFBQyxpRUFBRDtBQUFPLFlBQU0sRUFBQztBQUFkLGdCQURKLGVBRUksNERBQUMsaUVBQUQ7QUFBTyxZQUFNLEVBQUM7QUFBZCxrQkFGSixlQUdJLDREQUFDLGlFQUFEO0FBQU8sWUFBTSxFQUFDO0FBQWQsY0FISixlQUlJLDREQUFDLGlFQUFEO0FBQU8sWUFBTSxFQUFDO0FBQWQsaUJBSkosZUFLSSw0REFBQyxpRUFBRDtBQUFPLFlBQU0sRUFBQztBQUFkLGtCQUxKLGVBTUksNERBQUMsaUVBQUQ7QUFBTyxZQUFNLEVBQUM7QUFBZCxrQkFOSixDQTNDSixlQW1ESSw0REFBQyx3RUFBRDtBQUFjLFlBQU0sRUFBQyxNQUFyQjtBQUE0QixVQUFJLEVBQUU7QUFBRUEsV0FBRyxFQUFFO0FBQVA7QUFBbEMsb0JBQ0ksNERBQUMsMkVBQUQ7QUFBaUIsZUFBUyxFQUFDO0FBQTNCLG9CQUNJLGlGQURKLENBREosZUFJSSw0REFBQywyRUFBRDtBQUFpQixlQUFTLEVBQUM7QUFBM0Isb0JBQ0ksa0ZBREosQ0FKSixDQW5ESixlQTJESSw0REFBQyx3RUFBRDtBQUFjLFlBQU0sRUFBQyxNQUFyQjtBQUE0QixVQUFJLEVBQUU7QUFBRUEsV0FBRyxFQUFFO0FBQVA7QUFBbEMsb0JBQ0ksNERBQUMseUVBQUQ7QUFBZSxXQUFLLEVBQUMsT0FBckI7QUFBNkIsV0FBSyxFQUFDLE9BQW5DO0FBQTJDLGNBQVEsTUFBbkQ7QUFBb0QsY0FBUTtBQUE1RCxNQURKLGVBRUksNERBQUMseUVBQUQ7QUFBZSxXQUFLLEVBQUMsT0FBckI7QUFBNkIsV0FBSyxFQUFDLE9BQW5DO0FBQTJDLGtCQUFZLEVBQUM7QUFBeEQsTUFGSixlQUdJLDREQUFDLHlFQUFEO0FBQ0ksV0FBSyxFQUFDLE9BRFY7QUFFSSxXQUFLLEVBQUMsT0FGVjtBQUdJLGtCQUFZLEVBQUMsZUFIakI7QUFJSSxjQUFRO0FBSlosTUFISixDQTNESixDQURtQztBQUFBLEdBQXRDLENBREwsQ0FENEI7QUFBQSxDQUF6QjtBQUFNVCxZIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvMjAuY29sb3Itc2NoZW1lcy9jb21wb25lbnRzL0NvbG9yU2NoZW1lcy50c3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yU2NoZW1lTmFtZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjb2xvclNjaGVtZUNvbmZpZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgQ29uZmlybWVkU3ZnIGZyb20gJ0BwcmVwbHkvZHMtbWVkaWEtaWNvbnMvZGlzdC8yNC9Db25maXJtZWQuc3ZnJztcbmltcG9ydCB7XG4gICAgQmFkZ2UsXG4gICAgQnV0dG9uLFxuICAgIEljb24sXG4gICAgTGF5b3V0RmxleCxcbiAgICBMaW5rLFxuICAgIFBhbmVsLFxuICAgIFBhbmVsQm9keSxcbiAgICBQYW5lbFNlY3Rpb24sXG4gICAgUGFzc3dvcmRGaWVsZCxcbiAgICBUZXh0LFxuICAgIFRleHRIaWdobGlnaHRlZCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IENvbG9yU2NoZW1lczogRkMgPSAoKSA9PiAoXG4gICAgPExheW91dEZsZXggY29sdW1uIGdhcD1cIm1cIj5cbiAgICAgICAge09iamVjdC5lbnRyaWVzKGNvbG9yU2NoZW1lQ29uZmlnKS5tYXAoKFtuYW1lLCBjb25maWddKSA9PiAoXG4gICAgICAgICAgICA8UGFuZWwga2V5PXtuYW1lfSBjb2xvclNjaGVtZT17bmFtZSBhcyBDb2xvclNjaGVtZU5hbWV9PlxuICAgICAgICAgICAgICAgIDxQYW5lbEJvZHk+XG4gICAgICAgICAgICAgICAgICAgIDxoMz57bmFtZX08L2gzPlxuICAgICAgICAgICAgICAgICAgICB7Y29uZmlnLmV4dGVuZCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8cD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5FeHRlbmRzOjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj4gPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtjb25maWcuZXh0ZW5kPy5qb2luKCcsJyl9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9QYW5lbEJvZHk+XG4gICAgICAgICAgICAgICAgPFBhbmVsU2VjdGlvbiBsYXlvdXQ9XCJmbGV4XCIgZmxleD17eyBnYXA6ICd4cycgfX0+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24+UHJpbWFyeTwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIj5TZWNvbmRhcnk8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJxdWF0ZXJuYXJ5XCI+UXVhdGVybmFyeTwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJjcml0aWNhbFwiPkNyaXRpY2FsPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxCdXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L1BhbmVsU2VjdGlvbj5cbiAgICAgICAgICAgICAgICA8UGFuZWxTZWN0aW9uIGxheW91dD1cImZsZXhcIiBmbGV4PXt7IGdhcDogJ3hzJyB9fT5cbiAgICAgICAgICAgICAgICAgICAgey8qIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBqc3gtYTExeS9hbmNob3ItaXMtdmFsaWQgKi99XG4gICAgICAgICAgICAgICAgICAgIDxMaW5rIHVybD1cImh0dHA6Ly9wcmVwbHkuY29tXCI+bGluazwvTGluaz5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwicHJpbWFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEljb24gc3ZnPXtDb25maXJtZWRTdmd9IHNpemU9XCJ4c1wiIGFjY2VudD1cInByaW1hcnlcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+IDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnByaW1hcnk8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwic2Vjb25kYXJ5XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBzdmc9e0NvbmZpcm1lZFN2Z30gc2l6ZT1cInhzXCIgYWNjZW50PVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPiA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5zZWNvbmRhcnk8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwiYnJhbmRlZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEljb24gc3ZnPXtDb25maXJtZWRTdmd9IHNpemU9XCJ4c1wiIGFjY2VudD1cImJyYW5kZWRcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+IDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPmJyYW5kZWQ8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQgYWNjZW50PVwicG9zaXRpdmVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIHN2Zz17Q29uZmlybWVkU3ZnfSBzaXplPVwieHNcIiBhY2NlbnQ9XCJwb3NpdGl2ZVwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj4gPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+cG9zaXRpdmU8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L1BhbmVsU2VjdGlvbj5cbiAgICAgICAgICAgICAgICA8UGFuZWxTZWN0aW9uIGxheW91dD1cImZsZXhcIiBmbGV4PXt7IGdhcDogJ3hzJyB9fT5cbiAgICAgICAgICAgICAgICAgICAgPEJhZGdlIGFjY2VudD1cImFjY2VudFwiPmFjY2VudDwvQmFkZ2U+XG4gICAgICAgICAgICAgICAgICAgIDxCYWRnZSBhY2NlbnQ9XCJwb3NpdGl2ZVwiPnBvc2l0aXZlPC9CYWRnZT5cbiAgICAgICAgICAgICAgICAgICAgPEJhZGdlIGFjY2VudD1cImluZm9cIj5pbmZvPC9CYWRnZT5cbiAgICAgICAgICAgICAgICAgICAgPEJhZGdlIGFjY2VudD1cIndhcm5pbmdcIj53YXJuaW5nPC9CYWRnZT5cbiAgICAgICAgICAgICAgICAgICAgPEJhZGdlIGFjY2VudD1cImNyaXRpY2FsXCI+Y3JpdGljYWw8L0JhZGdlPlxuICAgICAgICAgICAgICAgICAgICA8QmFkZ2UgYWNjZW50PVwidGVydGlhcnlcIj50ZXJ0aWFyeTwvQmFkZ2U+XG4gICAgICAgICAgICAgICAgPC9QYW5lbFNlY3Rpb24+XG4gICAgICAgICAgICAgICAgPFBhbmVsU2VjdGlvbiBsYXlvdXQ9XCJmbGV4XCIgZmxleD17eyBnYXA6ICd4cycgfX0+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiYmx1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+Ymx1ZTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9UZXh0SGlnaGxpZ2h0ZWQ+XG4gICAgICAgICAgICAgICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiZ3JlZW5cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPmdyZWVuPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L1RleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICA8L1BhbmVsU2VjdGlvbj5cbiAgICAgICAgICAgICAgICA8UGFuZWxTZWN0aW9uIGxheW91dD1cImZsZXhcIiBmbGV4PXt7IGdhcDogJ3hzJyB9fT5cbiAgICAgICAgICAgICAgICAgICAgPFBhc3N3b3JkRmllbGQgbGFiZWw9XCJMYWJlbFwiIHZhbHVlPVwidmFsdWVcIiByZXF1aXJlZCBzaG93SWNvbiAvPlxuICAgICAgICAgICAgICAgICAgICA8UGFzc3dvcmRGaWVsZCBsYWJlbD1cIkxhYmVsXCIgdmFsdWU9XCJ2YWx1ZVwiIGVycm9yTWVzc2FnZT1cIkVycm9yIG1lc3NhZ2VcIiAvPlxuICAgICAgICAgICAgICAgICAgICA8UGFzc3dvcmRGaWVsZFxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJMYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT1cInZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGVycm9yTWVzc2FnZT1cIkVycm9yIG1lc3NhZ2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWRcbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L1BhbmVsU2VjdGlvbj5cbiAgICAgICAgICAgIDwvUGFuZWw+XG4gICAgICAgICkpfVxuICAgIDwvTGF5b3V0RmxleD5cbik7XG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/components/ColorSchemes.tsx\n')},"../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* unused harmony export MyComponentBase */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MyComponent; });\n/* harmony import */ var _preply_ds_web_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../packages/web-core/dist/color-scheme/hocs/withColorScheme.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar MyComponentBase = function MyComponentBase(_ref) {\n var colorSchemeClassName = _ref.colorSchemeClassName,\n children = _ref.children;\n var className = colorSchemeClassName || \'\';\n var style = {\n display: \'flex\',\n gap: \'16px\',\n alignItems: \'center\',\n padding: \'16px\'\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {\n className: className,\n style: style\n }, children);\n};\nMyComponentBase.displayName = "MyComponentBase";\nvar MyComponent = Object(_preply_ds_web_core__WEBPACK_IMPORTED_MODULE_0__[/* withColorScheme */ "a"])(MyComponentBase);\n\ntry {\n // @ts-ignore\n MyComponentBase.displayName = "MyComponentBase";\n // @ts-ignore\n MyComponentBase.__docgenInfo = { "description": "", "displayName": "MyComponentBase", "props": { "colorSchemeClassName": { "defaultValue": null, "description": "", "name": "colorSchemeClassName", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.tsx#MyComponentBase"] = { docgenInfo: MyComponentBase.__docgenInfo, name: "MyComponentBase", path: "../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.tsx#MyComponentBase" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\ntry {\n // @ts-ignore\n MyComponent.displayName = "MyComponent";\n // @ts-ignore\n MyComponent.__docgenInfo = { "description": "", "displayName": "MyComponent", "props": { "colorSchemeClassName": { "defaultValue": null, "description": "", "name": "colorSchemeClassName", "required": false, "type": { "name": "string" } }, "colorScheme": { "defaultValue": null, "description": "", "name": "colorScheme", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"base\\"" }, { "value": "\\"banner\\"" }, { "value": "\\"invert\\"" }] } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.tsx#MyComponent"] = { docgenInfo: MyComponent.__docgenInfo, name: "MyComponent", path: "../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.tsx#MyComponent" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy8yMC5jb2xvci1zY2hlbWVzL2V4YW1wbGVzL015Q29tcG9uZW50V2l0aENvbG9yU2NoZW1lLnRzeD8xOGUwIl0sIm5hbWVzIjpbIk15Q29tcG9uZW50QmFzZSIsImNvbG9yU2NoZW1lQ2xhc3NOYW1lIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJzdHlsZSIsImRpc3BsYXkiLCJnYXAiLCJhbGlnbkl0ZW1zIiwicGFkZGluZyIsIk15Q29tcG9uZW50Iiwid2l0aENvbG9yU2NoZW1lIl0sIm1hcHBpbmdzIjoiQUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUVPLElBQU1BLGVBQXlDLEdBQUcsU0FBNUNBLGVBQTRDLE9BQXdDO0FBQUEsTUFBckNDLG9CQUFxQyxRQUFyQ0Esb0JBQXFDO0FBQUEsTUFBZkMsUUFBZSxRQUFmQSxRQUFlO0FBQzdGLE1BQU1DLFNBQVMsR0FBR0Ysb0JBQW9CLElBQUksRUFBMUM7QUFDQSxNQUFNRyxLQUFLLEdBQUc7QUFBRUMsV0FBTyxFQUFFLE1BQVg7QUFBbUJDLE9BQUcsRUFBRSxNQUF4QjtBQUFnQ0MsY0FBVSxFQUFFLFFBQTVDO0FBQXNEQyxXQUFPLEVBQUU7QUFBL0QsR0FBZDtBQUNBLHNCQUNJO0FBQUssYUFBUyxFQUFFTCxTQUFoQjtBQUEyQixTQUFLLEVBQUVDO0FBQWxDLEtBQ0tGLFFBREwsQ0FESjtBQUtILENBUk07QUFBTUYsZTtBQVVOLElBQU1TLFdBQVcsR0FBR0MsbUZBQWUsQ0FBQ1YsZUFBRCxDQUFuQyIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzIwLmNvbG9yLXNjaGVtZXMvZXhhbXBsZXMvTXlDb21wb25lbnRXaXRoQ29sb3JTY2hlbWUudHN4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBXaXRoQ29sb3JTY2hlbWVQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgd2l0aENvbG9yU2NoZW1lIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBNeUNvbXBvbmVudEJhc2U6IEZDPFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7IGNvbG9yU2NoZW1lQ2xhc3NOYW1lLCBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lID0gY29sb3JTY2hlbWVDbGFzc05hbWUgfHwgJyc7XG4gICAgY29uc3Qgc3R5bGUgPSB7IGRpc3BsYXk6ICdmbGV4JywgZ2FwOiAnMTZweCcsIGFsaWduSXRlbXM6ICdjZW50ZXInLCBwYWRkaW5nOiAnMTZweCcgfTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IE15Q29tcG9uZW50ID0gd2l0aENvbG9yU2NoZW1lKE15Q29tcG9uZW50QmFzZSk7XG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/20.color-schemes/examples/MyComponentWithColorScheme.tsx\n')},"../docs-pages/docs/pages/30.guides/40.tokens/00.token-explorer.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\nvar react_default = /*#__PURE__*/__webpack_require__.n(react);\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@mdx-js/react/dist/esm.js\nvar esm = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@storybook/addon-docs/dist/esm/index.js + 45 modules\nvar dist_esm = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n\n// EXTERNAL MODULE: .-context/dist/components/ThemeSwitcher.js + 1 modules\nvar ThemeSwitcher = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.map.js\nvar es_array_map = __webpack_require__("../../node_modules/core-js/modules/es.array.map.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js\nvar LayoutFlex = __webpack_require__("../../packages/web-lib/dist/components/LayoutFlex/LayoutFlex.js");\n\n// EXTERNAL MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx + 2 modules\nvar TokenSearchProvider = __webpack_require__("../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/useTokenSearchContext.ts\n\n\nvar useTokenSearchContext_useTokenSearchContext = function useTokenSearchContext() {\n return Object(react["useContext"])(TokenSearchProvider["a" /* TokenSearchContext */]);\n};\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.function.name.js\nvar es_function_name = __webpack_require__("../../node_modules/core-js/modules/es.function.name.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.replace.js\nvar es_string_replace = __webpack_require__("../../node_modules/core-js/modules/es.string.replace.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.regexp.exec.js\nvar es_regexp_exec = __webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js");\n\n// EXTERNAL MODULE: .-toolkit/dist/index.js + 63 modules\nvar dist = __webpack_require__("../docs-toolkit/dist/index.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/token/hooks/useToken.js\nvar useToken = __webpack_require__("../../packages/web-core/dist/token/hooks/useToken.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/LayoutGrid/LayoutGrid.js\nvar LayoutGrid = __webpack_require__("../../packages/web-lib/dist/components/LayoutGrid/LayoutGrid.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/TextHighlighted/TextHighlighted.js + 1 modules\nvar TextHighlighted = __webpack_require__("../../packages/web-lib/dist/components/TextHighlighted/TextHighlighted.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/Text/Text.js + 1 modules\nvar Text = __webpack_require__("../../packages/web-lib/dist/components/Text/Text.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.find.js\nvar es_array_find = __webpack_require__("../../node_modules/core-js/modules/es.array.find.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.entries.js\nvar es_object_entries = __webpack_require__("../../node_modules/core-js/modules/es.object.entries.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.starts-with.js\nvar es_string_starts_with = __webpack_require__("../../node_modules/core-js/modules/es.string.starts-with.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.split.js\nvar es_string_split = __webpack_require__("../../node_modules/core-js/modules/es.string.split.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.is-array.js\nvar es_array_is_array = __webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.description.js\nvar es_symbol_description = __webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.to-string.js\nvar es_object_to_string = __webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.iterator.js\nvar es_symbol_iterator = __webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.iterator.js\nvar es_string_iterator = __webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.iterator.js\nvar es_array_iterator = __webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/web.dom-collections.iterator.js\nvar web_dom_collections_iterator = __webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.slice.js\nvar es_array_slice = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.from.js\nvar es_array_from = __webpack_require__("../../node_modules/core-js/modules/es.array.from.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/styled-components/dist/styled-components.browser.esm.js\nvar styled_components_browser_esm = __webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBgColor.tsx\n\n\nvar _templateObject;\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar Div = styled_components_browser_esm["b" /* default */].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n width: 64px;\\n height: 64px;\\n color: white;\\n background-color: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBgColor_RendererBgColor = function RendererBgColor(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(Div, {\n value: value\n });\n};\nRendererBgColor_RendererBgColor.displayName = "RendererBgColor";\n\ntry {\n // @ts-ignore\n RendererBgColor_RendererBgColor.displayName = "RendererBgColor";\n // @ts-ignore\n RendererBgColor_RendererBgColor.__docgenInfo = { "description": "", "displayName": "RendererBgColor", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBgColor.tsx#RendererBgColor"] = { docgenInfo: RendererBgColor_RendererBgColor.__docgenInfo, name: "RendererBgColor", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBgColor.tsx#RendererBgColor" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderColor.tsx\n\n\nvar RendererBorderColor_templateObject;\n\nfunction RendererBorderColor_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBorderColor_Div = styled_components_browser_esm["b" /* default */].div(RendererBorderColor_templateObject || (RendererBorderColor_templateObject = RendererBorderColor_taggedTemplateLiteralLoose(["\\n background: white;\\n width: 48px;\\n height: 48px\\n padding: 8px 0 0 8px;\\n background: ", ";\\n\\n\\n span {\\n display: block;\\n width: 40px;\\n height: 40px;\\n border-width: 2px;\\n border-style: solid;\\n border-top-left-radius: 16px;\\n border-color: ", ";\\n border-right: none;\\n border-bottom: none;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value === \'white\' ? \'black\' : \'white\';\n}, function (_ref2) {\n var value = _ref2.value;\n return value;\n});\nvar RendererBorderColor_RendererBorderColor = function RendererBorderColor(_ref3) {\n var value = _ref3.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBorderColor_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererBorderColor_RendererBorderColor.displayName = "RendererBorderColor";\n\ntry {\n // @ts-ignore\n RendererBorderColor_RendererBorderColor.displayName = "RendererBorderColor";\n // @ts-ignore\n RendererBorderColor_RendererBorderColor.__docgenInfo = { "description": "", "displayName": "RendererBorderColor", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderColor.tsx#RendererBorderColor"] = { docgenInfo: RendererBorderColor_RendererBorderColor.__docgenInfo, name: "RendererBorderColor", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderColor.tsx#RendererBorderColor" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderRadius.tsx\n\n\nvar RendererBorderRadius_templateObject;\n\nfunction RendererBorderRadius_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBorderRadius_Div = styled_components_browser_esm["b" /* default */].div(RendererBorderRadius_templateObject || (RendererBorderRadius_templateObject = RendererBorderRadius_taggedTemplateLiteralLoose(["\\n width: 32px;\\n height: 32px;\\n border-style: solid;\\n border-color: #999;\\n border-width: 12px;\\n border-right: none;\\n border-bottom: none;\\n border-top-left-radius: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBorderRadius_RendererBorderRadius = function RendererBorderRadius(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBorderRadius_Div, {\n value: value\n });\n};\nRendererBorderRadius_RendererBorderRadius.displayName = "RendererBorderRadius";\n\ntry {\n // @ts-ignore\n RendererBorderRadius_RendererBorderRadius.displayName = "RendererBorderRadius";\n // @ts-ignore\n RendererBorderRadius_RendererBorderRadius.__docgenInfo = { "description": "", "displayName": "RendererBorderRadius", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderRadius.tsx#RendererBorderRadius"] = { docgenInfo: RendererBorderRadius_RendererBorderRadius.__docgenInfo, name: "RendererBorderRadius", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderRadius.tsx#RendererBorderRadius" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderWidth.tsx\n\n\nvar RendererBorderWidth_templateObject;\n\nfunction RendererBorderWidth_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBorderWidth_Div = styled_components_browser_esm["b" /* default */].div(RendererBorderWidth_templateObject || (RendererBorderWidth_templateObject = RendererBorderWidth_taggedTemplateLiteralLoose(["\\n width: 64px;\\n padding-top: ", ";\\n background: #666;\\n\\n span {\\n display: block;\\n width: 100%;\\n border-top-style: solid;\\n border-color: white;\\n border-width: 2px;\\n height: 28px;\\n background: #999;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBorderWidth_RendererBorderWidth = function RendererBorderWidth(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBorderWidth_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererBorderWidth_RendererBorderWidth.displayName = "RendererBorderWidth";\n\ntry {\n // @ts-ignore\n RendererBorderWidth_RendererBorderWidth.displayName = "RendererBorderWidth";\n // @ts-ignore\n RendererBorderWidth_RendererBorderWidth.__docgenInfo = { "description": "", "displayName": "RendererBorderWidth", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderWidth.tsx#RendererBorderWidth"] = { docgenInfo: RendererBorderWidth_RendererBorderWidth.__docgenInfo, name: "RendererBorderWidth", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBorderWidth.tsx#RendererBorderWidth" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBoxShadow.tsx\n\n\nvar RendererBoxShadow_templateObject;\n\nfunction RendererBoxShadow_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBoxShadow_Div = styled_components_browser_esm["b" /* default */].div(RendererBoxShadow_templateObject || (RendererBoxShadow_templateObject = RendererBoxShadow_taggedTemplateLiteralLoose(["\\n width: 64px;\\n height: 64px;\\n box-shadow: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBoxShadow_RendererBoxShadow = function RendererBoxShadow(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBoxShadow_Div, {\n value: value\n });\n};\nRendererBoxShadow_RendererBoxShadow.displayName = "RendererBoxShadow";\n\ntry {\n // @ts-ignore\n RendererBoxShadow_RendererBoxShadow.displayName = "RendererBoxShadow";\n // @ts-ignore\n RendererBoxShadow_RendererBoxShadow.__docgenInfo = { "description": "", "displayName": "RendererBoxShadow", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBoxShadow.tsx#RendererBoxShadow"] = { docgenInfo: RendererBoxShadow_RendererBoxShadow.__docgenInfo, name: "RendererBoxShadow", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBoxShadow.tsx#RendererBoxShadow" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBrightness.tsx\n\n\nvar RendererBrightness_templateObject;\n\nfunction RendererBrightness_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererBrightness_Div = styled_components_browser_esm["b" /* default */].div(RendererBrightness_templateObject || (RendererBrightness_templateObject = RendererBrightness_taggedTemplateLiteralLoose(["\\n background: #999;\\n font-size: 16px;\\n line-height: 32px;\\n text-align: center;\\n width: 200px;\\n color: white;\\n\\n &:hover {\\n filter: brightness(", ");\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererBrightness_RendererBrightness = function RendererBrightness(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererBrightness_Div, {\n value: value\n }, "hover me");\n};\nRendererBrightness_RendererBrightness.displayName = "RendererBrightness";\n\ntry {\n // @ts-ignore\n RendererBrightness_RendererBrightness.displayName = "RendererBrightness";\n // @ts-ignore\n RendererBrightness_RendererBrightness.__docgenInfo = { "description": "", "displayName": "RendererBrightness", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBrightness.tsx#RendererBrightness"] = { docgenInfo: RendererBrightness_RendererBrightness.__docgenInfo, name: "RendererBrightness", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererBrightness.tsx#RendererBrightness" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFgColor.tsx\n\n\nvar RendererFgColor_templateObject;\n\nfunction RendererFgColor_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererFgColor_Div = styled_components_browser_esm["b" /* default */].div(RendererFgColor_templateObject || (RendererFgColor_templateObject = RendererFgColor_taggedTemplateLiteralLoose(["\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: 64px;\\n height: 64px;\\n font-size: 20px;\\n font-weight: 700;\\n color: ", ";\\n background: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n}, function (_ref2) {\n var value = _ref2.value;\n return value === \'white\' ? \'black\' : \'white\';\n});\nvar RendererFgColor_RendererFgColor = function RendererFgColor(_ref3) {\n var value = _ref3.value;\n return /*#__PURE__*/react_default.a.createElement(RendererFgColor_Div, {\n value: value\n }, "A");\n};\nRendererFgColor_RendererFgColor.displayName = "RendererFgColor";\n\ntry {\n // @ts-ignore\n RendererFgColor_RendererFgColor.displayName = "RendererFgColor";\n // @ts-ignore\n RendererFgColor_RendererFgColor.__docgenInfo = { "description": "", "displayName": "RendererFgColor", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFgColor.tsx#RendererFgColor"] = { docgenInfo: RendererFgColor_RendererFgColor.__docgenInfo, name: "RendererFgColor", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFgColor.tsx#RendererFgColor" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontFamily.tsx\n\n\nvar RendererFontFamily_templateObject;\n\nfunction RendererFontFamily_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererFontFamily_Div = styled_components_browser_esm["b" /* default */].div(RendererFontFamily_templateObject || (RendererFontFamily_templateObject = RendererFontFamily_taggedTemplateLiteralLoose(["\\n font-family: ", ";\\n font-size: 20px;\\n font-weight: 600;\\n\\n p:first-child {\\n font-weight: 700;\\n }\\n\\n p:last-child {\\n font-weight: 400;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererFontFamily_RendererFontFamily = function RendererFontFamily(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererFontFamily_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("p", null, "Lorem ipsum dolor sit amet (700)"), /*#__PURE__*/react_default.a.createElement("p", null, "Lorem ipsum dolor sit amet (500)"), /*#__PURE__*/react_default.a.createElement("p", null, "Lorem ipsum dolor sit amet (400)"));\n};\nRendererFontFamily_RendererFontFamily.displayName = "RendererFontFamily";\n\ntry {\n // @ts-ignore\n RendererFontFamily_RendererFontFamily.displayName = "RendererFontFamily";\n // @ts-ignore\n RendererFontFamily_RendererFontFamily.__docgenInfo = { "description": "", "displayName": "RendererFontFamily", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontFamily.tsx#RendererFontFamily"] = { docgenInfo: RendererFontFamily_RendererFontFamily.__docgenInfo, name: "RendererFontFamily", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontFamily.tsx#RendererFontFamily" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontSize.tsx\n\n\nvar RendererFontSize_templateObject;\n\nfunction RendererFontSize_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererFontSize_Div = styled_components_browser_esm["b" /* default */].div(RendererFontSize_templateObject || (RendererFontSize_templateObject = RendererFontSize_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\n font-size: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererFontSize_RendererFontSize = function RendererFontSize(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererFontSize_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet");\n};\nRendererFontSize_RendererFontSize.displayName = "RendererFontSize";\n\ntry {\n // @ts-ignore\n RendererFontSize_RendererFontSize.displayName = "RendererFontSize";\n // @ts-ignore\n RendererFontSize_RendererFontSize.__docgenInfo = { "description": "", "displayName": "RendererFontSize", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontSize.tsx#RendererFontSize"] = { docgenInfo: RendererFontSize_RendererFontSize.__docgenInfo, name: "RendererFontSize", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontSize.tsx#RendererFontSize" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontStyle.tsx\n\n\nvar RendererFontStyle_templateObject;\n\nfunction RendererFontStyle_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererFontStyle_Div = styled_components_browser_esm["b" /* default */].div(RendererFontStyle_templateObject || (RendererFontStyle_templateObject = RendererFontStyle_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\n font-style: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererFontStyle_RendererFontStyle = function RendererFontStyle(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererFontStyle_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet.");\n};\nRendererFontStyle_RendererFontStyle.displayName = "RendererFontStyle";\n\ntry {\n // @ts-ignore\n RendererFontStyle_RendererFontStyle.displayName = "RendererFontStyle";\n // @ts-ignore\n RendererFontStyle_RendererFontStyle.__docgenInfo = { "description": "", "displayName": "RendererFontStyle", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontStyle.tsx#RendererFontStyle"] = { docgenInfo: RendererFontStyle_RendererFontStyle.__docgenInfo, name: "RendererFontStyle", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontStyle.tsx#RendererFontStyle" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontWeight.tsx\n\n\nvar RendererFontWeight_templateObject;\n\nfunction RendererFontWeight_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererFontWeight_Div = styled_components_browser_esm["b" /* default */].div(RendererFontWeight_templateObject || (RendererFontWeight_templateObject = RendererFontWeight_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\n font-size: 20px;\\n font-weight: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererFontWeight_RendererFontWeight = function RendererFontWeight(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererFontWeight_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet");\n};\nRendererFontWeight_RendererFontWeight.displayName = "RendererFontWeight";\n\ntry {\n // @ts-ignore\n RendererFontWeight_RendererFontWeight.displayName = "RendererFontWeight";\n // @ts-ignore\n RendererFontWeight_RendererFontWeight.__docgenInfo = { "description": "", "displayName": "RendererFontWeight", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontWeight.tsx#RendererFontWeight"] = { docgenInfo: RendererFontWeight_RendererFontWeight.__docgenInfo, name: "RendererFontWeight", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererFontWeight.tsx#RendererFontWeight" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererHeight.tsx\n\n\nvar RendererHeight_templateObject;\n\nfunction RendererHeight_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererHeight_Div = styled_components_browser_esm["b" /* default */].div(RendererHeight_templateObject || (RendererHeight_templateObject = RendererHeight_taggedTemplateLiteralLoose(["\\n height: ", ";\\n width: 40px;\\n background-color: black;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererHeight_RendererHeight = function RendererHeight(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererHeight_Div, {\n value: value\n });\n};\nRendererHeight_RendererHeight.displayName = "RendererHeight";\n\ntry {\n // @ts-ignore\n RendererHeight_RendererHeight.displayName = "RendererHeight";\n // @ts-ignore\n RendererHeight_RendererHeight.__docgenInfo = { "description": "", "displayName": "RendererHeight", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererHeight.tsx#RendererHeight"] = { docgenInfo: RendererHeight_RendererHeight.__docgenInfo, name: "RendererHeight", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererHeight.tsx#RendererHeight" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLetterSpacing.tsx\n\n\nvar RendererLetterSpacing_templateObject;\n\nfunction RendererLetterSpacing_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererLetterSpacing_Div = styled_components_browser_esm["b" /* default */].div(RendererLetterSpacing_templateObject || (RendererLetterSpacing_templateObject = RendererLetterSpacing_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\n letter-spacing: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererLetterSpacing_RendererLetterSpacing = function RendererLetterSpacing(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererLetterSpacing_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet.");\n};\nRendererLetterSpacing_RendererLetterSpacing.displayName = "RendererLetterSpacing";\n\ntry {\n // @ts-ignore\n RendererLetterSpacing_RendererLetterSpacing.displayName = "RendererLetterSpacing";\n // @ts-ignore\n RendererLetterSpacing_RendererLetterSpacing.__docgenInfo = { "description": "", "displayName": "RendererLetterSpacing", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLetterSpacing.tsx#RendererLetterSpacing"] = { docgenInfo: RendererLetterSpacing_RendererLetterSpacing.__docgenInfo, name: "RendererLetterSpacing", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLetterSpacing.tsx#RendererLetterSpacing" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightPixels.tsx\n\n\nvar RendererLineHeightPixels_templateObject;\n\nfunction RendererLineHeightPixels_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererLineHeightPixels_Div = styled_components_browser_esm["b" /* default */].div(RendererLineHeightPixels_templateObject || (RendererLineHeightPixels_templateObject = RendererLineHeightPixels_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\n line-height: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererLineHeightPixels_RendererLineHeightPixels = function RendererLineHeightPixels(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererLineHeightPixels_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa nulla, suscipit id purus quis, facilisis tempus tortor. Praesent felis quam, tincidunt vitae libero ut, bibendum condimentum nunc.");\n};\nRendererLineHeightPixels_RendererLineHeightPixels.displayName = "RendererLineHeightPixels";\n\ntry {\n // @ts-ignore\n RendererLineHeightPixels_RendererLineHeightPixels.displayName = "RendererLineHeightPixels";\n // @ts-ignore\n RendererLineHeightPixels_RendererLineHeightPixels.__docgenInfo = { "description": "", "displayName": "RendererLineHeightPixels", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightPixels.tsx#RendererLineHeightPixels"] = { docgenInfo: RendererLineHeightPixels_RendererLineHeightPixels.__docgenInfo, name: "RendererLineHeightPixels", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightPixels.tsx#RendererLineHeightPixels" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightRatio.tsx\n\n\nvar RendererLineHeightRatio_templateObject;\n\nfunction RendererLineHeightRatio_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererLineHeightRatio_Div = styled_components_browser_esm["b" /* default */].div(RendererLineHeightRatio_templateObject || (RendererLineHeightRatio_templateObject = RendererLineHeightRatio_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n @supports (font-variation-settings: normal) {\\n font-family: PreplyInterV;\\n }\\n line-height: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererLineHeightRatio_RendererLineHeightRatio = function RendererLineHeightRatio(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererLineHeightRatio_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa nulla, suscipit id purus quis, facilisis tempus tortor. Praesent felis quam, tincidunt vitae libero ut, bibendum condimentum nunc.");\n};\nRendererLineHeightRatio_RendererLineHeightRatio.displayName = "RendererLineHeightRatio";\n\ntry {\n // @ts-ignore\n RendererLineHeightRatio_RendererLineHeightRatio.displayName = "RendererLineHeightRatio";\n // @ts-ignore\n RendererLineHeightRatio_RendererLineHeightRatio.__docgenInfo = { "description": "", "displayName": "RendererLineHeightRatio", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightRatio.tsx#RendererLineHeightRatio"] = { docgenInfo: RendererLineHeightRatio_RendererLineHeightRatio.__docgenInfo, name: "RendererLineHeightRatio", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererLineHeightRatio.tsx#RendererLineHeightRatio" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineColor.tsx\n\n\nvar RendererOutlineColor_templateObject;\n\nfunction RendererOutlineColor_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererOutlineColor_Div = styled_components_browser_esm["b" /* default */].div(RendererOutlineColor_templateObject || (RendererOutlineColor_templateObject = RendererOutlineColor_taggedTemplateLiteralLoose(["\\n background: white;\\n width: 48px;\\n height: 48px\\n padding: 8px 0 0 8px;\\n background: ", ";\\n\\n\\n span {\\n display: block;\\n width: 40px;\\n height: 40px;\\n border-width: 2px;\\n border-style: solid;\\n border-top-left-radius: 16px;\\n border-color: ", ";\\n border-right: none;\\n border-bottom: none;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value === \'white\' ? \'black\' : \'white\';\n}, function (_ref2) {\n var value = _ref2.value;\n return value;\n});\nvar RendererOutlineColor_RendererOutlineColor = function RendererOutlineColor(_ref3) {\n var value = _ref3.value;\n return /*#__PURE__*/react_default.a.createElement(RendererOutlineColor_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererOutlineColor_RendererOutlineColor.displayName = "RendererOutlineColor";\n\ntry {\n // @ts-ignore\n RendererOutlineColor_RendererOutlineColor.displayName = "RendererOutlineColor";\n // @ts-ignore\n RendererOutlineColor_RendererOutlineColor.__docgenInfo = { "description": "", "displayName": "RendererOutlineColor", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineColor.tsx#RendererOutlineColor"] = { docgenInfo: RendererOutlineColor_RendererOutlineColor.__docgenInfo, name: "RendererOutlineColor", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineColor.tsx#RendererOutlineColor" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineOffset.tsx\n\n\nvar RendererOutlineOffset_templateObject;\n\nfunction RendererOutlineOffset_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererOutlineOffset_Div = styled_components_browser_esm["b" /* default */].div(RendererOutlineOffset_templateObject || (RendererOutlineOffset_templateObject = RendererOutlineOffset_taggedTemplateLiteralLoose(["\\n width: 64px;\\n padding-top: 2px;\\n background: #666;\\n\\n span {\\n height: 2px;\\n display: block;\\n width: 100%;\\n border-top-style: solid;\\n border-color: white;\\n border-width: ", ";\\n height: 28px;\\n background: #999;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererOutlineOffset_RendererOutlineOffset = function RendererOutlineOffset(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererOutlineOffset_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererOutlineOffset_RendererOutlineOffset.displayName = "RendererOutlineOffset";\n\ntry {\n // @ts-ignore\n RendererOutlineOffset_RendererOutlineOffset.displayName = "RendererOutlineOffset";\n // @ts-ignore\n RendererOutlineOffset_RendererOutlineOffset.__docgenInfo = { "description": "", "displayName": "RendererOutlineOffset", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineOffset.tsx#RendererOutlineOffset"] = { docgenInfo: RendererOutlineOffset_RendererOutlineOffset.__docgenInfo, name: "RendererOutlineOffset", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineOffset.tsx#RendererOutlineOffset" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineWidth.tsx\n\n\nvar RendererOutlineWidth_templateObject;\n\nfunction RendererOutlineWidth_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererOutlineWidth_Div = styled_components_browser_esm["b" /* default */].div(RendererOutlineWidth_templateObject || (RendererOutlineWidth_templateObject = RendererOutlineWidth_taggedTemplateLiteralLoose(["\\n width: 64px;\\n padding-top: ", ";\\n background: #666;\\n\\n span {\\n display: block;\\n width: 100%;\\n border-top-style: solid;\\n border-color: white;\\n border-width: 2px;\\n height: 28px;\\n background: #999;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererOutlineWidth_RendererOutlineWidth = function RendererOutlineWidth(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererOutlineWidth_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("span", null));\n};\nRendererOutlineWidth_RendererOutlineWidth.displayName = "RendererOutlineWidth";\n\ntry {\n // @ts-ignore\n RendererOutlineWidth_RendererOutlineWidth.displayName = "RendererOutlineWidth";\n // @ts-ignore\n RendererOutlineWidth_RendererOutlineWidth.__docgenInfo = { "description": "", "displayName": "RendererOutlineWidth", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineWidth.tsx#RendererOutlineWidth"] = { docgenInfo: RendererOutlineWidth_RendererOutlineWidth.__docgenInfo, name: "RendererOutlineWidth", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererOutlineWidth.tsx#RendererOutlineWidth" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererPaletteItem.tsx\n\n\nvar RendererPaletteItem_templateObject;\n\nfunction RendererPaletteItem_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererPaletteItem_Div = styled_components_browser_esm["b" /* default */].div(RendererPaletteItem_templateObject || (RendererPaletteItem_templateObject = RendererPaletteItem_taggedTemplateLiteralLoose(["\\n width: 64px;\\n height: 64px;\\n background-color: ", ";\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererPaletteItem_RendererPaletteItem = function RendererPaletteItem(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererPaletteItem_Div, {\n value: value\n });\n};\nRendererPaletteItem_RendererPaletteItem.displayName = "RendererPaletteItem";\n\ntry {\n // @ts-ignore\n RendererPaletteItem_RendererPaletteItem.displayName = "RendererPaletteItem";\n // @ts-ignore\n RendererPaletteItem_RendererPaletteItem.__docgenInfo = { "description": "", "displayName": "RendererPaletteItem", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererPaletteItem.tsx#RendererPaletteItem"] = { docgenInfo: RendererPaletteItem_RendererPaletteItem.__docgenInfo, name: "RendererPaletteItem", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererPaletteItem.tsx#RendererPaletteItem" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSize.tsx\n\n\nvar RendererSize_templateObject;\n\nfunction RendererSize_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererSize_Div = styled_components_browser_esm["b" /* default */].div(RendererSize_templateObject || (RendererSize_templateObject = RendererSize_taggedTemplateLiteralLoose(["\\n width: ", ";\\n height: ", ";\\n background-color: black;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n}, function (_ref2) {\n var value = _ref2.value;\n return value;\n});\nvar RendererSize_RendererSize = function RendererSize(_ref3) {\n var value = _ref3.value;\n return /*#__PURE__*/react_default.a.createElement(RendererSize_Div, {\n value: value\n });\n};\nRendererSize_RendererSize.displayName = "RendererSize";\n\ntry {\n // @ts-ignore\n RendererSize_RendererSize.displayName = "RendererSize";\n // @ts-ignore\n RendererSize_RendererSize.__docgenInfo = { "description": "", "displayName": "RendererSize", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSize.tsx#RendererSize"] = { docgenInfo: RendererSize_RendererSize.__docgenInfo, name: "RendererSize", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSize.tsx#RendererSize" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSpace.tsx\n\n\nvar RendererSpace_templateObject;\n\nfunction RendererSpace_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererSpace_Div = styled_components_browser_esm["b" /* default */].div(RendererSpace_templateObject || (RendererSpace_templateObject = RendererSpace_taggedTemplateLiteralLoose(["\\n width: ", ";\\n height: 40px;\\n background-color: black;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererSpace_RendererSpace = function RendererSpace(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererSpace_Div, {\n value: value\n });\n};\nRendererSpace_RendererSpace.displayName = "RendererSpace";\n\ntry {\n // @ts-ignore\n RendererSpace_RendererSpace.displayName = "RendererSpace";\n // @ts-ignore\n RendererSpace_RendererSpace.__docgenInfo = { "description": "", "displayName": "RendererSpace", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSpace.tsx#RendererSpace"] = { docgenInfo: RendererSpace_RendererSpace.__docgenInfo, name: "RendererSpace", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererSpace.tsx#RendererSpace" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererTextDecoration.tsx\n\n\nvar RendererTextDecoration_templateObject;\n\nfunction RendererTextDecoration_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererTextDecoration_Div = styled_components_browser_esm["b" /* default */].div(RendererTextDecoration_templateObject || (RendererTextDecoration_templateObject = RendererTextDecoration_taggedTemplateLiteralLoose(["\\n text-decoration: ", ";\\n font-size: 20px;\\n font-weight: 600;\\n\\n p:first-child {\\n font-weight: 700;\\n }\\n\\n p:last-child {\\n font-weight: 400;\\n }\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererTextDecoration_RendererTextDecoration = function RendererTextDecoration(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererTextDecoration_Div, {\n value: value\n }, /*#__PURE__*/react_default.a.createElement("p", null, "Lorem ipsum dolor sit amet"));\n};\nRendererTextDecoration_RendererTextDecoration.displayName = "RendererTextDecoration";\n\ntry {\n // @ts-ignore\n RendererTextDecoration_RendererTextDecoration.displayName = "RendererTextDecoration";\n // @ts-ignore\n RendererTextDecoration_RendererTextDecoration.__docgenInfo = { "description": "", "displayName": "RendererTextDecoration", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererTextDecoration.tsx#RendererTextDecoration"] = { docgenInfo: RendererTextDecoration_RendererTextDecoration.__docgenInfo, name: "RendererTextDecoration", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererTextDecoration.tsx#RendererTextDecoration" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererVariationSettings.tsx\n\n\nvar RendererVariationSettings_templateObject;\n\nfunction RendererVariationSettings_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\nvar RendererVariationSettings_Div = styled_components_browser_esm["b" /* default */].div(RendererVariationSettings_templateObject || (RendererVariationSettings_templateObject = RendererVariationSettings_taggedTemplateLiteralLoose(["\\n font-family: PreplyInter;\\n font-style: italic;\\n font-variation-settings: ", ";\\n font-size: 14px;\\n"])), function (_ref) {\n var value = _ref.value;\n return value;\n});\nvar RendererVariationSettings_RendererVariationSettings = function RendererVariationSettings(_ref2) {\n var value = _ref2.value;\n return /*#__PURE__*/react_default.a.createElement(RendererVariationSettings_Div, {\n value: value\n }, "Lorem ipsum dolor sit amet.");\n};\nRendererVariationSettings_RendererVariationSettings.displayName = "RendererVariationSettings";\n\ntry {\n // @ts-ignore\n RendererVariationSettings_RendererVariationSettings.displayName = "RendererVariationSettings";\n // @ts-ignore\n RendererVariationSettings_RendererVariationSettings.__docgenInfo = { "description": "", "displayName": "RendererVariationSettings", "props": { "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "TokenValue" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": false, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererVariationSettings.tsx#RendererVariationSettings"] = { docgenInfo: RendererVariationSettings_RendererVariationSettings.__docgenInfo, name: "RendererVariationSettings", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenRenderers/RendererVariationSettings.tsx#RendererVariationSettings" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/functions/token-type.renderer.tsx\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/**\n * pick a type for root tokens\n */\nvar typeFromPrefix = {\n \'root.size\': \'size\',\n \'root.space\': \'space\',\n spacing: \'space\',\n \'root.radius\': \'borderRadius\',\n radius: \'borderRadius\',\n \'root.text.size\': \'fontSize\',\n \'root.text.base.lineHeight\': \'lineHeightRatio\',\n \'root.text.height\': \'lineHeightPixels\',\n \'root.text.weight\': \'fontWeight\',\n \'button.borderWeight\': \'borderWidth\',\n \'icon.fieldLayout.width\': \'horizontalPadding\',\n \'icon.fieldLayout.height\': \'horizontalPadding\',\n \'root.text.spacing\': \'letterSpacing\',\n \'root.text.style\': \'fontStyle\',\n \'root.text.variation\': \'variationSettings\',\n \'root.palette\': \'color\',\n background: \'color\',\n color: \'color\',\n \'dsInternalPrimitive.color\': \'color\',\n \'badge.base.color\': \'color\',\n 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 textDecoration: {\n renderer: RendererTextDecoration_RendererTextDecoration\n }\n};\n\nfunction getTypeFromPrefix(name) {\n var match = Object.entries(typeFromPrefix).find(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 1),\n prefix = _ref2[0];\n\n return name.startsWith(prefix);\n });\n return match && match[1];\n}\n\nfunction getTypeFromSufix(name) {\n var sufix = name.split(\'.\').pop() || \'\';\n return sufix in sufixMap ? sufixMap[sufix] : sufix;\n}\n\nfunction getRenderer(token) {\n var type = getTypeFromPrefix(token.name) || getTypeFromSufix(token.name) || \'\';\n return renderers[type];\n}\n\nvar tokenRenderer = function tokenRenderer(token) {\n var renderer = getRenderer(token);\n\n if (!renderer) {\n throw new Error("No renderer for token \\"" + token.name + "\\".");\n }\n\n return renderer;\n};\n\ntry {\n // @ts-ignore\n tokenRenderer.displayName = "tokenRenderer";\n // @ts-ignore\n tokenRenderer.__docgenInfo = { "description": "", "displayName": "tokenRenderer", "props": { "token": { "defaultValue": null, "description": "", "name": "token", "required": true, "type": { "name": "Token" } }, "name": { "defaultValue": null, "description": "", "name": "name", "required": true, "type": { "name": "string" } }, "id": { "defaultValue": null, "description": "", "name": "id", "required": true, "type": { "name": "string" } }, "type": { "defaultValue": null, "description": "", "name": "type", "required": true, "type": { "name": "\\"base\\"" } }, "colorSchemeAware": { "defaultValue": null, "description": "", "name": "colorSchemeAware", "required": true, "type": { "name": "boolean" } }, "value": { "defaultValue": null, "description": "", "name": "value", "required": true, "type": { "name": "string" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/functions/token-type.renderer.tsx#tokenRenderer"] = { docgenInfo: tokenRenderer.__docgenInfo, name: "tokenRenderer", path: "../docs-pages/docs/pages/30.guides/40.tokens/functions/token-type.renderer.tsx#tokenRenderer" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenCard.styles.tsx\n\n\nvar TokenCard_styles_templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;\n\nfunction TokenCard_styles_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar TokenCardListItem = styled_components_browser_esm["b" /* default */].li(TokenCard_styles_templateObject || (TokenCard_styles_templateObject = TokenCard_styles_taggedTemplateLiteralLoose(["\\n list-style: none;\\n margin-bottom: 32px;\\n\\n span[title] {\\n text-align: center;\\n display: block;\\n }\\n"])));\nvar Id = styled_components_browser_esm["b" /* default */].p(_templateObject2 || (_templateObject2 = TokenCard_styles_taggedTemplateLiteralLoose(["\\n margin: 0;\\n margin-top: 9px;\\n font-size: 14px;\\n"])));\nvar ThirdCol = styled_components_browser_esm["b" /* default */].div(_templateObject3 || (_templateObject3 = TokenCard_styles_taggedTemplateLiteralLoose(["\\n padding-top: 6px;\\n"])));\nvar Value = styled_components_browser_esm["b" /* default */].p(_templateObject4 || (_templateObject4 = TokenCard_styles_taggedTemplateLiteralLoose(["\\n margin: 0;\\n width: 160px;\\n text-align: right;\\n font-size: 16px;\\n line-height: 32px;\\n"])));\nvar IconWrapper = styled_components_browser_esm["b" /* default */].div(_templateObject5 || (_templateObject5 = TokenCard_styles_taggedTemplateLiteralLoose(["\\n padding-top: 2px;\\n"])));\n\ntry {\n // @ts-ignore\n TokenCardListItem.displayName = "TokenCardListItem";\n // @ts-ignore\n TokenCardListItem.__docgenInfo = { "description": "", "displayName": "TokenCardListItem", "props": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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: [\'90px\', \'1fr\', \'2fr\']\n }, /*#__PURE__*/react_default.a.createElement(Id, null, /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], {\n highlight: "blue"\n }, "(--", token.id, ")")), /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n direction: "column",\n gap: "3xs"\n }, /*#__PURE__*/react_default.a.createElement(Text["a" /* Text */], {\n variant: "l-medium"\n }, token.name), /*#__PURE__*/react_default.a.createElement(Text["a" /* Text */], {\n variant: "m"\n }, "@", token.name.replace(/\\./g, \'-\'))), /*#__PURE__*/react_default.a.createElement(ThirdCol, null, /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n direction: "column",\n gap: "2xs",\n justifyContent: "start"\n }, token.colorSchemeAware && /*#__PURE__*/react_default.a.createElement("div", null, /*#__PURE__*/react_default.a.createElement(TextHighlighted["a" /* TextHighlighted */], null, /*#__PURE__*/react_default.a.createElement("span", {\n title: "this token may have different values, depending on color scheme"\n }, "color scheme aware"))), experimentalValidation && /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "3xs",\n alignItems: "start",\n nowrap: true\n }, /*#__PURE__*/react_default.a.createElement(IconWrapper, null, /*#__PURE__*/react_default.a.createElement(dist["k" /* ExperimentalIcon */], {\n size: 16\n })), /*#__PURE__*/react_default.a.createElement(Text["a" /* Text */], null, /*#__PURE__*/react_default.a.createElement(dist["l" /* ExperimentalMessage */], {\n validation: experimentalValidation\n }))), deprecatedValidation && /*#__PURE__*/react_default.a.createElement(LayoutFlex["a" /* LayoutFlex */], {\n gap: "3xs",\n alignItems: "start",\n nowrap: true\n }, /*#__PURE__*/react_default.a.createElement(IconWrapper, null, /*#__PURE__*/react_default.a.createElement(dist["f" /* DeprecatedIcon */], {\n size: 16\n })), /*#__PURE__*/react_default.a.createElement(Text["a" /* Text */], null, /*#__PURE__*/react_default.a.createElement(dist["g" /* DeprecatedMessage */], {\n validation: deprecatedValidation\n })))))), /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "l",\n columns: [\'auto\', \'1fr\'],\n alignItems: "center"\n }, /*#__PURE__*/react_default.a.createElement(Value, null, /*#__PURE__*/react_default.a.createElement("span", null, value)), /*#__PURE__*/react_default.a.createElement("div", null, /*#__PURE__*/react_default.a.createElement(Component, {\n name: token.name,\n value: value\n })))));\n};\nTokenCard_TokenCard.displayName = "TokenCard";\n\ntry {\n // @ts-ignore\n TokenCard_TokenCard.displayName = "TokenCard";\n // @ts-ignore\n TokenCard_TokenCard.__docgenInfo = { "description": "", "displayName": "TokenCard", "props": { "token": { "defaultValue": null, "description": "", "name": "token", "required": true, "type": { "name": "ExtendedToken" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.tsx#TokenCard"] = { docgenInfo: TokenCard_TokenCard.__docgenInfo, name: "TokenCard", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/TokenCard.tsx#TokenCard" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/TokenList.styles.tsx\n\n\nvar TokenList_styles_templateObject, TokenList_styles_templateObject2;\n\nfunction TokenList_styles_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar List = styled_components_browser_esm["b" /* default */].ul(TokenList_styles_templateObject || (TokenList_styles_templateObject = TokenList_styles_taggedTemplateLiteralLoose(["\\n margin: 0;\\n padding: 0;\\n"])));\nvar NoResults = styled_components_browser_esm["b" /* default */].div(TokenList_styles_templateObject2 || (TokenList_styles_templateObject2 = TokenList_styles_taggedTemplateLiteralLoose(["\\n font-size: 24px;\\n\\n h3 {\\n margin: 0;\\n }\\n"])));\n\ntry {\n // @ts-ignore\n List.displayName = "List";\n // @ts-ignore\n List.__docgenInfo = { "description": "", "displayName": "List", "props": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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/useTheme.js\nvar useTheme = __webpack_require__("../../packages/web-core/dist/theme/hooks/useTheme.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/theme/hooks/useThemes.js\nvar useThemes = __webpack_require__("../../packages/web-core/dist/theme/hooks/useThemes.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/theme/hooks/useSetTheme.js\nvar useSetTheme = __webpack_require__("../../packages/web-core/dist/theme/hooks/useSetTheme.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/Link/Link.js + 1 modules\nvar Link = __webpack_require__("../../packages/web-lib/dist/components/Link/Link.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/color-scheme/config.js\nvar config = __webpack_require__("../../packages/core/dist/color-scheme/config.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/SchemeSwitcher.styles.ts\n\n\nvar SchemeSwitcher_styles_templateObject, SchemeSwitcher_styles_templateObject2;\n\nfunction SchemeSwitcher_styles_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar SchemeSwitcher_styles_Div = styled_components_browser_esm["b" /* default */].div(SchemeSwitcher_styles_templateObject || (SchemeSwitcher_styles_templateObject = SchemeSwitcher_styles_taggedTemplateLiteralLoose(["\\n display: flex;\\n align-items: center;\\n gap: 12px;\\n font-size: 14px;\\n\\n label {\\n font-weight: 500;\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n }\\n\\n p {\\n margin: 0;\\n }\\n\\n select {\\n height: 32px;\\n padding: 2.5px 5px;\\n border-width: 1px;\\n border-color: ", ";\\n }\\n"])), function (_ref) {\n var isNotDefault = _ref.isNotDefault;\n return isNotDefault ? "orange;" : \'#ccc\';\n});\nvar Select = styled_components_browser_esm["b" /* default */].select(SchemeSwitcher_styles_templateObject2 || (SchemeSwitcher_styles_templateObject2 = SchemeSwitcher_styles_taggedTemplateLiteralLoose(["\\n padding: 5px 10px;\\n"])));\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/SchemeSwitcher.tsx\n\n\n\n/* eslint-disable jsx-a11y/label-has-associated-control */\n\n\n\n\nvar SchemeSwitcher_SchemeSwitcher = function SchemeSwitcher(_ref) {\n var onChange = _ref.onChange;\n\n var _useTokenSearchContex = useTokenSearchContext_useTokenSearchContext(),\n colorScheme = _useTokenSearchContex.colorScheme,\n setColorScheme = _useTokenSearchContex.setColorScheme;\n\n var handleChange = Object(react["useCallback"])(function (ev) {\n var _window, _window$localStorage;\n\n var newColorScheme = ev.target.value;\n (_window = window) === null || _window === void 0 ? void 0 : (_window$localStorage = _window.localStorage) === null || _window$localStorage === void 0 ? void 0 : _window$localStorage.setItem(\'storybook.ds-color-scheme\', newColorScheme);\n setColorScheme(newColorScheme !== null && newColorScheme !== void 0 ? newColorScheme : undefined);\n onChange === null || onChange === void 0 ? void 0 : onChange(newColorScheme);\n }, [onChange, setColorScheme]);\n return /*#__PURE__*/react_default.a.createElement(SchemeSwitcher_styles_Div, {\n isNotDefault: !!colorScheme\n }, /*#__PURE__*/react_default.a.createElement("label", null, "Color Scheme"), /*#__PURE__*/react_default.a.createElement(Select, {\n value: colorScheme,\n onChange: handleChange\n }, /*#__PURE__*/react_default.a.createElement("option", {\n key: "none",\n value: ""\n }, "-- no color scheme --"), Object.keys(config["a" /* colorSchemeConfig */]).map(function (key) {\n return /*#__PURE__*/react_default.a.createElement("option", {\n key: key,\n value: key\n }, key);\n })));\n};\nSchemeSwitcher_SchemeSwitcher.displayName = "SchemeSwitcher";\n\ntry {\n // @ts-ignore\n SchemeSwitcher_SchemeSwitcher.displayName = "SchemeSwitcher";\n // @ts-ignore\n SchemeSwitcher_SchemeSwitcher.__docgenInfo = { "description": "", "displayName": "SchemeSwitcher", "props": { "onChange": { "defaultValue": null, "description": "", "name": "onChange", "required": false, "type": { "name": "((value: string) => void)" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/SchemeSwitcher.tsx#SchemeSwitcher"] = { docgenInfo: SchemeSwitcher_SchemeSwitcher.__docgenInfo, name: "SchemeSwitcher", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/SchemeSwitcher.tsx#SchemeSwitcher" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/SearchTerms.styles.tsx\n\n\nvar SearchTerms_styles_templateObject;\n\nfunction SearchTerms_styles_taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\nvar SearchTerms_styles_Div = styled_components_browser_esm["b" /* default */].div(SearchTerms_styles_templateObject || (SearchTerms_styles_templateObject = SearchTerms_styles_taggedTemplateLiteralLoose(["\\n overflow: hidden;\\n text-overflow: ellipsis;\\n max-height: 48px;\\n min-height: 24px;\\n font-size: 16px;\\n\\n p {\\n margin: 0;\\n }\\n\\n a {\\n color: #0077b3;\\n }\\n"])));\n\ntry {\n // @ts-ignore\n SearchTerms_styles_Div.displayName = "Div";\n // @ts-ignore\n SearchTerms_styles_Div.__docgenInfo = { "description": "", "displayName": "Div", "props": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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": { "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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" } }, "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" } }, "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" } }, "className": { "defaultValue": null, "description": "", "name": "className", "required": false, "type": { "name": "string" } }, "contentEditable": { "defaultValue": null, "description": "", "name": "contentEditable", "required": false, "type": { "name": "boolean" } }, "contextMenu": { "defaultValue": null, "description": "", "name": "contextMenu", "required": false, "type": { "name": "string" } }, "dir": { "defaultValue": null, "description": "", "name": "dir", "required": false, "type": { "name": "string" } }, "draggable": { "defaultValue": null, "description": "", "name": "draggable", "required": false, "type": { "name": "boolean" } }, "hidden": { "defaultValue": null, "description": "", "name": "hidden", "required": false, "type": { "name": "boolean" } }, "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" } }, "color": { "defaultValue": null, "description": "", "name": "color", "required": false, "type": { "name": "string" } }, "itemProp": { "defaultValue": null, "description": "", "name": "itemProp", "required": false, "type": { "name": "string" } }, "itemScope": { "defaultValue": null, "description": "", "name": "itemScope", "required": false, "type": { "name": "boolean" } }, "itemType": { "defaultValue": null, "description": "", "name": "itemType", "required": false, "type": { "name": "string" } }, "itemID": { "defaultValue": null, "description": "", "name": "itemID", "required": false, "type": { "name": "string" } }, "itemRef": { "defaultValue": null, "description": "", "name": "itemRef", "required": false, "type": { "name": "string" } }, "results": { "defaultValue": null, "description": "", "name": "results", "required": false, "type": { "name": "number" } }, "security": { "defaultValue": null, "description": "", "name": "security", "required": false, "type": { "name": "string" } }, "unselectable": { "defaultValue": null, "description": "", "name": "unselectable", "required": false, "type": { "name": "enum", "value": [{ "value": "\\"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": "\\"both\\"" }, { "value": "\\"inline\\"" }, { "value": "\\"list\\"" }] } }, "aria-busy": { "defaultValue": null, "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "name": "aria-busy", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-checked": { "defaultValue": null, "description": "Indicates the current \\"checked\\" state of checkboxes, radio buttons, and other widgets.\\n@see aria-pressed\\n@see aria-selected.", "name": "aria-checked", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\" | \\"mixed\\"" } }, "aria-colcount": { "defaultValue": null, "description": "Defines the total number of columns in a table, grid, or treegrid.\\n@see aria-colindex.", "name": "aria-colcount", "required": false, "type": { "name": "number" } }, "aria-colindex": { "defaultValue": null, "description": "Defines an element\'s column index or position with respect to the total number of columns within a table, grid, or treegrid.\\n@see aria-colcount\\n@see aria-colspan.", "name": "aria-colindex", "required": false, "type": { "name": "number" } }, "aria-colspan": { "defaultValue": null, "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\\n@see aria-colindex\\n@see aria-rowspan.", "name": "aria-colspan", "required": false, "type": { "name": "number" } }, "aria-controls": { "defaultValue": null, "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\\n@see aria-owns.", "name": "aria-controls", "required": false, "type": { "name": "string" } }, "aria-current": { "defaultValue": null, "description": "Indicates the element that represents the current item within a container or set of related elements.", "name": "aria-current", "required": false, "type": { "name": "boolean | \\"time\\" | \\"false\\" | \\"true\\" | \\"page\\" | \\"step\\" | \\"location\\" | \\"date\\"" } }, "aria-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 | \\"dialog\\" | \\"menu\\" | \\"false\\" | \\"true\\" | \\"listbox\\" | \\"tree\\" | \\"grid\\"" } }, "aria-hidden": { "defaultValue": null, "description": "Indicates whether the element is exposed to an accessibility API.\\n@see aria-disabled.", "name": "aria-hidden", "required": false, "type": { "name": "boolean | \\"false\\" | \\"true\\"" } }, "aria-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": "\\"vertical\\"" }, { "value": "\\"horizontal\\"" }] } }, "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" } }, "min": { "defaultValue": null, "description": "", "name": "min", "required": false, "type": { "name": "string | number" } }, "max": { "defaultValue": null, "description": "", "name": "max", "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: .-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx\nvar StoryContextWithTokens = __webpack_require__("../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/00.token-explorer.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(esm["b" /* mdx */])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(esm["b" /* mdx */])(dist_esm["d" /* Meta */], {\n title: "\'Guides/Token Explorer",\n parameters: {\n docs: {\n container: StoryContextWithTokens["a" /* StoryContextWithTokens */]\n }\n },\n mdxType: "Meta"\n }), Object(esm["b" /* mdx */])(ThemeSwitcher["a" /* ThemeSwitcher */], {\n mdxType: "ThemeSwitcher"\n }), Object(esm["b" /* mdx */])(TokenSearch_TokenSearch, {\n mdxType: "TokenSearch"\n }), Object(esm["b" /* mdx */])(TokenList_TokenList, {\n mdxType: "TokenList"\n }));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'\\\'Guides/Token Explorer\',\n parameters: {\n docs: {\n container: StoryContextWithTokens["a" /* StoryContextWithTokens */]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(esm["b" /* mdx */])(dist_esm["a" /* AddContext */], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(esm["b" /* mdx */])(MDXContent, null));\n }\n});\n/* harmony default export */ var _00_token_explorer_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvcHJvdmlkZXJzL3VzZVRva2VuU2VhcmNoQ29udGV4dC50cz8wNzFmIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQmdDb2xvci50c3g/MTQ5YSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckJvcmRlckNvbG9yLnRzeD9jZGM1Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyUmFkaXVzLnRzeD82NTQ1Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyV2lkdGgudHN4P2YxMWIiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCb3hTaGFkb3cudHN4Pzk3YTIiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCcmlnaHRuZXNzLnRzeD9lYjQ4Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRmdDb2xvci50c3g/N2YwNiIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRGYW1pbHkudHN4P2IyZjAiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGb250U2l6ZS50c3g/MmVjOSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRTdHlsZS50c3g/MDNkMyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckZvbnRXZWlnaHQudHN4PzViMGYiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJIZWlnaHQudHN4PzBjMjUiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJMZXR0ZXJTcGFjaW5nLnRzeD9mNTQ2Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyTGluZUhlaWdodFBpeGVscy50c3g/NGQ3NCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckxpbmVIZWlnaHRSYXRpby50c3g/ODRlZCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVDb2xvci50c3g/NmM1ZSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVPZmZzZXQudHN4P2ZkYzQiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJPdXRsaW5lV2lkdGgudHN4P2E3ZGUiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJQYWxldHRlSXRlbS50c3g/ZDk1ZCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclNpemUudHN4Pzc4NjgiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJTcGFjZS50c3g/ZDRjMyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclRleHREZWNvcmF0aW9uLnRzeD9kZTE4Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyVmFyaWF0aW9uU2V0dGluZ3MudHN4PzBjOGYiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2Z1bmN0aW9ucy90b2tlbi10eXBlLnJlbmRlcmVyLnRzeD8wNDQwIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuQ2FyZC5zdHlsZXMudHN4PzRkYWUiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5DYXJkLnRzeD9hOGE4Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuTGlzdC5zdHlsZXMudHN4P2NlZmUiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbnN0YW50cy9zZWFyY2gtaGludHMudHN4PzQ2MTEiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5TZWFyY2hIaW50LnN0eWxlcy50c3g/ZTI1YSIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblNlYXJjaEhpbnQudHN4PzgwOTUiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvVG9rZW5TZWFyY2hIaW50cy50c3g/ZThjMCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlbkxpc3QudHN4PzE4NDMiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvU2NoZW1lU3dpdGNoZXIuc3R5bGVzLnRzPzQ4MDMiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvU2NoZW1lU3dpdGNoZXIudHN4PzNiMzgiLCJ3ZWJwYWNrOi8vLy4tcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNDAudG9rZW5zL2NvbXBvbmVudHMvU2VhcmNoVGVybXMuc3R5bGVzLnRzeD8xMGE0Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1NlYXJjaFRlcm1zLnRzeD81OTk0Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9jb21wb25lbnRzL1Rva2VuU2VhcmNoLnN0eWxlcy50c3g/ZTE2YiIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9Ub2tlblNlYXJjaC50c3g/MjUxMCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvMDAudG9rZW4tZXhwbG9yZXIuc3Rvcmllcy5tZHg/NzRiMSJdLCJuYW1lcyI6WyJ1c2VUb2tlblNlYXJjaENvbnRleHQiLCJ1c2VDb250ZXh0IiwiVG9rZW5TZWFyY2hDb250ZXh0IiwiRGl2Iiwic3R5bGVkIiwiZGl2IiwidmFsdWUiLCJSZW5kZXJlckJnQ29sb3IiLCJSZW5kZXJlckJvcmRlckNvbG9yIiwiUmVuZGVyZXJCb3JkZXJSYWRpdXMiLCJSZW5kZXJlckJvcmRlcldpZHRoIiwiUmVuZGVyZXJCb3hTaGFkb3ciLCJSZW5kZXJlckJyaWdodG5lc3MiLCJSZW5kZXJlckZnQ29sb3IiLCJSZW5kZXJlckZvbnRGYW1pbHkiLCJSZW5kZXJlckZvbnRTaXplIiwiUmVuZGVyZXJGb250U3R5bGUiLCJSZW5kZXJlckZvbnRXZWlnaHQiLCJSZW5kZXJlckhlaWdodCIsIlJlbmRlcmVyTGV0dGVyU3BhY2luZyIsIlJlbmRlcmVyTGluZUhlaWdodFBpeGVscyIsIlJlbmRlcmVyTGluZUhlaWdodFJhdGlvIiwiUmVuZGVyZXJPdXRsaW5lQ29sb3IiLCJSZW5kZXJlck91dGxpbmVPZmZzZXQiLCJSZW5kZXJlck91dGxpbmVXaWR0aCIsIlJlbmRlcmVyUGFsZXR0ZUl0ZW0iLCJSZW5kZXJlclNpemUiLCJSZW5kZXJlclNwYWNlIiwiUmVuZGVyZXJUZXh0RGVjb3JhdGlvbiIsIlJlbmRlcmVyVmFyaWF0aW9uU2V0dGluZ3MiLCJ0eXBlRnJvbVByZWZpeCIsInNwYWNpbmciLCJyYWRpdXMiLCJiYWNrZ3JvdW5kIiwiY29sb3IiLCJjb250ZW50Iiwic3VmaXhNYXAiLCJsaW5lSGVpZ2h0Iiwic2hhZG93IiwicmVuZGVyZXJzIiwiYmdDb2xvciIsInJlbmRlcmVyIiwiYm9yZGVyQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJicmlnaHRuZXNzIiwiZmdDb2xvciIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsImZvbnRXZWlnaHQiLCJmb250U3R5bGUiLCJsZXR0ZXJTcGFjaW5nIiwiZ2FwIiwiaGVpZ2h0IiwiaG9yaXpvbnRhbFBhZGRpbmciLCJsaW5lSGVpZ2h0UmF0aW8iLCJsaW5lSGVpZ2h0UGl4ZWxzIiwib3V0bGluZUNvbG9yIiwib3V0bGluZU9mZnNldCIsIm91dGxpbmVXaWR0aCIsImJvcmRlcldpZHRoIiwicGFkZGluZyIsInNpemUiLCJzcGFjZSIsImJveFNoYWRvdyIsInR5cGVmYWNlIiwidmFyaWF0aW9uU2V0dGluZ3MiLCJ2ZXJ0aWNhbFBhZGRpbmciLCJ0ZXh0RGVjb3JhdGlvbiIsImdldFR5cGVGcm9tUHJlZml4IiwibmFtZSIsIm1hdGNoIiwiT2JqZWN0IiwiZW50cmllcyIsImZpbmQiLCJwcmVmaXgiLCJzdGFydHNXaXRoIiwiZ2V0VHlwZUZyb21TdWZpeCIsInN1Zml4Iiwic3BsaXQiLCJwb3AiLCJnZXRSZW5kZXJlciIsInRva2VuIiwidHlwZSIsInRva2VuUmVuZGVyZXIiLCJFcnJvciIsIlRva2VuQ2FyZExpc3RJdGVtIiwibGkiLCJJZCIsInAiLCJUaGlyZENvbCIsIlZhbHVlIiwiSWNvbldyYXBwZXIiLCJUb2tlbkNhcmQiLCJ1c2VUb2tlbiIsIkNvbXBvbmVudCIsInVzZURvY01ldGFkYXRhQ29udGV4dCIsInZhbGlkYXRpb25zIiwiZXhwZXJpbWVudGFsVmFsaWRhdGlvbiIsImdldEV4cGVyaW1lbnRhbFRva2VuVmFsaWRhdGlvbiIsImRlcHJlY2F0ZWRWYWxpZGF0aW9uIiwiZ2V0RGVwcmVjYXRlZFRva2VuVmFsaWRhdGlvbiIsImlkIiwicmVwbGFjZSIsImNvbG9yU2NoZW1lQXdhcmUiLCJMaXN0IiwidWwiLCJOb1Jlc3VsdHMiLCJoaW50cyIsImJ1dCIsImFsdGVybmF0aXZlcyIsIm5vdGUiLCJsYXlvIiwiYWxpZ24iLCJqdXN0IiwiYm9sIiwiaGVscCIsIkhlYWRpbmciLCJoMyIsIkFsdGVybmF0aXZlcyIsIk5vdGUiLCJUb2tlblNlYXJjaEhpbnQiLCJoaW50IiwibGVuZ3RoIiwibWFwIiwiYWx0IiwiaW5kZXgiLCJUb2tlblNlYXJjaEhpbnRzIiwidGVybXMiLCJ0cmlnZ2VyIiwidG9Mb3dlckNhc2UiLCJpbmRleE9mIiwiVG9rZW5MaXN0IiwicmVzdWx0cyIsImlzTm90RGVmYXVsdCIsIlNlbGVjdCIsInNlbGVjdCIsIlNjaGVtZVN3aXRjaGVyIiwib25DaGFuZ2UiLCJjb2xvclNjaGVtZSIsInNldENvbG9yU2NoZW1lIiwiaGFuZGxlQ2hhbmdlIiwidXNlQ2FsbGJhY2siLCJldiIsIm5ld0NvbG9yU2NoZW1lIiwidGFyZ2V0Iiwid2luZG93IiwibG9jYWxTdG9yYWdlIiwic2V0SXRlbSIsInVuZGVmaW5lZCIsImtleXMiLCJjb2xvclNjaGVtZUNvbmZpZyIsImtleSIsIlNlYXJjaEJ5SWQiLCJTZWFyY2hCeU5hbWUiLCJOb3RGaWx0ZXJlZCIsIlNlYXJjaFRlcm1zIiwic3Vic3RyaW5nIiwiVG9rZW5TZWFyY2hTdGF0aWMiLCJTZWFyY2hGb3JtIiwiU2VhcmNoRm9ybUNvbnRlbnQiLCJTZWFyY2hJbnB1dCIsImlucHV0IiwiVG9rZW5TZWFyY2giLCJ1c2VUaGVtZSIsInRoZW1lIiwidXNlVGhlbWVzIiwidGhlbWVzIiwidXNlU2V0VGhlbWUiLCJzZXRUaGVtZSIsInNldFNlYXJjaFRlcm1zIiwidXNlU3RhdGUiLCJzaG93RmVlZGJhY2siLCJzZXRTaG93RmVlZGJhY2siLCJ0aW1lb3V0SWQiLCJzZXRUaW1lb3V0SWQiLCJ1cmwiLCJ1c2VNZW1vIiwiVVJMIiwidG9wIiwibG9jYXRpb24iLCJocmVmIiwicGFyYW1zIiwic2VhcmNoUGFyYW1zIiwidXJsVGhlbWUiLCJnZXQiLCJuZXdUaGVtZSIsInQiLCJ1cmxDb2xvclNjaGVtZSIsInVybFRlcm1zIiwidXNlRWZmZWN0IiwiaGlzdG9yeSIsInJlcGxhY2VTdGF0ZSIsImNsZWFyVGltZW91dCIsImhhbmRsZVNlYXJjaFRlcm1zQ2hhbmdlIiwiZnVsbFVybCIsIm1ha2VUb2tlbkV4cGxvcmVyVXJsIiwiaGFuZGxlQ2xpY2tQZXJtYWxpbmsiLCJuYXZpZ2F0b3IiLCJjbGlwYm9hcmQiLCJ3cml0ZVRleHQiLCJwcmV2ZW50RGVmYXVsdCIsInNldFRpbWVvdXQiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiU3RvcnlDb250ZXh0V2l0aFRva2VucyIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7QUFFQTtBQUVPLElBQU1BLDJDQUFxQixHQUFHLFNBQXhCQSxxQkFBd0I7QUFBQSxTQUErQkMsMkJBQVUsQ0FBQ0MsaURBQUQsQ0FBekM7QUFBQSxDQUE5QixDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQ0pQO0FBQ0E7QUFJQSxJQUFNQyxHQUFHLEdBQUdDLGdEQUFNLENBQUNDLEdBQVYsa0tBSWU7QUFBQSxNQUFHQyxLQUFILFFBQUdBLEtBQUg7QUFBQSxTQUFlQSxLQUFmO0FBQUEs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RUFBRUg7QUFBM0UsT0FBMEYsMkJBQUMsVUFBRCxPQUExRixDQUFOO0FBQUE7QUFGUjtBQUtlQSw2R0FBZiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy8wMC50b2tlbi1leHBsb3Jlci5zdG9yaWVzLm1keC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFRva2VuU2VhcmNoQ29udGV4dCwgVG9rZW5TZWFyY2hDb250ZXh0U2hhcGUgfSBmcm9tICcuL1Rva2VuU2VhcmNoUHJvdmlkZXInO1xuXG5leHBvcnQgY29uc3QgdXNlVG9rZW5TZWFyY2hDb250ZXh0ID0gKCk6IFRva2VuU2VhcmNoQ29udGV4dFNoYXBlID0+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+IHZhbHVlfTtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJTcGFjZTogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfSAvPjtcbn07XG4iLCJpbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgUmVuZGVyZXJQcm9wcyB9IGZyb20gJy4vUmVuZGVyZXJQcm9wcyc7XG5cbmNvbnN0IERpdiA9IHN0eWxlZC5kaXY8UmVuZGVyZXJQcm9wcz5gXG4gICAgdGV4dC1kZWNvcmF0aW9uOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcblxuICAgIHA6Zmlyc3QtY2hpbGQge1xuICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgIH1cblxuICAgIHA6bGFzdC1jaGlsZCB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJlbmRlcmVyVGV4dERlY29yYXRpb246IEZDPFJlbmRlcmVyUHJvcHM+ID0gKHsgdmFsdWUgfSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxEaXYgdmFsdWU9e3ZhbHVlfT5cbiAgICAgICAgICAgIDxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0PC9wPlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBSZW5kZXJlclByb3BzIH0gZnJvbSAnLi9SZW5kZXJlclByb3BzJztcblxuY29uc3QgRGl2ID0gc3R5bGVkLmRpdjxSZW5kZXJlclByb3BzPmBcbiAgICBmb250LWZhbWlseTogUHJlcGx5SW50ZXI7XG4gICAgZm9udC1zdHlsZTogaXRhbGljO1xuICAgIGZvbnQtdmFyaWF0aW9uLXNldHRpbmdzOiAkeyh7IHZhbHVlIH0pID0+IHZhbHVlfTtcbiAgICBmb250LXNpemU6IDE0cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUmVuZGVyZXJWYXJpYXRpb25TZXR0aW5nczogRkM8UmVuZGVyZXJQcm9wcz4gPSAoeyB2YWx1ZSB9KSA9PiB7XG4gICAgcmV0dXJuIDxEaXYgdmFsdWU9e3ZhbHVlfT5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldC48L0Rpdj47XG59O1xuIiwiaW1wb3J0IHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFJlbmRlcmVyQmdDb2xvciB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCZ0NvbG9yJztcbmltcG9ydCB7IFJlbmRlcmVyQm9yZGVyQ29sb3IgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyQ29sb3InO1xuaW1wb3J0IHsgUmVuZGVyZXJCb3JkZXJSYWRpdXMgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyUmFkaXVzJztcbmltcG9ydCB7IFJlbmRlcmVyQm9yZGVyV2lkdGggfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm9yZGVyV2lkdGgnO1xuaW1wb3J0IHsgUmVuZGVyZXJCb3hTaGFkb3cgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyQm94U2hhZG93JztcbmltcG9ydCB7IFJlbmRlcmVyQnJpZ2h0bmVzcyB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJCcmlnaHRuZXNzJztcbmltcG9ydCB7IFJlbmRlcmVyRmdDb2xvciB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGZ0NvbG9yJztcbmltcG9ydCB7IFJlbmRlcmVyRm9udEZhbWlseSB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGb250RmFtaWx5JztcbmltcG9ydCB7IFJlbmRlcmVyRm9udFNpemUgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udFNpemUnO1xuaW1wb3J0IHsgUmVuZGVyZXJGb250U3R5bGUgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyRm9udFN0eWxlJztcbmltcG9ydCB7IFJlbmRlcmVyRm9udFdlaWdodCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJGb250V2VpZ2h0JztcbmltcG9ydCB7IFJlbmRlcmVySGVpZ2h0IH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlckhlaWdodCc7XG5pbXBvcnQgeyBSZW5kZXJlckxldHRlclNwYWNpbmcgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyTGV0dGVyU3BhY2luZyc7XG5pbXBvcnQgeyBSZW5kZXJlckxpbmVIZWlnaHRQaXhlbHMgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyTGluZUhlaWdodFBpeGVscyc7XG5pbXBvcnQgeyBSZW5kZXJlckxpbmVIZWlnaHRSYXRpbyB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJMaW5lSGVpZ2h0UmF0aW8nO1xuaW1wb3J0IHsgUmVuZGVyZXJPdXRsaW5lQ29sb3IgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyT3V0bGluZUNvbG9yJztcbmltcG9ydCB7IFJlbmRlcmVyT3V0bGluZU9mZnNldCB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJPdXRsaW5lT2Zmc2V0JztcbmltcG9ydCB7IFJlbmRlcmVyT3V0bGluZVdpZHRoIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlck91dGxpbmVXaWR0aCc7XG5pbXBvcnQgeyBSZW5kZXJlclBhbGV0dGVJdGVtIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclBhbGV0dGVJdGVtJztcbmltcG9ydCB7IFJlbmRlcmVyUHJvcHMgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyUHJvcHMnO1xuaW1wb3J0IHsgUmVuZGVyZXJTaXplIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclNpemUnO1xuaW1wb3J0IHsgUmVuZGVyZXJTcGFjZSB9IGZyb20gJy4uL2NvbXBvbmVudHMvVG9rZW5SZW5kZXJlcnMvUmVuZGVyZXJTcGFjZSc7XG5pbXBvcnQgeyBSZW5kZXJlclRleHREZWNvcmF0aW9uIH0gZnJvbSAnLi4vY29tcG9uZW50cy9Ub2tlblJlbmRlcmVycy9SZW5kZXJlclRleHREZWNvcmF0aW9uJztcbmltcG9ydCB7IFJlbmRlcmVyVmFyaWF0aW9uU2V0dGluZ3MgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuUmVuZGVyZXJzL1JlbmRlcmVyVmFyaWF0aW9uU2V0dGluZ3MnO1xuaW1wb3J0IHsgRXh0ZW5kZWRUb2tlbiB9IGZyb20gJy4uL3R5cGVzJztcblxudHlwZSBUb2tlblJlbmRlcmVyID0ge1xuICAgIHJlbmRlcmVyOiBGQzxSZW5kZXJlclByb3BzPjtcbn07XG5cbi8qKlxuICogcGljayBhIHR5cGUgZm9yIHJvb3QgdG9rZW5zXG4gKi9cbmNvbnN0IHR5cGVGcm9tUHJlZml4OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICAgICdyb290LnNpemUnOiAnc2l6ZScsXG4gICAgJ3Jvb3Quc3BhY2UnOiAnc3BhY2UnLFxuICAgIHNwYWNpbmc6ICdzcGFjZScsXG4gICAgJ3Jvb3QucmFkaXVzJzogJ2JvcmRlclJhZGl1cycsXG4gICAgcmFkaXVzOiAnYm9yZGVyUmFkaXVzJyxcbiAgICAncm9vdC50ZXh0LnNpemUnOiAnZm9udFNpemUnLFxuICAgICdyb290LnRleHQuYmFzZS5saW5lSGVpZ2h0JzogJ2xpbmVIZWlnaHRSYXRpbycsXG4gICAgJ3Jvb3QudGV4dC5oZWlnaHQnOiAnbGluZUhlaWdodFBpeGVscycsXG4gICAgJ3Jvb3QudGV4dC53ZWlnaHQnOiAnZm9udFdlaWdodCcsXG4gICAgJ2J1dHRvbi5ib3JkZXJXZWlnaHQnOiAnYm9yZGVyV2lkdGgnLFxuICAgICdpY29uLmZpZWxkTGF5b3V0LndpZHRoJzogJ2hvcml6b250YWxQYWRkaW5nJyxcbiAgICAnaWNvbi5maWVsZExheW91dC5oZWlnaHQnOiAnaG9yaXpvbnRhbFBhZGRpbmcnLFxuICAgICdyb290LnRleHQuc3BhY2luZyc6ICdsZXR0ZXJTcGFjaW5nJyxcbiAgICAncm9vdC50ZXh0LnN0eWxlJzogJ2ZvbnRTdHlsZScsXG4gICAgJ3Jvb3QudGV4dC52YXJpYXRpb24nOiAndmFyaWF0aW9uU2V0dGluZ3MnLFxuICAgICdyb290LnBhbGV0dGUnOiAnY29sb3InLFxuICAgIGJhY2tncm91bmQ6ICdjb2xvcicsXG4gICAgY29sb3I6ICdjb2xvcicsXG4gICAgJ2RzSW50ZXJuYWxQcmltaXRpdmUuY29sb3InOiAnY29sb3InLFxuICAgICdiYWRnZS5iYXNlLmNvbG9yJzogJ2NvbG9yJyxcbiAgICBjb250ZW50OiAnY29sb3InLFxufTtcblxuY29uc3Qgc3VmaXhNYXA6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgY29sb3I6ICdmZ0NvbG9yJyxcbiAgICBsaW5lSGVpZ2h0OiAnbGluZUhlaWdodFBpeGVscycsXG4gICAgc2hhZG93OiAnYm94U2hhZG93Jyxcbn07XG5cbmNvbnN0IHJlbmRlcmVyczogUmVjb3JkPHN0cmluZywgVG9rZW5SZW5kZXJlcj4gPSB7XG4gICAgYmdDb2xvcjoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCZ0NvbG9yLFxuICAgIH0sXG4gICAgYm9yZGVyQ29sb3I6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyQm9yZGVyQ29sb3IsXG4gICAgfSxcbiAgICBib3JkZXJSYWRpdXM6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyQm9yZGVyUmFkaXVzLFxuICAgIH0sXG4gICAgYnJpZ2h0bmVzczoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJCcmlnaHRuZXNzLFxuICAgIH0sXG4gICAgY29sb3I6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyUGFsZXR0ZUl0ZW0sXG4gICAgfSxcbiAgICBmZ0NvbG9yOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckZnQ29sb3IsXG4gICAgfSxcbiAgICBmb250RmFtaWx5OiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckZvbnRGYW1pbHksXG4gICAgfSxcbiAgICBmb250U2l6ZToge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJGb250U2l6ZSxcbiAgICB9LFxuICAgIGZvbnRXZWlnaHQ6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyRm9udFdlaWdodCxcbiAgICB9LFxuICAgIGZvbnRTdHlsZToge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJGb250U3R5bGUsXG4gICAgfSxcbiAgICBsZXR0ZXJTcGFjaW5nOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckxldHRlclNwYWNpbmcsXG4gICAgfSxcbiAgICBnYXA6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyU3BhY2UsXG4gICAgfSxcbiAgICBoZWlnaHQ6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVySGVpZ2h0LFxuICAgIH0sXG4gICAgaG9yaXpvbnRhbFBhZGRpbmc6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyU2l6ZSxcbiAgICB9LFxuICAgIGxpbmVIZWlnaHRSYXRpbzoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJMaW5lSGVpZ2h0UmF0aW8sXG4gICAgfSxcbiAgICBsaW5lSGVpZ2h0UGl4ZWxzOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckxpbmVIZWlnaHRQaXhlbHMsXG4gICAgfSxcbiAgICBvdXRsaW5lQ29sb3I6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyT3V0bGluZUNvbG9yLFxuICAgIH0sXG4gICAgb3V0bGluZU9mZnNldDoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJPdXRsaW5lT2Zmc2V0LFxuICAgIH0sXG4gICAgb3V0bGluZVdpZHRoOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlck91dGxpbmVXaWR0aCxcbiAgICB9LFxuICAgIGJvcmRlcldpZHRoOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlckJvcmRlcldpZHRoLFxuICAgIH0sXG4gICAgcGFkZGluZzoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJTaXplLFxuICAgIH0sXG4gICAgc2l6ZToge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJTaXplLFxuICAgIH0sXG4gICAgc3BhY2U6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyU3BhY2UsXG4gICAgfSxcbiAgICBib3hTaGFkb3c6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyQm94U2hhZG93LFxuICAgIH0sXG4gICAgdHlwZWZhY2U6IHtcbiAgICAgICAgcmVuZGVyZXI6IFJlbmRlcmVyRm9udEZhbWlseSxcbiAgICB9LFxuICAgIHZhcmlhdGlvblNldHRpbmdzOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclZhcmlhdGlvblNldHRpbmdzLFxuICAgIH0sXG4gICAgdmVydGljYWxQYWRkaW5nOiB7XG4gICAgICAgIHJlbmRlcmVyOiBSZW5kZXJlclNpemUsXG4gICAgfSxcbiAgICB0ZXh0RGVjb3JhdGlvbjoge1xuICAgICAgICByZW5kZXJlcjogUmVuZGVyZXJUZXh0RGVjb3JhdGlvbixcbiAgICB9LFxufTtcblxuZnVuY3Rpb24gZ2V0VHlwZUZyb21QcmVmaXgobmFtZTogc3RyaW5nKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICBjb25zdCBtYXRjaCA9IE9iamVjdC5lbnRyaWVzKHR5cGVGcm9tUHJlZml4KS5maW5kKChbcHJlZml4XSkgPT4gbmFtZS5zdGFydHNXaXRoKHByZWZpeCkpO1xuICAgIHJldHVybiBtYXRjaCAmJiBtYXRjaFsxXTtcbn1cblxuZnVuY3Rpb24gZ2V0VHlwZUZyb21TdWZpeChuYW1lOiBzdHJpbmcpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIGNvbnN0IHN1Zml4ID0gbmFtZS5zcGxpdCgnLicpLnBvcCgpIHx8ICcnO1xuICAgIHJldHVybiBzdWZpeCBpbiBzdWZpeE1hcCA/IHN1Zml4TWFwW3N1Zml4XSA6IHN1Zml4O1xufVxuXG5mdW5jdGlvbiBnZXRSZW5kZXJlcih0b2tlbjogRXh0ZW5kZWRUb2tlbik6IFRva2VuUmVuZGVyZXIgfCB1bmRlZmluZWQge1xuICAgIGNvbnN0IHR5cGUgPSBnZXRUeXBlRnJvbVByZWZpeCh0b2tlbi5uYW1lKSB8fCBnZXRUeXBlRnJvbVN1Zml4KHRva2VuLm5hbWUpIHx8ICcnO1xuICAgIHJldHVybiByZW5kZXJlcnNbdHlwZV07XG59XG5cbmV4cG9ydCBjb25zdCB0b2tlblJlbmRlcmVyID0gKHRva2VuOiBFeHRlbmRlZFRva2VuKTogVG9rZW5SZW5kZXJlciA9PiB7XG4gICAgY29uc3QgcmVuZGVyZXIgPSBnZXRSZW5kZXJlcih0b2tlbik7XG5cbiAgICBpZiAoIXJlbmRlcmVyKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcihgTm8gcmVuZGVyZXIgZm9yIHRva2VuIFwiJHt0b2tlbi5uYW1lfVwiLmApO1xuICAgIH1cblxuICAgIHJldHVybiByZW5kZXJlcjtcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IFRva2VuQ2FyZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgbWFyZ2luLWJvdHRvbTogMzJweDtcblxuICAgIHNwYW5bdGl0bGVdIHtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWQgPSBzdHlsZWQucGBcbiAgICBtYXJnaW46IDA7XG4gICAgbWFyZ2luLXRvcDogOXB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaGlyZENvbCA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZy10b3A6IDZweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBWYWx1ZSA9IHN0eWxlZC5wYFxuICAgIG1hcmdpbjogMDtcbiAgICB3aWR0aDogMTYwcHg7XG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nLXRvcDogMnB4O1xuYDtcbiIsImltcG9ydCB7XG4gICAgRGVwcmVjYXRlZEljb24sXG4gICAgRGVwcmVjYXRlZE1lc3NhZ2UsXG4gICAgRXhwZXJpbWVudGFsSWNvbixcbiAgICBFeHBlcmltZW50YWxNZXNzYWdlLFxuICAgIHVzZURvY01ldGFkYXRhQ29udGV4dCxcbn0gZnJvbSAnQHByZXBseS9kcy1kb2NzLXRvb2xraXQnO1xuaW1wb3J0IHsgdXNlVG9rZW4gfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IExheW91dEZsZXgsIExheW91dEdyaWQsIFRleHQsIFRleHRIaWdobGlnaHRlZCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHRva2VuUmVuZGVyZXIgfSBmcm9tICcuLi9mdW5jdGlvbnMvdG9rZW4tdHlwZS5yZW5kZXJlcic7XG5pbXBvcnQgeyBFeHRlbmRlZFRva2VuIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgeyBJY29uV3JhcHBlciwgSWQsIFRoaXJkQ29sLCBUb2tlbkNhcmRMaXN0SXRlbSwgVmFsdWUgfSBmcm9tICcuL1Rva2VuQ2FyZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgVG9rZW5DYXJkOiBGQzx7IHRva2VuOiBFeHRlbmRlZFRva2VuIH0+ID0gKHsgdG9rZW4gfSkgPT4ge1xuICAgIGNvbnN0IHZhbHVlID0gdXNlVG9rZW4odG9rZW4udG9rZW4pO1xuICAgIGNvbnN0IHJlbmRlcmVyID0gdG9rZW5SZW5kZXJlcih0b2tlbik7XG4gICAgY29uc3QgQ29tcG9uZW50ID0gcmVuZGVyZXIucmVuZGVyZXI7XG4gICAgY29uc3QgeyB2YWxpZGF0aW9ucyB9ID0gdXNlRG9jTWV0YWRhdGFDb250ZXh0KCk7XG4gICAgY29uc3QgZXhwZXJpbWVudGFsVmFsaWRhdGlvbiA9IHZhbGlkYXRpb25zPy5nZXRFeHBlcmltZW50YWxUb2tlblZhbGlkYXRpb24odG9rZW4ubmFtZSk7XG4gICAgY29uc3QgZGVwcmVjYXRlZFZhbGlkYXRpb24gPSB2YWxpZGF0aW9ucz8uZ2V0RGVwcmVjYXRlZFRva2VuVmFsaWRhdGlvbih0b2tlbi5uYW1lKTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8VG9rZW5DYXJkTGlzdEl0ZW0+XG4gICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCJ4c1wiIGNvbHVtbj5cbiAgICAgICAgICAgICAgICA8TGF5b3V0R3JpZCBnYXA9XCJ4c1wiIGNvbHVtbnM9e1snOTBweCcsICcxZnInLCAnMmZyJ119PlxuICAgICAgICAgICAgICAgICAgICA8SWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImJsdWVcIj4oLS17dG9rZW4uaWR9KTwvVGV4dEhpZ2hsaWdodGVkPlxuICAgICAgICAgICAgICAgICAgICA8L0lkPlxuICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCIzeHNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJsLW1lZGl1bVwiPnt0b2tlbi5uYW1lfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IHZhcmlhbnQ9XCJtXCI+QHt0b2tlbi5uYW1lLnJlcGxhY2UoL1xcLi9nLCAnLScpfTwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgICAgICA8VGhpcmRDb2w+XG4gICAgICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9XCIyeHNcIiBqdXN0aWZ5Q29udGVudD1cInN0YXJ0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3Rva2VuLmNvbG9yU2NoZW1lQXdhcmUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiB0aXRsZT1cInRoaXMgdG9rZW4gbWF5IGhhdmUgZGlmZmVyZW50IHZhbHVlcywgZGVwZW5kaW5nIG9uIGNvbG9yIHNjaGVtZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvciBzY2hlbWUgYXdhcmVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RleHRIaWdobGlnaHRlZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7ZXhwZXJpbWVudGFsVmFsaWRhdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cIjN4c1wiIGFsaWduSXRlbXM9XCJzdGFydFwiIG5vd3JhcD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RXhwZXJpbWVudGFsSWNvbiBzaXplPXsxNn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RXhwZXJpbWVudGFsTWVzc2FnZSB2YWxpZGF0aW9uPXtleHBlcmltZW50YWxWYWxpZGF0aW9ufSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7ZGVwcmVjYXRlZFZhbGlkYXRpb24gJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCIzeHNcIiBhbGlnbkl0ZW1zPVwic3RhcnRcIiBub3dyYXA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPERlcHJlY2F0ZWRJY29uIHNpemU9ezE2fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEZXByZWNhdGVkTWVzc2FnZSB2YWxpZGF0aW9uPXtkZXByZWNhdGVkVmFsaWRhdGlvbn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICAgICAgICAgIDwvVGhpcmRDb2w+XG4gICAgICAgICAgICAgICAgPC9MYXlvdXRHcmlkPlxuICAgICAgICAgICAgICAgIDxMYXlvdXRHcmlkIGdhcD1cImxcIiBjb2x1bW5zPXtbJ2F1dG8nLCAnMWZyJ119IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPFZhbHVlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3ZhbHVlIGFzIHN0cmluZ308L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvVmFsdWU+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29tcG9uZW50IG5hbWU9e3Rva2VuLm5hbWV9IHZhbHVlPXt2YWx1ZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9MYXlvdXRHcmlkPlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L1Rva2VuQ2FyZExpc3RJdGVtPlxuICAgICk7XG59O1xuIiwiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmV4cG9ydCBjb25zdCBMaXN0ID0gc3R5bGVkLnVsYFxuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vUmVzdWx0cyA9IHN0eWxlZC5kaXZgXG4gICAgZm9udC1zaXplOiAyNHB4O1xuXG4gICAgaDMge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgfVxuYDtcbiIsImltcG9ydCB7IEhpbnQgfSBmcm9tICcuLi9jb21wb25lbnRzL1Rva2VuTGlzdCc7XG5cbmV4cG9ydCBjb25zdCBoaW50czogUmVjb3JkPHN0cmluZywgSGludD4gPSB7XG4gICAgYnV0OiB7XG4gICAgICAgIG5hbWU6ICdidXR0b24nLFxuICAgICAgICBhbHRlcm5hdGl2ZXM6IFsnYWN0aW9uJ10sXG4gICAgICAgIG5vdGU6ICdTZWUgYWxzbzogcHJvcHMgb2YgPEJ1dHRvbj4gY29tcG9uZW50JyxcbiAgICB9LFxuICAgIGxheW86IHtcbiAgICAgICAgbmFtZTogJ2xheW91dCcsXG4gICAgICAgIGFsdGVybmF0aXZlczogWydnYXAnLCAncGFkZGluZycsICdzcGFjZSddLFxuICAgICAgICBub3RlOiAnU2VlIGFsc286IHByb3BzIG9mIDxMYXlvdXQ+IGNvbXBvbmVudHMnLFxuICAgIH0sXG4gICAgYWxpZ246IHtcbiAgICAgICAgbmFtZTogJ2FsaWduJyxcbiAgICAgICAgYWx0ZXJuYXRpdmVzOiBbXSxcbiAgICAgICAgbm90ZTogJ1lvdSBwcm9iYWJseSB3YW50IHRvIGxvb2sgYXQgdGhlIDxMYXlvdXQ+IGNvbXBvbmVudHMnLFxuICAgIH0sXG4gICAganVzdDoge1xuICAgICAgICBuYW1lOiAnanVzdGlmeScsXG4gICAgICAgIGFsdGVybmF0aXZlczogW10sXG4gICAgICAgIG5vdGU6ICdZb3UgcHJvYmFibHkgd2FudCB0byBsb29rIGF0IHRoZSA8TGF5b3V0PiBjb21wb25lbnRzJyxcbiAgICB9LFxuICAgIGJvbDoge1xuICAgICAgICBuYW1lOiAnYm9sZCcsXG4gICAgICAgIGFsdGVybmF0aXZlczogWyd3ZWlnaHQnXSxcbiAgICAgICAgbm90ZTogJ1NlZSBhbHNvIDxUZXh0IHN0cm9uZz4gY29tcG9uZW50LicsXG4gICAgfSxcbiAgICBoZWxwOiB7XG4gICAgICAgIG5hbWU6ICdoZWxwPyA6LUQnLFxuICAgICAgICBhbHRlcm5hdGl2ZXM6IFtdLFxuICAgICAgICBub3RlOiAnVG8gYmUgY29udGludWVkLi4uJyxcbiAgICB9LFxufTtcbiIsImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgSGVhZGluZyA9IHN0eWxlZC5oM2BcbiAgICBtYXJnaW46IDA7XG4gICAgZm9udC1zaXplOiAyNHB4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5gO1xuXG5leHBvcnQgY29uc3QgQWx0ZXJuYXRpdmVzID0gc3R5bGVkLmgzYFxuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGUgPSBzdHlsZWQuaDNgXG4gICAgZm9udC1zaXplOiAxNnB4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5gO1xuIiwiaW1wb3J0IHsgTGF5b3V0RmxleCwgVGV4dEhpZ2hsaWdodGVkIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgSGludCB9IGZyb20gJy4vVG9rZW5MaXN0JztcbmltcG9ydCB7IEFsdGVybmF0aXZlcywgSGVhZGluZywgTm90ZSB9IGZyb20gJy4vVG9rZW5TZWFyY2hIaW50LnN0eWxlcyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gICAgaGludDogSGludDtcbn07XG5cbmV4cG9ydCBjb25zdCBUb2tlblNlYXJjaEhpbnQ6IEZDPFByb3BzPiA9ICh7IGhpbnQgfSkgPT4ge1xuICAgIGNvbnN0IGFsdGVybmF0aXZlcyA9IGhpbnQuYWx0ZXJuYXRpdmVzIHx8IFtdO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInNcIiBjb2x1bW4+XG4gICAgICAgICAgICA8SGVhZGluZz5cbiAgICAgICAgICAgICAgICBTZWFyY2hpbmcgZm9yIDxUZXh0SGlnaGxpZ2h0ZWQ+e2hpbnQubmFtZX08L1RleHRIaWdobGlnaHRlZD4/eycgJ31cbiAgICAgICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cIjJ4c1wiIGNvbHVtbj5cbiAgICAgICAgICAgICAgICB7YWx0ZXJuYXRpdmVzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxBbHRlcm5hdGl2ZXM+XG4gICAgICAgICAgICAgICAgICAgICAgICBUcnkgc2VhcmNoaW5uZyBmb3J7JyAnfVxuICAgICAgICAgICAgICAgICAgICAgICAge2FsdGVybmF0aXZlcy5tYXAoKGFsdCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VGV4dEhpZ2hsaWdodGVkIGtleT17YWx0fT57YWx0fTwvVGV4dEhpZ2hsaWdodGVkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aW5kZXggKyAyIDwgYWx0ZXJuYXRpdmVzLmxlbmd0aCA/ICcsICcgOiAnJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2luZGV4ICsgMiA9PT0gYWx0ZXJuYXRpdmVzLmxlbmd0aCA/ICcgb3IgJyA6ICcnfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aW5kZXggPT09IGFsdGVybmF0aXZlcy5sZW5ndGggLSAxID8gJyAnIDogJyd9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGluc3RlYWQuXG4gICAgICAgICAgICAgICAgICAgIDwvQWx0ZXJuYXRpdmVzPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge2hpbnQubm90ZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxOb3RlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHN0cm9uZz5Ob3RlOjwvc3Ryb25nPiB7aGludC5ub3RlfVxuICAgICAgICAgICAgICAgICAgICA8L05vdGU+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICk7XG59O1xuIiwiaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBoaW50cyB9IGZyb20gJy4uL2NvbnN0YW50cy9zZWFyY2gtaGludHMnO1xuXG5pbXBvcnQgeyBUb2tlblNlYXJjaEhpbnQgfSBmcm9tICcuL1Rva2VuU2VhcmNoSGludCc7XG5cbnR5cGUgSGludFByb3BzID0ge1xuICAgIHRlcm1zPzogc3RyaW5nO1xufTtcbmV4cG9ydCBjb25zdCBUb2tlblNlYXJjaEhpbnRzOiBGQzxIaW50UHJvcHM+ID0gKHsgdGVybXMgfSkgPT4ge1xuICAgIGlmICghdGVybXMpIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICB7T2JqZWN0LmVudHJpZXMoaGludHMpLm1hcCgoW3RyaWdnZXIsIGhpbnRdKSA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgdGVybXMudG9Mb3dlckNhc2UoKS5pbmRleE9mKHRyaWdnZXIpID4gLTEgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPFRva2VuU2VhcmNoSGludCBrZXk9e3RyaWdnZXJ9IGhpbnQ9e2hpbnR9IC8+XG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuIiwiaW1wb3J0IHsgTGF5b3V0RmxleCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZVRva2VuU2VhcmNoQ29udGV4dCB9IGZyb20gJy4uL3Byb3ZpZGVycy91c2VUb2tlblNlYXJjaENvbnRleHQnO1xuXG5pbXBvcnQgeyBUb2tlbkNhcmQgfSBmcm9tICcuL1Rva2VuQ2FyZCc7XG5pbXBvcnQgeyBMaXN0LCBOb1Jlc3VsdHMgfSBmcm9tICcuL1Rva2VuTGlzdC5zdHlsZXMnO1xuaW1wb3J0IHsgVG9rZW5TZWFyY2hIaW50cyB9IGZyb20gJy4vVG9rZW5TZWFyY2hIaW50cyc7XG5cbmV4cG9ydCB0eXBlIEhpbnQgPSB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGFsdGVybmF0aXZlcz86IHN0cmluZ1tdO1xuICAgIG5vdGU/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgVG9rZW5MaXN0OiBGQyA9ICgpID0+IHtcbiAgICBjb25zdCB7IHJlc3VsdHMsIHRlcm1zIH0gPSB1c2VUb2tlblNlYXJjaENvbnRleHQoKTtcbiAgICByZXR1cm4gcmVzdWx0cy5sZW5ndGggPyAoXG4gICAgICAgIDxMaXN0PlxuICAgICAgICAgICAge3Jlc3VsdHMubWFwKHRva2VuID0+IChcbiAgICAgICAgICAgICAgICA8VG9rZW5DYXJkIGtleT17dG9rZW4uaWR9IHRva2VuPXt0b2tlbn0gLz5cbiAgICAgICAgICAgICkpfVxuICAgICAgICA8L0xpc3Q+XG4gICAgKSA6IChcbiAgICAgICAgPE5vUmVzdWx0cz5cbiAgICAgICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInNcIiBjb2x1bW4+XG4gICAgICAgICAgICAgICAgPGgzPk5vIHRva2VucyBmb3VuZDwvaDM+XG4gICAgICAgICAgICAgICAgPFRva2VuU2VhcmNoSGludHMgdGVybXM9e3Rlcm1zfSAvPlxuICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICA8L05vUmVzdWx0cz5cbiAgICApO1xufTtcbiIsImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG50eXBlIFByb3BzID0ge1xuICAgIGlzTm90RGVmYXVsdDogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBjb25zdCBEaXYgPSBzdHlsZWQuZGl2PFByb3BzPmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAxMnB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcblxuICAgIGxhYmVsIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgfVxuXG4gICAgcCB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5cbiAgICBzZWxlY3Qge1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICAgIHBhZGRpbmc6IDIuNXB4IDVweDtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHsoeyBpc05vdERlZmF1bHQgfSkgPT4gKGlzTm90RGVmYXVsdCA/IGBvcmFuZ2U7YCA6ICcjY2NjJyl9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3QgPSBzdHlsZWQuc2VsZWN0YFxuICAgIHBhZGRpbmc6IDVweCAxMHB4O1xuYDtcbiIsIi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2xhYmVsLWhhcy1hc3NvY2lhdGVkLWNvbnRyb2wgKi9cbmltcG9ydCB7IENvbG9yU2NoZW1lTmFtZSwgY29sb3JTY2hlbWVDb25maWcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlVG9rZW5TZWFyY2hDb250ZXh0IH0gZnJvbSAnLi4vcHJvdmlkZXJzL3VzZVRva2VuU2VhcmNoQ29udGV4dCc7XG5cbmltcG9ydCB7IERpdiwgU2VsZWN0IH0gZnJvbSAnLi9TY2hlbWVTd2l0Y2hlci5zdHlsZXMnO1xuXG50eXBlIFByb3BzID0ge1xuICAgIG9uQ2hhbmdlPzogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgY29uc3QgU2NoZW1lU3dpdGNoZXI6IEZDPFByb3BzPiA9ICh7IG9uQ2hhbmdlIH0pID0+IHtcbiAgICBjb25zdCB7IGNvbG9yU2NoZW1lLCBzZXRDb2xvclNjaGVtZSB9ID0gdXNlVG9rZW5TZWFyY2hDb250ZXh0KCk7XG5cbiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGV2OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MU2VsZWN0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IG5ld0NvbG9yU2NoZW1lID0gZXYudGFyZ2V0LnZhbHVlIGFzIENvbG9yU2NoZW1lTmFtZTtcbiAgICAgICAgICAgIHdpbmRvdz8ubG9jYWxTdG9yYWdlPy5zZXRJdGVtKCdzdG9yeWJvb2suZHMtY29sb3Itc2NoZW1lJywgbmV3Q29sb3JTY2hlbWUpO1xuICAgICAgICAgICAgc2V0Q29sb3JTY2hlbWUobmV3Q29sb3JTY2hlbWUgPz8gdW5kZWZpbmVkKTtcbiAgICAgICAgICAgIG9uQ2hhbmdlPy4obmV3Q29sb3JTY2hlbWUpO1xuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2UsIHNldENvbG9yU2NoZW1lXSxcbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPERpdiBpc05vdERlZmF1bHQ9eyEhY29sb3JTY2hlbWV9PlxuICAgICAgICAgICAgPGxhYmVsPkNvbG9yIFNjaGVtZTwvbGFiZWw+XG4gICAgICAgICAgICA8U2VsZWN0IHZhbHVlPXtjb2xvclNjaGVtZX0gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0+XG4gICAgICAgICAgICAgICAgPG9wdGlvbiBrZXk9XCJub25lXCIgdmFsdWU9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgLS0gbm8gY29sb3Igc2NoZW1lIC0tXG4gICAgICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICAgICAgICAge09iamVjdC5rZXlzKGNvbG9yU2NoZW1lQ29uZmlnKS5tYXAoa2V5ID0+IChcbiAgICAgICAgICAgICAgICAgICAgPG9wdGlvbiBrZXk9e2tleX0gdmFsdWU9e2tleX0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7a2V5fVxuICAgICAgICAgICAgICAgICAgICA8L29wdGlvbj5cbiAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvU2VsZWN0PlxuICAgICAgICA8L0Rpdj5cbiAgICApO1xufTtcbiIsImltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5leHBvcnQgY29uc3QgRGl2ID0gc3R5bGVkLmRpdmBcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIG1heC1oZWlnaHQ6IDQ4cHg7XG4gICAgbWluLWhlaWdodDogMjRweDtcbiAgICBmb250LXNpemU6IDE2cHg7XG5cbiAgICBwIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIGEge1xuICAgICAgICBjb2xvcjogIzAwNzdiMztcbiAgICB9XG5gO1xuIiwiaW1wb3J0IHsgVGV4dEhpZ2hsaWdodGVkIH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlVG9rZW5TZWFyY2hDb250ZXh0IH0gZnJvbSAnLi4vcHJvdmlkZXJzL3VzZVRva2VuU2VhcmNoQ29udGV4dCc7XG5cbmltcG9ydCB7IERpdiB9IGZyb20gJy4vU2VhcmNoVGVybXMuc3R5bGVzJztcblxuY29uc3QgU2VhcmNoQnlJZCA9ICh7IGlkIH0pID0+IChcbiAgICA8PlxuICAgICAgICBTZWFyY2hpbmcgZm9yIHRva2VuIElEIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiYmx1ZVwiPntpZH08L1RleHRIaWdobGlnaHRlZD4uXG4gICAgPC8+XG4pO1xuXG5jb25zdCBTZWFyY2hCeU5hbWUgPSAoeyB0ZXJtcywgY29sb3JTY2hlbWUsIHJlc3VsdHMgfSkgPT4gKFxuICAgIDw+XG4gICAgICAgIEZvdW5kIHtyZXN1bHRzLmxlbmd0aH0gcmVzdWx0cyBtYXRjaGluZ3snICd9XG4gICAgICAgIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiZ3JlZW5cIj57dGVybXN9PC9UZXh0SGlnaGxpZ2h0ZWQ+eycgJ31cbiAgICAgICAge2NvbG9yU2NoZW1lID8gKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICB3aXRoaW4gPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJncmVlblwiPmNvbG9yIHNjaGVtZSBhd2FyZTwvVGV4dEhpZ2hsaWdodGVkPnsnICd9XG4gICAgICAgICAgICAgICAgdG9rZW5zLlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgICA8PndpdGhpbiB0b2tlbnMgd2l0aG91dCBjb2xvciBzY2hlbWUuPC8+XG4gICAgICAgICl9XG4gICAgPC8+XG4pO1xuXG5jb25zdCBOb3RGaWx0ZXJlZCA9ICh7IGNvbG9yU2NoZW1lLCByZXN1bHRzIH0pID0+IChcbiAgICA8PlxuICAgICAgICB7Y29sb3JTY2hlbWUgPyAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIFNob3dpbmcgYWxsIDxUZXh0SGlnaGxpZ2h0ZWQgaGlnaGxpZ2h0PVwiYmx1ZVwiPntyZXN1bHRzLmxlbmd0aH08L1RleHRIaWdobGlnaHRlZD57JyAnfVxuICAgICAgICAgICAgICAgIHRva2VucyB0aGF0IGFyZXsnICd9XG4gICAgICAgICAgICAgICAgPFRleHRIaWdobGlnaHRlZCBoaWdobGlnaHQ9XCJncmVlblwiPmNvbG9yIHNjaGVtZSBhd2FyZTwvVGV4dEhpZ2hsaWdodGVkPi5cbiAgICAgICAgICAgIDwvPlxuICAgICAgICApIDogKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICBTaG93aW5nIGFsbCA8VGV4dEhpZ2hsaWdodGVkIGhpZ2hsaWdodD1cImJsdWVcIj57cmVzdWx0cy5sZW5ndGh9PC9UZXh0SGlnaGxpZ2h0ZWQ+eycgJ31cbiAgICAgICAgICAgICAgICBjb2xvciBzY2hlbWUgYW5vc3RpYyB0b2tlbnMuXG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICA8Lz5cbik7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hUZXJtczogRkMgPSAoKSA9PiB7XG4gICAgY29uc3QgeyB0ZXJtcywgY29sb3JTY2hlbWUsIHJlc3VsdHMgfSA9IHVzZVRva2VuU2VhcmNoQ29udGV4dCgpO1xuICAgIGNvbnN0IGlkID0gdGVybXM/LnN0YXJ0c1dpdGgoJy0tJykgJiYgdGVybXM/LnN1YnN0cmluZygyKTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8RGl2PlxuICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAge2lkICYmIDxTZWFyY2hCeUlkIGlkPXtpZH0gLz59XG4gICAgICAgICAgICAgICAge3Rlcm1zICYmICFpZCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxTZWFyY2hCeU5hbWUgdGVybXM9e3Rlcm1zfSBjb2xvclNjaGVtZT17Y29sb3JTY2hlbWV9IHJlc3VsdHM9e3Jlc3VsdHN9IC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7IXRlcm1zICYmICFpZCAmJiA8Tm90RmlsdGVyZWQgY29sb3JTY2hlbWU9e2NvbG9yU2NoZW1lfSByZXN1bHRzPXtyZXN1bHRzfSAvPn17JyAnfVxuICAgICAgICAgICAgICAgIHtjb2xvclNjaGVtZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9XCIuLz9wYXRoPS9zdG9yeS9ndWlkZXMtY29sb3Itc2NoZW1lcy1pbnRyby0tcGFnZVwiPkxlYXJuIG1vcmU8L2E+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgPC9EaXY+XG4gICAgKTtcbn07XG4iLCJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoU3RhdGljID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luLXRvcDogLTIwcHg7XG4gICAgcGFkZGluZy1ib3R0b206IDIwMHB4O1xuICAgIGgxIHtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hGb3JtID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMjBweCAyMHB4IDI0cHg7XG4gICAgZ2FwOiAxNnB4O1xuICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaEZvcm1Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXgtd2lkdGg6IDEwMDBweDtcbiAgICBtYXJnaW46IDAgYXV0bztcbmA7XG5cbnR5cGUgU2VhcmNoUHJvcHMgPSB7XG4gICAgdGVybXM/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgU2VhcmNoSW5wdXQgPSBzdHlsZWQuaW5wdXQ8U2VhcmNoUHJvcHM+YFxuICAgIGZsZXg6IDE7XG4gICAgcGFkZGluZzogOHB4O1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBoZWlnaHQ6IDMycHg7XG4gICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGVybXMgfSkgPT4gKHRlcm1zID8gYG9yYW5nZTtgIDogJyNjY2MnKX07XG5gO1xuIiwiLyogZXNsaW50LWRpc2FibGUganN4LWExMXkvYW5jaG9yLWlzLXZhbGlkICovXG5pbXBvcnQgeyBDb2xvclNjaGVtZU5hbWUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgbWFrZVRva2VuRXhwbG9yZXJVcmwgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtdG9vbGtpdCc7XG5pbXBvcnQgeyB1c2VTZXRUaGVtZSwgdXNlVGhlbWUsIHVzZVRoZW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgTGF5b3V0RmxleCwgTGluayB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB1c2VUb2tlblNlYXJjaENvbnRleHQgfSBmcm9tICcuLi9wcm92aWRlcnMvdXNlVG9rZW5TZWFyY2hDb250ZXh0JztcblxuaW1wb3J0IHsgU2NoZW1lU3dpdGNoZXIgfSBmcm9tICcuL1NjaGVtZVN3aXRjaGVyJztcbmltcG9ydCB7IFNlYXJjaFRlcm1zIH0gZnJvbSAnLi9TZWFyY2hUZXJtcyc7XG5pbXBvcnQge1xuICAgIFNlYXJjaEZvcm0sXG4gICAgU2VhcmNoRm9ybUNvbnRlbnQsXG4gICAgU2VhcmNoSW5wdXQsXG4gICAgVG9rZW5TZWFyY2hTdGF0aWMsXG59IGZyb20gJy4vVG9rZW5TZWFyY2guc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IFRva2VuU2VhcmNoOiBGQyA9ICgpID0+IHtcbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IHsgdGhlbWVzIH0gPSB1c2VUaGVtZXMoKTtcbiAgICBjb25zdCB7IHNldFRoZW1lIH0gPSB1c2VTZXRUaGVtZSgpO1xuICAgIGNvbnN0IHsgY29sb3JTY2hlbWUsIHRlcm1zLCBzZXRDb2xvclNjaGVtZSwgc2V0U2VhcmNoVGVybXMgfSA9IHVzZVRva2VuU2VhcmNoQ29udGV4dCgpO1xuICAgIGNvbnN0IFtzaG93RmVlZGJhY2ssIHNldFNob3dGZWVkYmFja10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW3RpbWVvdXRJZCwgc2V0VGltZW91dElkXSA9IHVzZVN0YXRlPG51bWJlciB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuICAgIGNvbnN0IHVybCA9IHVzZU1lbW8oKCkgPT4gbmV3IFVSTCh3aW5kb3cudG9wPy5sb2NhdGlvbi5ocmVmIHx8ICcnKSwgW10pO1xuICAgIGNvbnN0IHBhcmFtcyA9IHVybC5zZWFyY2hQYXJhbXM7XG4gICAgY29uc3QgdXJsVGhlbWUgPSBwYXJhbXMuZ2V0KCd0aGVtZScpO1xuICAgIGNvbnN0IG5ld1RoZW1lID0gdXJsVGhlbWUgJiYgdGhlbWVzPy5maW5kKHQgPT4gdC5uYW1lID09PSB1cmxUaGVtZSk7XG4gICAgY29uc3QgdXJsQ29sb3JTY2hlbWUgPSBwYXJhbXMuZ2V0KCdjb2xvclNjaGVtZScpO1xuICAgIGNvbnN0IHVybFRlcm1zID0gcGFyYW1zLmdldCgndGVybXMnKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmICh1cmxUaGVtZSkge1xuICAgICAgICAgICAgaWYgKHVybFRoZW1lICE9PSB0aGVtZS5uYW1lICYmIHNldFRoZW1lICYmIG5ld1RoZW1lKSB7XG4gICAgICAgICAgICAgICAgc2V0VGhlbWUobmV3VGhlbWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKHVybFRoZW1lICYmIHVybENvbG9yU2NoZW1lICE9PSBjb2xvclNjaGVtZSkge1xuICAgICAgICAgICAgICAgIHNldENvbG9yU2NoZW1lKHVybENvbG9yU2NoZW1lIGFzIENvbG9yU2NoZW1lTmFtZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXRTZWFyY2hUZXJtcyh1cmxUZXJtcyB8fCAnJyk7XG4gICAgICAgIH1cblxuICAgICAgICBwYXJhbXMuZGVsZXRlKCd0aGVtZScpO1xuICAgICAgICBwYXJhbXMuZGVsZXRlKCdjb2xvclNjaGVtZScpO1xuICAgICAgICBwYXJhbXMuZGVsZXRlKCd0ZXJtcycpO1xuICAgICAgICB3aW5kb3cudG9wPy5oaXN0b3J5LnJlcGxhY2VTdGF0ZSh7fSwgJycsIHVybCk7XG4gICAgICAgIHdpbmRvdy5jbGVhclRpbWVvdXQodGltZW91dElkKTtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IGhhbmRsZVNlYXJjaFRlcm1zQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICh2YWx1ZTogc3RyaW5nKSA9PiBzZXRTZWFyY2hUZXJtcyh2YWx1ZSksXG4gICAgICAgIFtzZXRTZWFyY2hUZXJtc10sXG4gICAgKTtcblxuICAgIGNvbnN0IGZ1bGxVcmwgPSBtYWtlVG9rZW5FeHBsb3JlclVybCh7IHRlcm1zLCB0aGVtZTogdGhlbWUubmFtZSwgY29sb3JTY2hlbWUgfSk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGlja1Blcm1hbGluayA9IHVzZUNhbGxiYWNrKFxuICAgICAgICBldiA9PiB7XG4gICAgICAgICAgICBuYXZpZ2F0b3IuY2xpcGJvYXJkLndyaXRlVGV4dChmdWxsVXJsKTtcbiAgICAgICAgICAgIGV2LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBzZXRTaG93RmVlZGJhY2sodHJ1ZSk7XG4gICAgICAgICAgICB3aW5kb3cuY2xlYXJUaW1lb3V0KHRpbWVvdXRJZCk7XG4gICAgICAgICAgICBzZXRUaW1lb3V0SWQod2luZG93LnNldFRpbWVvdXQoKCkgPT4gc2V0U2hvd0ZlZWRiYWNrKGZhbHNlKSwgNTAwMCkpO1xuICAgICAgICB9LFxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gICAgICAgIFtmdWxsVXJsLCB0aW1lb3V0SWRdLFxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VG9rZW5TZWFyY2hTdGF0aWM+XG4gICAgICAgICAgICA8U2VhcmNoRm9ybT5cbiAgICAgICAgICAgICAgICA8U2VhcmNoRm9ybUNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4IGdhcD1cInhzXCIgZGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBhbGlnbkl0ZW1zPVwic3RhcnRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDEgaWQ9XCJ0b2tlbnNcIiBjbGFzc05hbWU9XCJzYmRvY3Mgc2Jkb2NzLWgxIGNzcy0xajI4dHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgVG9rZW4gRXhwbG9yZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2gxPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt0ZXJtcyAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMYXlvdXRGbGV4XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzdGFydFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwiZW5kXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPExpbmsgdXJsPXtmdWxsVXJsfSBvbkNsaWNrPXtoYW5kbGVDbGlja1Blcm1hbGlua30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgTGluayB0byB0aGlzIHNlYXJjaFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9MaW5rPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3Nob3dGZWVkYmFjayAmJiAn4pyTIFVSTCBjb3BpZWQgdG8gY2xpcGJvYXJkJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9MYXlvdXRGbGV4PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8TGF5b3V0RmxleCBnYXA9XCIyeHNcIiBub3dyYXA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNlYXJjaElucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRlcm1zPXt0ZXJtc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cImV4YW1wbGVzOiB0ZWFsLCAzMDAsIGFjdGlvbiwgcHJpbWFyeSwgeHMsIC0tNGFkZWYsICMwMCwgMTJweFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtldiA9PiBoYW5kbGVTZWFyY2hUZXJtc0NoYW5nZShldi50YXJnZXQudmFsdWUpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGVybXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U2NoZW1lU3dpdGNoZXIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGF5b3V0RmxleD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTZWFyY2hUZXJtcyAvPlxuICAgICAgICAgICAgICAgICAgICA8L0xheW91dEZsZXg+XG4gICAgICAgICAgICAgICAgPC9TZWFyY2hGb3JtQ29udGVudD5cbiAgICAgICAgICAgIDwvU2VhcmNoRm9ybT5cbiAgICAgICAgPC9Ub2tlblNlYXJjaFN0YXRpYz5cbiAgICApO1xufTtcbiIsIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBJY29uLCBMYXlvdXRGbGV4LCBUZXh0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCB7IFRva2VuTGlzdCB9IGZyb20gJy4vY29tcG9uZW50cy9Ub2tlbkxpc3QnO1xuaW1wb3J0IHsgVG9rZW5TZWFyY2ggfSBmcm9tICcuL2NvbXBvbmVudHMvVG9rZW5TZWFyY2gnO1xuaW1wb3J0IHsgU3RvcnlDb250ZXh0V2l0aFRva2VucyB9IGZyb20gJy4vcHJvdmlkZXJzL1N0b3J5Q29udGV4dFdpdGhUb2tlbnMnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCInR3VpZGVzL1Rva2VuIEV4cGxvcmVyXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IFN0b3J5Q29udGV4dFdpdGhUb2tlbnNcbiAgICAgIH1cbiAgICB9fSBtZHhUeXBlPVwiTWV0YVwiIC8+XG4gICAgPFRoZW1lU3dpdGNoZXIgbWR4VHlwZT1cIlRoZW1lU3dpdGNoZXJcIiAvPlxuICAgIDxUb2tlblNlYXJjaCBtZHhUeXBlPVwiVG9rZW5TZWFyY2hcIiAvPlxuICAgIDxUb2tlbkxpc3QgbWR4VHlwZT1cIlRva2VuTGlzdFwiIC8+XG4gICAgPC9NRFhMYXlvdXQ+O1xufVxuXG47XG5NRFhDb250ZW50LmlzTURYQ29tcG9uZW50ID0gdHJ1ZTtcblxuZXhwb3J0IGNvbnN0IF9fcGFnZSA9ICgpID0+IHsgdGhyb3cgbmV3IEVycm9yKFwiRG9jcy1vbmx5IHN0b3J5XCIpOyB9O1xuXG5fX3BhZ2UucGFyYW1ldGVycyA9IHsgZG9jc09ubHk6IHRydWUgfTtcblxuY29uc3QgY29tcG9uZW50TWV0YSA9IHsgdGl0bGU6ICdcXCdHdWlkZXMvVG9rZW4gRXhwbG9yZXInLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IFN0b3J5Q29udGV4dFdpdGhUb2tlbnNcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/40.tokens/00.token-explorer.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/40.tokens/01.semantic-tokens-examples.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "__page", function() { return /* binding */ __page; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.keys.js\nvar es_object_keys = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\nvar react_default = /*#__PURE__*/__webpack_require__.n(react);\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@mdx-js/react/dist/esm.js\nvar esm = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/@storybook/addon-docs/dist/esm/index.js + 45 modules\nvar dist_esm = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n\n// EXTERNAL MODULE: .-context/dist/components/ThemeSwitcher.js + 1 modules\nvar ThemeSwitcher = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.is-array.js\nvar es_array_is_array = __webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.function.name.js\nvar es_function_name = __webpack_require__("../../node_modules/core-js/modules/es.function.name.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.description.js\nvar es_symbol_description = __webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.to-string.js\nvar es_object_to_string = __webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.iterator.js\nvar es_symbol_iterator = __webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.iterator.js\nvar es_string_iterator = __webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.iterator.js\nvar es_array_iterator = __webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/web.dom-collections.iterator.js\nvar web_dom_collections_iterator = __webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.slice.js\nvar es_array_slice = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.from.js\nvar es_array_from = __webpack_require__("../../node_modules/core-js/modules/es.array.from.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/generated/tokens.js\nvar tokens = __webpack_require__("../../packages/core/dist/generated/tokens.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/theme/hooks/useTheme.js\nvar useTheme = __webpack_require__("../../packages/web-core/dist/theme/hooks/useTheme.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/color-scheme/providers/ColorSchemeProvider.js\nvar ColorSchemeProvider = __webpack_require__("../../packages/web-core/dist/color-scheme/providers/ColorSchemeProvider.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/LayoutGridItem/LayoutGridItem.js + 1 modules\nvar LayoutGridItem = __webpack_require__("../../packages/web-lib/dist/components/LayoutGridItem/LayoutGridItem.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/Heading/Heading.js + 1 modules\nvar Heading = __webpack_require__("../../packages/web-lib/dist/components/Heading/Heading.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/LayoutGrid/LayoutGrid.js\nvar LayoutGrid = __webpack_require__("../../packages/web-lib/dist/components/LayoutGrid/LayoutGrid.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-lib/dist/components/Button/Button.js + 6 modules\nvar Button = __webpack_require__("../../packages/web-lib/dist/components/Button/Button.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-root/dist/root/providers/RootProvider.js + 5 modules\nvar RootProvider = __webpack_require__("../../packages/web-root/dist/root/providers/RootProvider.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/components/SemanticTokens.tsx\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar SemanticTokens_BackgroundAndContentExample = function BackgroundAndContentExample(_ref) {\n var textToken = _ref.textToken,\n backgroundToken = _ref.backgroundToken,\n _ref$introducedWith = _ref.introducedWith2023Rebrand,\n introducedWith2023Rebrand = _ref$introducedWith === void 0 ? false : _ref$introducedWith;\n var token = tokens["c" /* tokens */].color.text[textToken]; // This excludes all the composite tokens (like color.text.quaternary.action) since we want to target\n // only color.text.*\n\n if (!Array.isArray(token)) return null;\n return /*#__PURE__*/react_default.a.createElement(LayoutGridItem["a" /* LayoutGridItem */], {\n key: textToken\n }, /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h4"\n }, textToken, " ", introducedWith2023Rebrand ? \'(NEW)\' : \'(RENAMED)\'), /*#__PURE__*/react_default.a.createElement("div", {\n style: {\n color: "var(--" + token[1] + ")",\n maxWidth: \'240px\',\n padding: \'10px\'\n }\n }, "Content token: ", /*#__PURE__*/react_default.a.createElement("code", null, "color.text.", textToken)), /*#__PURE__*/react_default.a.createElement("div", {\n style: {\n background: "var(--" + tokens["c" /* tokens */].color.background[backgroundToken][1] + ")",\n color: "var(--" + token[1] + ")",\n maxWidth: \'240px\',\n padding: \'10px\'\n }\n }, "Background token: ", /*#__PURE__*/react_default.a.createElement("code", null, "color.background.", backgroundToken)));\n};\n\nSemanticTokens_BackgroundAndContentExample.displayName = "BackgroundAndContentExample";\nSemanticTokens_BackgroundAndContentExample.defaultProps = {\n introducedWith2023Rebrand: false\n};\n\nvar SemanticTokens_BorderExample = function BorderExample(_ref2) {\n var contentToken = _ref2.contentToken,\n _ref2$introducedWith = _ref2.introducedWith2023Rebrand,\n introducedWith2023Rebrand = _ref2$introducedWith === void 0 ? false : _ref2$introducedWith;\n var token = tokens["c" /* tokens */].color.border[contentToken]; // This excludes all the composite tokens (like color.text.quaternary.action) since we want to target\n // only color.text.*\n\n if (!Array.isArray(token)) return null;\n return /*#__PURE__*/react_default.a.createElement(LayoutGridItem["a" /* LayoutGridItem */], {\n key: contentToken\n }, /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h4"\n }, contentToken, " ", introducedWith2023Rebrand && \'(NEW)\'), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("div", {\n style: {\n border: "1px solid var(--" + token[1] + ")",\n background: "transparent",\n color: "var(--" + token[1] + ")",\n maxWidth: \'240px\',\n height: \'50px\',\n padding: \'10px\'\n }\n }, "color.border.", contentToken));\n};\n\nSemanticTokens_BorderExample.displayName = "BorderExample";\nSemanticTokens_BorderExample.defaultProps = {\n introducedWith2023Rebrand: false\n};\n\nvar SemanticTokens_Buttons = function Buttons() {\n return /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "xs",\n columns: 2\n }, /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], null, "Token family: action.variant.primary.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n variant: "secondary"\n }, "Token family: action.variant.secondary.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n variant: "tertiary"\n }, "Token family: action.variant.tertiary.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n variant: "quaternary"\n }, "Token family: action.variant.quaternary.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n variant: "critical"\n }, "Token family: action.variant.critical.*"), /*#__PURE__*/react_default.a.createElement(Button["a" /* Button */], {\n disabled: true\n }, "Token family: action.variant.disabled.*"));\n};\n\nSemanticTokens_Buttons.displayName = "Buttons";\nvar SemanticTokens_SemanticTokens = function SemanticTokens() {\n return /*#__PURE__*/react_default.a.createElement("div", null, /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h1"\n }, "Semantic token examples"), /*#__PURE__*/react_default.a.createElement("p", null, "With Tokyo UI the semantic tokens have been renamed and expanded to cover more use cases. Here is a list of the most important ones."), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("hr", null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h2"\n }, "Background + content examples"), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "xs",\n columns: 4\n }, /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundAndContentExample, {\n textToken: "primary",\n backgroundToken: "primary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundAndContentExample, {\n textToken: "secondary",\n backgroundToken: "secondary"\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundAndContentExample, {\n textToken: "positive",\n backgroundToken: "positive"\n })), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "xs",\n columns: 4\n }, /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundAndContentExample, {\n textToken: "tertiary",\n backgroundToken: "tertiary",\n introducedWith2023Rebrand: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundAndContentExample, {\n textToken: "accent",\n backgroundToken: "accent",\n introducedWith2023Rebrand: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundAndContentExample, {\n textToken: "info",\n backgroundToken: "info",\n introducedWith2023Rebrand: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundAndContentExample, {\n textToken: "warning",\n backgroundToken: "warning",\n introducedWith2023Rebrand: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BackgroundAndContentExample, {\n textToken: "critical",\n backgroundToken: "critical",\n introducedWith2023Rebrand: true\n })), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("p", null, "* \\u201C(NEW)\\u201C = introduced with Tokyo UI"), /*#__PURE__*/react_default.a.createElement("p", null, "* \\u201C(RENAMED)\\u201C = from `content.[token].color` to `color.text.[token]` and from `background.[token]` to `color.background.[token]`"), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("hr", null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h2"\n }, "Action"), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(SemanticTokens_Buttons, null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("hr", null), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(Heading["a" /* Heading */], {\n level: "h2"\n }, "Borders"), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement(LayoutGrid["a" /* LayoutGrid */], {\n gap: "xs",\n columns: 4\n }, /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderExample, {\n contentToken: "primary",\n introducedWith2023Rebrand: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderExample, {\n contentToken: "secondary",\n introducedWith2023Rebrand: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderExample, {\n contentToken: "tertiary",\n introducedWith2023Rebrand: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderExample, {\n contentToken: "focus",\n introducedWith2023Rebrand: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderExample, {\n contentToken: "brand",\n introducedWith2023Rebrand: true\n }), /*#__PURE__*/react_default.a.createElement(SemanticTokens_BorderExample, {\n contentToken: "critical",\n introducedWith2023Rebrand: true\n })), /*#__PURE__*/react_default.a.createElement("br", null), /*#__PURE__*/react_default.a.createElement("p", null, "* \\u201C(NEW)\\u201C = introduced with Tokyo UI"));\n};\nSemanticTokens_SemanticTokens.displayName = "SemanticTokens";\nvar SemanticTokens_Themed = function Themed(_ref3) {\n var children = _ref3.children;\n\n var _useTheme = Object(useTheme["a" /* useTheme */])(),\n theme = _useTheme.theme;\n\n var _React$useState = react_default.a.useState(\'base\'),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n colorScheme = _React$useState2[0],\n setColorScheme = _React$useState2[1];\n\n return /*#__PURE__*/react_default.a.createElement(RootProvider["a" /* RootProvider */], {\n theme: theme.name,\n colorScheme: colorScheme\n }, /*#__PURE__*/react_default.a.createElement(ColorSchemeProvider["b" /* ColorSchemeProvider */], {\n colorScheme: colorScheme\n }, children));\n};\nSemanticTokens_Themed.displayName = "Themed";\n\ntry {\n // @ts-ignore\n SemanticTokens_Themed.displayName = "Themed";\n // @ts-ignore\n SemanticTokens_Themed.__docgenInfo = { "description": "", "displayName": "Themed", "props": {} };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/components/SemanticTokens.tsx#Themed"] = { docgenInfo: SemanticTokens_Themed.__docgenInfo, name: "Themed", path: "../docs-pages/docs/pages/30.guides/40.tokens/components/SemanticTokens.tsx#Themed" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n\n// EXTERNAL MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx\nvar StoryContextWithTokens = __webpack_require__("../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/01.semantic-tokens-examples.stories.mdx\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(esm["b" /* mdx */])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(esm["b" /* mdx */])(dist_esm["d" /* Meta */], {\n title: "\'Guides/Semantic tokens examples",\n parameters: {\n docs: {\n container: StoryContextWithTokens["a" /* StoryContextWithTokens */]\n }\n },\n mdxType: "Meta"\n }), Object(esm["b" /* mdx */])(ThemeSwitcher["a" /* ThemeSwitcher */], {\n mdxType: "ThemeSwitcher"\n }), Object(esm["b" /* mdx */])(SemanticTokens_Themed, {\n mdxType: "Themed"\n }, Object(esm["b" /* mdx */])(SemanticTokens_SemanticTokens, {\n mdxType: "SemanticTokens"\n })));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'\\\'Guides/Semantic tokens examples\',\n parameters: {\n docs: {\n container: StoryContextWithTokens["a" /* StoryContextWithTokens */]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(esm["b" /* mdx */])(dist_esm["a" /* AddContext */], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(esm["b" /* mdx */])(MDXContent, null));\n }\n});\n/* harmony default export */ var _01_semantic_tokens_examples_stories = __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29tcG9uZW50cy9TZW1hbnRpY1Rva2Vucy50c3g/NDBkOCIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvMDEuc2VtYW50aWMtdG9rZW5zLWV4YW1wbGVzLnN0b3JpZXMubWR4PzFkY2MiXSwibmFtZXMiOlsiQmFja2dyb3VuZEFuZENvbnRlbnRFeGFtcGxlIiwidGV4dFRva2VuIiwiYmFja2dyb3VuZFRva2VuIiwiaW50cm9kdWNlZFdpdGgyMDIzUmVicmFuZCIsInRva2VuIiwidG9rZW5zIiwiY29sb3IiLCJ0ZXh0IiwiQXJyYXkiLCJpc0FycmF5IiwibWF4V2lkdGgiLCJwYWRkaW5nIiwiYmFja2dyb3VuZCIsImRlZmF1bHRQcm9wcyIsIkJvcmRlckV4YW1wbGUiLCJjb250ZW50VG9rZW4iLCJib3JkZXIiLCJoZWlnaHQiLCJCdXR0b25zIiwiU2VtYW50aWNUb2tlbnMiLCJUaGVtZWQiLCJjaGlsZHJlbiIsInVzZVRoZW1lIiwidGhlbWUiLCJSZWFjdCIsInVzZVN0YXRlIiwiY29sb3JTY2hlbWUiLCJzZXRDb2xvclNjaGVtZSIsIm5hbWUiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiU3RvcnlDb250ZXh0V2l0aFRva2VucyIsImlzTURYQ29tcG9uZW50IiwiX19wYWdlIiwiRXJyb3IiLCJwYXJhbWV0ZXJzIiwiZG9jc09ubHkiLCJjb21wb25lbnRNZXRhIiwidGl0bGUiLCJpbmNsdWRlU3RvcmllcyIsIm1keFN0b3J5TmFtZVRvS2V5IiwicGFnZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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cy8wMS5zZW1hbnRpYy10b2tlbnMtZXhhbXBsZXMuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2xvclNjaGVtZU5hbWUsIHRva2VucyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBDb2xvclNjaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgQnV0dG9uLCBIZWFkaW5nLCBMYXlvdXRHcmlkLCBMYXlvdXRHcmlkSXRlbSB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBSb290UHJvdmlkZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1yb290JztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgQmFja2dyb3VuZEFuZENvbnRlbnRFeGFtcGxlID0gKHtcbiAgICB0ZXh0VG9rZW4sXG4gICAgYmFja2dyb3VuZFRva2VuLFxuICAgIGludHJvZHVjZWRXaXRoMjAyM1JlYnJhbmQgPSBmYWxzZSxcbn06IHtcbiAgICB0ZXh0VG9rZW46IGtleW9mIHR5cGVvZiB0b2tlbnMuY29sb3IudGV4dDtcbiAgICBiYWNrZ3JvdW5kVG9rZW46IGtleW9mIHR5cGVvZiB0b2tlbnMuY29sb3IuYmFja2dyb3VuZDtcbiAgICBpbnRyb2R1Y2VkV2l0aDIwMjNSZWJyYW5kPzogYm9vbGVhbjtcbn0pID0+IHtcbiAgICBjb25zdCB0b2tlbiA9IHRva2Vucy5jb2xvci50ZXh0W3RleHRUb2tlbl07XG5cbiAgICAvLyBUaGlzIGV4Y2x1ZGVzIGFsbCB0aGUgY29tcG9zaXRlIHRva2VucyAobGlrZSBjb2xvci50ZXh0LnF1YXRlcm5hcnkuYWN0aW9uKSBzaW5jZSB3ZSB3YW50IHRvIHRhcmdldFxuICAgIC8vIG9ubHkgY29sb3IudGV4dC4qXG4gICAgaWYgKCFBcnJheS5pc0FycmF5KHRva2VuKSkgcmV0dXJuIG51bGw7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8TGF5b3V0R3JpZEl0ZW0ga2V5PXt0ZXh0VG9rZW59PlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoNFwiPlxuICAgICAgICAgICAgICAgIHt0ZXh0VG9rZW59IHtpbnRyb2R1Y2VkV2l0aDIwMjNSZWJyYW5kID8gJyhORVcpJyA6ICcoUkVOQU1FRCknfVxuICAgICAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICAgICAgey8qIDxTdGF0ZSB2YXJpYW50PXtuYW1lfSBzdGF0ZT1cImRpc2FibGVkXCIgY29sb3JzPXtjb2xvclsxXX0gLz4gKi99XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGB2YXIoLS0ke3Rva2VuWzFdfSlgLFxuICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogJzI0MHB4JyxcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzEwcHgnLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgQ29udGVudCB0b2tlbjogPGNvZGU+Y29sb3IudGV4dC57dGV4dFRva2VufTwvY29kZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IGB2YXIoLS0ke3Rva2Vucy5jb2xvci5iYWNrZ3JvdW5kW2JhY2tncm91bmRUb2tlbl1bMV19KWAsXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiBgdmFyKC0tJHt0b2tlblsxXX0pYCxcbiAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6ICcyNDBweCcsXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6ICcxMHB4JyxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIEJhY2tncm91bmQgdG9rZW46IDxjb2RlPmNvbG9yLmJhY2tncm91bmQue2JhY2tncm91bmRUb2tlbn08L2NvZGU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9MYXlvdXRHcmlkSXRlbT5cbiAgICApO1xufTtcbkJhY2tncm91bmRBbmRDb250ZW50RXhhbXBsZS5kZWZhdWx0UHJvcHMgPSB7XG4gICAgaW50cm9kdWNlZFdpdGgyMDIzUmVicmFuZDogZmFsc2UsXG59O1xuXG5jb25zdCBCb3JkZXJFeGFtcGxlID0gKHtcbiAgICBjb250ZW50VG9rZW4sXG4gICAgaW50cm9kdWNlZFdpdGgyMDIzUmVicmFuZCA9IGZhbHNlLFxufToge1xuICAgIGNvbnRlbnRUb2tlbjoga2V5b2YgdHlwZW9mIHRva2Vucy5jb2xvci5ib3JkZXI7XG4gICAgaW50cm9kdWNlZFdpdGgyMDIzUmVicmFuZD86IGJvb2xlYW47XG59KSA9PiB7XG4gICAgY29uc3QgdG9rZW4gPSB0b2tlbnMuY29sb3IuYm9yZGVyW2NvbnRlbnRUb2tlbl07XG5cbiAgICAvLyBUaGlzIGV4Y2x1ZGVzIGFsbCB0aGUgY29tcG9zaXRlIHRva2VucyAobGlrZSBjb2xvci50ZXh0LnF1YXRlcm5hcnkuYWN0aW9uKSBzaW5jZSB3ZSB3YW50IHRvIHRhcmdldFxuICAgIC8vIG9ubHkgY29sb3IudGV4dC4qXG4gICAgaWYgKCFBcnJheS5pc0FycmF5KHRva2VuKSkgcmV0dXJuIG51bGw7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8TGF5b3V0R3JpZEl0ZW0ga2V5PXtjb250ZW50VG9rZW59PlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoNFwiPlxuICAgICAgICAgICAgICAgIHtjb250ZW50VG9rZW59IHtpbnRyb2R1Y2VkV2l0aDIwMjNSZWJyYW5kICYmICcoTkVXKSd9XG4gICAgICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgdmFyKC0tJHt0b2tlblsxXX0pYCxcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogYHRyYW5zcGFyZW50YCxcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IGB2YXIoLS0ke3Rva2VuWzFdfSlgLFxuICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogJzI0MHB4JyxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnNTBweCcsXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6ICcxMHB4JyxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIGNvbG9yLmJvcmRlci57Y29udGVudFRva2VufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvTGF5b3V0R3JpZEl0ZW0+XG4gICAgKTtcbn07XG5Cb3JkZXJFeGFtcGxlLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBpbnRyb2R1Y2VkV2l0aDIwMjNSZWJyYW5kOiBmYWxzZSxcbn07XG5cbmNvbnN0IEJ1dHRvbnMgPSAoKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPExheW91dEdyaWQgZ2FwPVwieHNcIiBjb2x1bW5zPXsyfT5cbiAgICAgICAgICAgIDxCdXR0b24+VG9rZW4gZmFtaWx5OiBhY3Rpb24udmFyaWFudC5wcmltYXJ5Lio8L0J1dHRvbj5cbiAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInNlY29uZGFyeVwiPlRva2VuIGZhbWlseTogYWN0aW9uLnZhcmlhbnQuc2Vjb25kYXJ5Lio8L0J1dHRvbj5cbiAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCI+VG9rZW4gZmFtaWx5OiBhY3Rpb24udmFyaWFudC50ZXJ0aWFyeS4qPC9CdXR0b24+XG4gICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJxdWF0ZXJuYXJ5XCI+VG9rZW4gZmFtaWx5OiBhY3Rpb24udmFyaWFudC5xdWF0ZXJuYXJ5Lio8L0J1dHRvbj5cbiAgICAgICAgICAgIDxCdXR0b24gdmFyaWFudD1cImNyaXRpY2FsXCI+VG9rZW4gZmFtaWx5OiBhY3Rpb24udmFyaWFudC5jcml0aWNhbC4qPC9CdXR0b24+XG4gICAgICAgICAgICA8QnV0dG9uIGRpc2FibGVkPlRva2VuIGZhbWlseTogYWN0aW9uLnZhcmlhbnQuZGlzYWJsZWQuKjwvQnV0dG9uPlxuICAgICAgICA8L0xheW91dEdyaWQ+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBTZW1hbnRpY1Rva2VucyA9ICgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPEhlYWRpbmcgbGV2ZWw9XCJoMVwiPlNlbWFudGljIHRva2VuIGV4YW1wbGVzPC9IZWFkaW5nPlxuICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAgV2l0aCBUb2t5byBVSSB0aGUgc2VtYW50aWMgdG9rZW5zIGhhdmUgYmVlbiByZW5hbWVkIGFuZCBleHBhbmRlZCB0byBjb3ZlciBtb3JlIHVzZVxuICAgICAgICAgICAgICAgIGNhc2VzLiBIZXJlIGlzIGEgbGlzdCBvZiB0aGUgbW9zdCBpbXBvcnRhbnQgb25lcy5cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPGhyIC8+XG4gICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDxIZWFkaW5nIGxldmVsPVwiaDJcIj5CYWNrZ3JvdW5kICsgY29udGVudCBleGFtcGxlczwvSGVhZGluZz5cbiAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPGJyIC8+XG5cbiAgICAgICAgICAgIDxMYXlvdXRHcmlkIGdhcD1cInhzXCIgY29sdW1ucz17NH0+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRBbmRDb250ZW50RXhhbXBsZSB0ZXh0VG9rZW49XCJwcmltYXJ5XCIgYmFja2dyb3VuZFRva2VuPVwicHJpbWFyeVwiIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRBbmRDb250ZW50RXhhbXBsZSB0ZXh0VG9rZW49XCJzZWNvbmRhcnlcIiBiYWNrZ3JvdW5kVG9rZW49XCJzZWNvbmRhcnlcIiAvPlxuICAgICAgICAgICAgICAgIDxCYWNrZ3JvdW5kQW5kQ29udGVudEV4YW1wbGUgdGV4dFRva2VuPVwicG9zaXRpdmVcIiBiYWNrZ3JvdW5kVG9rZW49XCJwb3NpdGl2ZVwiIC8+XG4gICAgICAgICAgICA8L0xheW91dEdyaWQ+XG4gICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPExheW91dEdyaWQgZ2FwPVwieHNcIiBjb2x1bW5zPXs0fT5cbiAgICAgICAgICAgICAgICA8QmFja2dyb3VuZEFuZENvbnRlbnRFeGFtcGxlXG4gICAgICAgICAgICAgICAgICAgIHRleHRUb2tlbj1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZFRva2VuPVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICBpbnRyb2R1Y2VkV2l0aDIwMjNSZWJyYW5kXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8QmFja2dyb3VuZEFuZENvbnRlbnRFeGFtcGxlXG4gICAgICAgICAgICAgICAgICAgIHRleHRUb2tlbj1cImFjY2VudFwiXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRUb2tlbj1cImFjY2VudFwiXG4gICAgICAgICAgICAgICAgICAgIGludHJvZHVjZWRXaXRoMjAyM1JlYnJhbmRcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxCYWNrZ3JvdW5kQW5kQ29udGVudEV4YW1wbGVcbiAgICAgICAgICAgICAgICAgICAgdGV4dFRva2VuPVwiaW5mb1wiXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRUb2tlbj1cImluZm9cIlxuICAgICAgICAgICAgICAgICAgICBpbnRyb2R1Y2VkV2l0aDIwMjNSZWJyYW5kXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8QmFja2dyb3VuZEFuZENvbnRlbnRFeGFtcGxlXG4gICAgICAgICAgICAgICAgICAgIHRleHRUb2tlbj1cIndhcm5pbmdcIlxuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kVG9rZW49XCJ3YXJuaW5nXCJcbiAgICAgICAgICAgICAgICAgICAgaW50cm9kdWNlZFdpdGgyMDIzUmVicmFuZFxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPEJhY2tncm91bmRBbmRDb250ZW50RXhhbXBsZVxuICAgICAgICAgICAgICAgICAgICB0ZXh0VG9rZW49XCJjcml0aWNhbFwiXG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRUb2tlbj1cImNyaXRpY2FsXCJcbiAgICAgICAgICAgICAgICAgICAgaW50cm9kdWNlZFdpdGgyMDIzUmVicmFuZFxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0xheW91dEdyaWQ+XG5cbiAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPHA+KiAmbGRxdW87KE5FVykmbGRxdW87ID0gaW50cm9kdWNlZCB3aXRoIFRva3lvIFVJPC9wPlxuICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAgKiAmbGRxdW87KFJFTkFNRUQpJmxkcXVvOyA9IGZyb20gYGNvbnRlbnQuW3Rva2VuXS5jb2xvcmAgdG8gYGNvbG9yLnRleHQuW3Rva2VuXWAgYW5kXG4gICAgICAgICAgICAgICAgZnJvbSBgYmFja2dyb3VuZC5bdG9rZW5dYCB0byBgY29sb3IuYmFja2dyb3VuZC5bdG9rZW5dYFxuICAgICAgICAgICAgPC9wPlxuXG4gICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIDxociAvPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgyXCI+QWN0aW9uPC9IZWFkaW5nPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8QnV0dG9ucyAvPlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8aHIgLz5cbiAgICAgICAgICAgIDxiciAvPlxuXG4gICAgICAgICAgICA8SGVhZGluZyBsZXZlbD1cImgyXCI+Qm9yZGVyczwvSGVhZGluZz5cbiAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPExheW91dEdyaWQgZ2FwPVwieHNcIiBjb2x1bW5zPXs0fT5cbiAgICAgICAgICAgICAgICA8Qm9yZGVyRXhhbXBsZSBjb250ZW50VG9rZW49XCJwcmltYXJ5XCIgaW50cm9kdWNlZFdpdGgyMDIzUmVicmFuZCAvPlxuICAgICAgICAgICAgICAgIDxCb3JkZXJFeGFtcGxlIGNvbnRlbnRUb2tlbj1cInNlY29uZGFyeVwiIGludHJvZHVjZWRXaXRoMjAyM1JlYnJhbmQgLz5cbiAgICAgICAgICAgICAgICA8Qm9yZGVyRXhhbXBsZSBjb250ZW50VG9rZW49XCJ0ZXJ0aWFyeVwiIGludHJvZHVjZWRXaXRoMjAyM1JlYnJhbmQgLz5cbiAgICAgICAgICAgICAgICA8Qm9yZGVyRXhhbXBsZSBjb250ZW50VG9rZW49XCJmb2N1c1wiIGludHJvZHVjZWRXaXRoMjAyM1JlYnJhbmQgLz5cbiAgICAgICAgICAgICAgICA8Qm9yZGVyRXhhbXBsZSBjb250ZW50VG9rZW49XCJicmFuZFwiIGludHJvZHVjZWRXaXRoMjAyM1JlYnJhbmQgLz5cbiAgICAgICAgICAgICAgICA8Qm9yZGVyRXhhbXBsZSBjb250ZW50VG9rZW49XCJjcml0aWNhbFwiIGludHJvZHVjZWRXaXRoMjAyM1JlYnJhbmQgLz5cbiAgICAgICAgICAgIDwvTGF5b3V0R3JpZD5cbiAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPHA+KiAmbGRxdW87KE5FVykmbGRxdW87ID0gaW50cm9kdWNlZCB3aXRoIFRva3lvIFVJPC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFRoZW1lZDogRkMgPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBbY29sb3JTY2hlbWUsIHNldENvbG9yU2NoZW1lXSA9IFJlYWN0LnVzZVN0YXRlPENvbG9yU2NoZW1lTmFtZT4oJ2Jhc2UnKTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8Um9vdFByb3ZpZGVyIHRoZW1lPXt0aGVtZS5uYW1lfSBjb2xvclNjaGVtZT17Y29sb3JTY2hlbWV9PlxuICAgICAgICAgICAgPENvbG9yU2NoZW1lUHJvdmlkZXIgY29sb3JTY2hlbWU9e2NvbG9yU2NoZW1lfT5cbiAgICAgICAgICAgICAgICB7LyogPHNlbGVjdFxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT17Y29sb3JTY2hlbWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtlID0+IHNldENvbG9yU2NoZW1lKGUudGFyZ2V0LnZhbHVlIGFzIENvbG9yU2NoZW1lTmFtZSl9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7T2JqZWN0LmtleXMoY29sb3JTY2hlbWVDb25maWcpLm1hcChrZXkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPG9wdGlvbiBrZXk9e2tleX0gdmFsdWU9e2tleX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2tleX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L3NlbGVjdD4gKi99XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Db2xvclNjaGVtZVByb3ZpZGVyPlxuICAgICAgICA8L1Jvb3RQcm92aWRlcj5cbiAgICApO1xufTtcbiIsIlxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgbWR4IH0gZnJvbSAnQG1keC1qcy9yZWFjdCdcblxuLyogQGpzeFJ1bnRpbWUgY2xhc3NpYyAqL1xuLyogQGpzeCBtZHggKi9cbmltcG9ydCB7IGFzc2VydElzRm4sIEFkZENvbnRleHQgfSBmcm9tIFwiQHN0b3J5Ym9vay9hZGRvbi1kb2NzXCI7XG5cbmltcG9ydCB7IFRoZW1lU3dpdGNoZXIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBJY29uLCBMYXlvdXRGbGV4LCBUZXh0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItbGliJztcbmltcG9ydCB7IFJvb3RQcm92aWRlciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLXJvb3QnO1xuaW1wb3J0IHsgQ2FudmFzLCBNZXRhIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCB7IFNlbWFudGljVG9rZW5zLCBUaGVtZWQgfSBmcm9tICcuL2NvbXBvbmVudHMvU2VtYW50aWNUb2tlbnMnO1xuaW1wb3J0IHsgU3RvcnlDb250ZXh0V2l0aFRva2VucyB9IGZyb20gJy4vcHJvdmlkZXJzL1N0b3J5Q29udGV4dFdpdGhUb2tlbnMnO1xuXG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICBcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuICAgIHtcbiAgICAgIC8qIGRvY3MgKi9cbiAgICB9XG4gICAgPE1ldGEgdGl0bGU9XCInR3VpZGVzL1NlbWFudGljIHRva2VucyBleGFtcGxlc1wiIHBhcmFtZXRlcnM9e3tcbiAgICAgIGRvY3M6IHtcbiAgICAgICAgY29udGFpbmVyOiBTdG9yeUNvbnRleHRXaXRoVG9rZW5zXG4gICAgICB9XG4gICAgfX0gbWR4VHlwZT1cIk1ldGFcIiAvPlxuICAgIDxUaGVtZVN3aXRjaGVyIG1keFR5cGU9XCJUaGVtZVN3aXRjaGVyXCIgLz5cbiAgICA8VGhlbWVkIG1keFR5cGU9XCJUaGVtZWRcIj5cbiAgICA8U2VtYW50aWNUb2tlbnMgbWR4VHlwZT1cIlNlbWFudGljVG9rZW5zXCIgLz5cbiAgICA8L1RoZW1lZD5cbiAgICA8L01EWExheW91dD47XG59XG5cbjtcbk1EWENvbnRlbnQuaXNNRFhDb21wb25lbnQgPSB0cnVlO1xuXG5leHBvcnQgY29uc3QgX19wYWdlID0gKCkgPT4geyB0aHJvdyBuZXcgRXJyb3IoXCJEb2NzLW9ubHkgc3RvcnlcIik7IH07XG5cbl9fcGFnZS5wYXJhbWV0ZXJzID0geyBkb2NzT25seTogdHJ1ZSB9O1xuXG5jb25zdCBjb21wb25lbnRNZXRhID0geyB0aXRsZTogJ1xcJ0d1aWRlcy9TZW1hbnRpYyB0b2tlbnMgZXhhbXBsZXMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IFN0b3J5Q29udGV4dFdpdGhUb2tlbnNcbiAgfVxufSwgaW5jbHVkZVN0b3JpZXM6IFtcIl9fcGFnZVwiXSwgIH07XG5cbmNvbnN0IG1keFN0b3J5TmFtZVRvS2V5ID0ge307XG5cbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycyA9IGNvbXBvbmVudE1ldGEucGFyYW1ldGVycyB8fCB7fTtcbmNvbXBvbmVudE1ldGEucGFyYW1ldGVycy5kb2NzID0ge1xuICAuLi4oY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgfHwge30pLFxuICBwYWdlOiAoKSA9PiA8QWRkQ29udGV4dCBtZHhTdG9yeU5hbWVUb0tleT17bWR4U3RvcnlOYW1lVG9LZXl9IG1keENvbXBvbmVudEFubm90YXRpb25zPXtjb21wb25lbnRNZXRhfT48TURYQ29udGVudCAvPjwvQWRkQ29udGV4dD4sXG59O1xuXG5leHBvcnQgZGVmYXVsdCBjb21wb25lbnRNZXRhOyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/40.tokens/01.semantic-tokens-examples.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return StoryContextWithTokens; });\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _TokenSearchProvider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx");\n\n\n\nvar StoryContextWithTokens = function StoryContextWithTokens(_ref) {\n var children = _ref.children,\n context = _ref.context;\n console.info(\'@preply/ds-docs-context:StoryContextWithTokens\');\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_0__[/* DocContextDSWeb */ "a"], {\n context: context\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_TokenSearchProvider__WEBPACK_IMPORTED_MODULE_2__[/* TokenSearchProvider */ "b"], null, children));\n};\nStoryContextWithTokens.displayName = "StoryContextWithTokens";\n\ntry {\n // @ts-ignore\n StoryContextWithTokens.displayName = "StoryContextWithTokens";\n // @ts-ignore\n StoryContextWithTokens.__docgenInfo = { "description": "", "displayName": "StoryContextWithTokens", "props": { "context": { "defaultValue": null, "description": "", "name": "context", "required": true, "type": { "name": "DocsContextProps<AnyFramework>" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx#StoryContextWithTokens"] = { docgenInfo: StoryContextWithTokens.__docgenInfo, name: "StoryContextWithTokens", path: "../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx#StoryContextWithTokens" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvcHJvdmlkZXJzL1N0b3J5Q29udGV4dFdpdGhUb2tlbnMudHN4P2M4OWMiXSwibmFtZXMiOlsiU3RvcnlDb250ZXh0V2l0aFRva2VucyIsImNoaWxkcmVuIiwiY29udGV4dCIsImNvbnNvbGUiLCJpbmZvIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFFQTtBQUVBO0FBTU8sSUFBTUEsc0JBQWlDLEdBQUcsU0FBcENBLHNCQUFvQyxPQUEyQjtBQUFBLE1BQXhCQyxRQUF3QixRQUF4QkEsUUFBd0I7QUFBQSxNQUFkQyxPQUFjLFFBQWRBLE9BQWM7QUFDeEVDLFNBQU8sQ0FBQ0MsSUFBUixDQUFhLGdEQUFiO0FBQ0Esc0JBQ0ksMkRBQUMsK0VBQUQ7QUFBaUIsV0FBTyxFQUFFRjtBQUExQixrQkFDSSwyREFBQyxnRkFBRCxRQUFzQkQsUUFBdEIsQ0FESixDQURKO0FBS0gsQ0FQTTtBQUFNRCxzQiIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9wcm92aWRlcnMvU3RvcnlDb250ZXh0V2l0aFRva2Vucy50c3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEb2NDb250ZXh0RFNXZWIgfSBmcm9tICdAcHJlcGx5L2RzLWRvY3MtY29udGV4dCc7XG5pbXBvcnQgeyBEb2NzQ29udGV4dFByb3BzIH0gZnJvbSAnQHN0b3J5Ym9vay9hZGRvbi1kb2NzJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVG9rZW5TZWFyY2hQcm92aWRlciB9IGZyb20gJy4vVG9rZW5TZWFyY2hQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGNvbnRleHQ6IERvY3NDb250ZXh0UHJvcHM7XG59XG5cbmV4cG9ydCBjb25zdCBTdG9yeUNvbnRleHRXaXRoVG9rZW5zOiBGQzxQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY29udGV4dCB9KSA9PiB7XG4gICAgY29uc29sZS5pbmZvKCdAcHJlcGx5L2RzLWRvY3MtY29udGV4dDpTdG9yeUNvbnRleHRXaXRoVG9rZW5zJyk7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPERvY0NvbnRleHREU1dlYiBjb250ZXh0PXtjb250ZXh0fT5cbiAgICAgICAgICAgIDxUb2tlblNlYXJjaFByb3ZpZGVyPntjaGlsZHJlbn08L1Rva2VuU2VhcmNoUHJvdmlkZXI+XG4gICAgICAgIDwvRG9jQ29udGV4dERTV2ViPlxuICAgICk7XG59O1xuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/40.tokens/providers/StoryContextWithTokens.tsx\n')},"../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ TokenSearchContext; });\n__webpack_require__.d(__webpack_exports__, "b", function() { return /* binding */ TokenSearchProvider_TokenSearchProvider; });\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.is-array.js\nvar es_array_is_array = __webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.js\nvar es_symbol = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.description.js\nvar es_symbol_description = __webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.to-string.js\nvar es_object_to_string = __webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.symbol.iterator.js\nvar es_symbol_iterator = __webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.string.iterator.js\nvar es_string_iterator = __webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.iterator.js\nvar es_array_iterator = __webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/web.dom-collections.iterator.js\nvar web_dom_collections_iterator = __webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.slice.js\nvar es_array_slice = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.function.name.js\nvar es_function_name = __webpack_require__("../../node_modules/core-js/modules/es.function.name.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.from.js\nvar es_array_from = __webpack_require__("../../node_modules/core-js/modules/es.array.from.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.map.js\nvar es_array_map = __webpack_require__("../../node_modules/core-js/modules/es.array.map.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.assign.js\nvar es_object_assign = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/theme/hooks/useThemes.js\nvar useThemes = __webpack_require__("../../packages/web-core/dist/theme/hooks/useThemes.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/theme/hooks/useTheme.js\nvar useTheme = __webpack_require__("../../packages/web-core/dist/theme/hooks/useTheme.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/color-scheme/providers/ColorSchemeProvider.js\nvar ColorSchemeProvider = __webpack_require__("../../packages/web-core/dist/color-scheme/providers/ColorSchemeProvider.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/web-core/dist/token/private/getToken.js\nvar getToken = __webpack_require__("../../packages/web-core/dist/token/private/getToken.js");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("./node_modules/react/index.js");\nvar react_default = /*#__PURE__*/__webpack_require__.n(react);\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.flat-map.js\nvar es_array_flat_map = __webpack_require__("../../node_modules/core-js/modules/es.array.flat-map.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.unscopables.flat-map.js\nvar es_array_unscopables_flat_map = __webpack_require__("../../node_modules/core-js/modules/es.array.unscopables.flat-map.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.object.entries.js\nvar es_object_entries = __webpack_require__("../../node_modules/core-js/modules/es.object.entries.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/token/utils/isToken.js\nvar isToken = __webpack_require__("../../packages/core/dist/token/utils/isToken.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core/dist/generated/tokens.js\nvar generated_tokens = __webpack_require__("../../packages/core/dist/generated/tokens.js");\n\n// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/packages/core-types/dist/token/constants.js\nvar constants = __webpack_require__("../../packages/core-types/dist/token/constants.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/constants/token-values-flattened.ts\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar token_values_flattened_extendedToken = function extendedToken(name, token) {\n return {\n token: token,\n name: name,\n id: token[constants["d" /* TOKEN_ID_FIELD */]],\n type: token[constants["g" /* TOKEN_TYPE_FIELD */]],\n colorSchemeAware: !!token[constants["c" /* TOKEN_COLOR_SCHEME_AWARE_FIELD */]]\n };\n};\n\nvar token_values_flattened_flat = function flat(namespace, node) {\n return Object.entries(node).flatMap(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n child = _ref2[1];\n\n var chidKey = namespace + "." + key;\n\n if (Object(isToken["a" /* isToken */])(child)) {\n return [token_values_flattened_extendedToken(chidKey, child)];\n }\n\n return flat(chidKey, child);\n });\n};\n\nvar flatten = function flatten(node) {\n return Object.entries(node).flatMap(function (_ref3) {\n var _ref4 = _slicedToArray(_ref3, 2),\n namespace = _ref4[0],\n child = _ref4[1];\n\n return token_values_flattened_flat(namespace, child);\n });\n};\n\nvar FLAT_TOKENS = flatten(generated_tokens["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// EXTERNAL MODULE: /home/jenkins/workspace/design-system_main/node_modules/core-js/modules/es.array.index-of.js\nvar es_array_index_of = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/functions/token.filter.ts\n\n\n\n\nvar filterTokens = function filterTokens(tokens, terms, withColorScheme) {\n return tokens.filter(function (token) {\n if (terms === \'-\' || terms === \'--\') {\n return true;\n }\n\n if (terms !== null && terms !== void 0 && terms.startsWith(\'--\')) {\n return token.id.toLowerCase().startsWith(terms.substring(2).toLowerCase());\n }\n\n if (terms) {\n var nameMatch = token.name.toLowerCase().indexOf(terms.toLowerCase()) > -1;\n var valueMatch = token.value.toLowerCase().indexOf(terms.toLowerCase()) > -1;\n return (nameMatch || valueMatch) && (withColorScheme ? token.colorSchemeAware : !token.colorSchemeAware);\n }\n\n return withColorScheme ? token.colorSchemeAware : !token.colorSchemeAware;\n });\n};\n// CONCATENATED MODULE: .-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx\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//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvY29uc3RhbnRzL3Rva2VuLXZhbHVlcy1mbGF0dGVuZWQudHM/Y2VjYyIsIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy80MC50b2tlbnMvZnVuY3Rpb25zL3Rva2VuLmZpbHRlci50cz8zNjA2Iiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9wcm92aWRlcnMvVG9rZW5TZWFyY2hQcm92aWRlci50c3g/ZjczYyJdLCJuYW1lcyI6WyJleHRlbmRlZFRva2VuIiwibmFtZSIsInRva2VuIiwiaWQiLCJUT0tFTl9JRF9GSUVMRCIsInR5cGUiLCJUT0tFTl9UWVBFX0ZJRUxEIiwiY29sb3JTY2hlbWVBd2FyZSIsIlRPS0VOX0NPTE9SX1NDSEVNRV9BV0FSRV9GSUVMRCIsImZsYXQiLCJuYW1lc3BhY2UiLCJub2RlIiwiT2JqZWN0IiwiZW50cmllcyIsImZsYXRNYXAiLCJrZXkiLCJjaGlsZCIsImNoaWRLZXkiLCJpc1Rva2VuIiwiZmxhdHRlbiIsIkZMQVRfVE9LRU5TIiwidG9rZW5zIiwiZmlsdGVyVG9rZW5zIiwidGVybXMiLCJ3aXRoQ29sb3JTY2hlbWUiLCJmaWx0ZXIiLCJzdGFydHNXaXRoIiwidG9Mb3dlckNhc2UiLCJzdWJzdHJpbmciLCJuYW1lTWF0Y2giLCJpbmRleE9mIiwidmFsdWVNYXRjaCIsInZhbHVlIiwiVG9rZW5TZWFyY2hDb250ZXh0IiwiY3JlYXRlQ29udGV4dCIsImNvbG9yU2NoZW1lIiwidW5kZWZpbmVkIiwicmVzdWx0cyIsInNldENvbG9yU2NoZW1lIiwic2V0U2VhcmNoVGVybXMiLCJpbml0aWFsQ29sb3JTY2hlbWUiLCJ3aW5kb3ciLCJsb2NhbFN0b3JhZ2UiLCJnZXRJdGVtIiwiVG9rZW5TZWFyY2hQcm92aWRlciIsImNoaWxkcmVuIiwidXNlVGhlbWVzIiwiZmluZENvbG9yU2NoZW1lIiwidXNlVGhlbWUiLCJ0aGVtZSIsInVzZVN0YXRlIiwic2V0U2NoZW1lIiwic2V0VGVybXMiLCJzZXRSZXN1bHRzIiwidXNlQ2FsbGJhY2siLCJzIiwidCIsIkVycm9yIiwidXNlRWZmZWN0IiwiY3VycmVudENvbG9yU2NoZW1lIiwibWFwIiwiZ2V0VG9rZW4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7O0FBU0EsSUFBTUEsb0NBQWEsR0FBRyxTQUFoQkEsYUFBZ0IsQ0FBQ0MsSUFBRCxFQUFlQyxLQUFmLEVBQThEO0FBQ2hGLFNBQU87QUFDSEEsU0FBSyxFQUFMQSxLQURHO0FBRUhELFFBQUksRUFBSkEsSUFGRztBQUdIRSxNQUFFLEVBQUVELEtBQUssQ0FBQ0UsbUNBQUQsQ0FITjtBQUlIQyxRQUFJLEVBQUVILEtBQUssQ0FBQ0kscUNBQUQsQ0FKUjtBQUtIQyxvQkFBZ0IsRUFBRSxDQUFDLENBQUNMLEtBQUssQ0FBQ00sbURBQUQ7QUFMdEIsR0FBUDtBQU9ILENBUkQ7O0FBVUEsSUFBTUMsMkJBQUksR0FBRyxTQUFQQSxJQUFPLENBQUNDLFNBQUQsRUFBb0JDLElBQXBCLEVBQTRFO0FBQ3JGLFNBQU9DLE1BQU0sQ0FBQ0MsT0FBUCxDQUFlRixJQUFmLEVBQXFCRyxPQUFyQixDQUE2QixnQkFBa0I7QUFBQTtBQUFBLFFBQWhCQyxHQUFnQjtBQUFBLFFBQVhDLEtBQVc7O0FBQ2xELFFBQU1DLE9BQU8sR0FBTVAsU0FBTixTQUFtQkssR0FBaEM7O0FBQ0EsUUFBSUcsa0NBQU8sQ0FBQ0YsS0FBRCxDQUFYLEVBQW9CO0FBQ2hCLGFBQU8sQ0FBQ2hCLG9DQUFhLENBQUNpQixPQUFELEVBQVVELEtBQVYsQ0FBZCxDQUFQO0FBQ0g7O0FBQ0QsV0FBT1AsSUFBSSxDQUFDUSxPQUFELEVBQVVELEtBQVYs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SyxFQUFFO0FBQUUxQixXQUFLLEVBQUxBLEtBQUY7QUFBU2MsYUFBTyxFQUFQQSxPQUFUO0FBQWtCRixpQkFBVyxFQUFYQSxXQUFsQjtBQUErQkksb0JBQWMsRUFBZEEsY0FBL0I7QUFBK0NELG9CQUFjLEVBQWRBO0FBQS9DO0FBRFgsa0JBR0ksOEJBQUMsa0RBQUQ7QUFBcUIsZUFBVyxFQUFFSCxXQUFXLElBQUk7QUFBakQsS0FDS1UsUUFETCxDQUhKLENBREo7QUFTSCxDQWpDTTtBQUFNRCx1QyIsImZpbGUiOiIuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzQwLnRva2Vucy9wcm92aWRlcnMvVG9rZW5TZWFyY2hQcm92aWRlci50c3guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpc1Rva2VuLCB0b2tlbnMgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBUT0tFTl9DT0xPUl9TQ0hFTUVfQVdBUkVfRklFTEQsXG4gICAgVE9LRU5fSURfRklFTEQsXG4gICAgVE9LRU5fVFlQRV9GSUVMRCxcbiAgICBUb2tlbixcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlLXR5cGVzJztcblxuaW1wb3J0IHsgRXh0ZW5kZWRUb2tlbiwgVG9rZW5UcmVlLCBUb2tlblRyZWVOb2RlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBleHRlbmRlZFRva2VuID0gKG5hbWU6IHN0cmluZywgdG9rZW46IFRva2VuKTogT21pdDxFeHRlbmRlZFRva2VuLCAndmFsdWUnPiA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgdG9rZW4sXG4gICAgICAgIG5hbWUsXG4gICAgICAgIGlkOiB0b2tlbltUT0tFTl9JRF9GSUVMRF0sXG4gICAgICAgIHR5cGU6IHRva2VuW1RPS0VOX1RZUEVfRklFTERdLFxuICAgICAgICBjb2xvclNjaGVtZUF3YXJlOiAhIXRva2VuW1RPS0VOX0NPTE9SX1NDSEVNRV9BV0FSRV9GSUVMRF0sXG4gICAgfTtcbn07XG5cbmNvbnN0IGZsYXQgPSAobmFtZXNwYWNlOiBzdHJpbmcsIG5vZGU6IFRva2VuVHJlZU5vZGUpOiBPbWl0PEV4dGVuZGVkVG9rZW4sICd2YWx1ZSc+W10gPT4ge1xuICAgIHJldHVybiBPYmplY3QuZW50cmllcyhub2RlKS5mbGF0TWFwKChba2V5LCBjaGlsZF0pID0+IHtcbiAgICAgICAgY29uc3QgY2hpZEtleSA9IGAke25hbWVzcGFjZX0uJHtrZXl9YDtcbiAgICAgICAgaWYgKGlzVG9rZW4oY2hpbGQpKSB7XG4gICAgICAgICAgICByZXR1cm4gW2V4dGVuZGVkVG9rZW4oY2hpZEtleSwgY2hpbGQpXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZmxhdChjaGlkS2V5LCBjaGlsZCk7XG4gICAgfSk7XG59O1xuXG5jb25zdCBmbGF0dGVuID0gKG5vZGU6IFRva2VuVHJlZSk6IE9taXQ8RXh0ZW5kZWRUb2tlbiwgJ3ZhbHVlJz5bXSA9PiB7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKG5vZGUpLmZsYXRNYXAoKFtuYW1lc3BhY2UsIGNoaWxkXSkgPT4gZmxhdChuYW1lc3BhY2UsIGNoaWxkKSk7XG59O1xuXG5leHBvcnQgY29uc3QgRkxBVF9UT0tFTlMgPSBmbGF0dGVuKHRva2Vucyk7XG4iLCJpbXBvcnQgeyBFeHRlbmRlZFRva2VuIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgZmlsdGVyVG9rZW5zID0gKFxuICAgIHRva2VuczogRXh0ZW5kZWRUb2tlbltdLFxuICAgIHRlcm1zOiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gICAgd2l0aENvbG9yU2NoZW1lOiBib29sZWFuLFxuKTogRXh0ZW5kZWRUb2tlbltdID0+IHtcbiAgICByZXR1cm4gdG9rZW5zLmZpbHRlcih0b2tlbiA9PiB7XG4gICAgICAgIGlmICh0ZXJtcyA9PT0gJy0nIHx8IHRlcm1zID09PSAnLS0nKSB7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgICBpZiAodGVybXM/LnN0YXJ0c1dpdGgoJy0tJykpIHtcbiAgICAgICAgICAgIHJldHVybiB0b2tlbi5pZC50b0xvd2VyQ2FzZSgpLnN0YXJ0c1dpdGgodGVybXMuc3Vic3RyaW5nKDIpLnRvTG93ZXJDYXNlKCkpO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0ZXJtcykge1xuICAgICAgICAgICAgY29uc3QgbmFtZU1hdGNoID0gdG9rZW4ubmFtZS50b0xvd2VyQ2FzZSgpLmluZGV4T2YodGVybXMudG9Mb3dlckNhc2UoKSkgPiAtMTtcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlTWF0Y2ggPSB0b2tlbi52YWx1ZS50b0xvd2VyQ2FzZSgpLmluZGV4T2YodGVybXMudG9Mb3dlckNhc2UoKSkgPiAtMTtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgKG5hbWVNYXRjaCB8fCB2YWx1ZU1hdGNoKSAmJlxuICAgICAgICAgICAgICAgICh3aXRoQ29sb3JTY2hlbWUgPyB0b2tlbi5jb2xvclNjaGVtZUF3YXJlIDogIXRva2VuLmNvbG9yU2NoZW1lQXdhcmUpXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB3aXRoQ29sb3JTY2hlbWUgPyB0b2tlbi5jb2xvclNjaGVtZUF3YXJlIDogIXRva2VuLmNvbG9yU2NoZW1lQXdhcmU7XG4gICAgfSk7XG59O1xuIiwiaW1wb3J0IHsgQ29sb3JTY2hlbWVOYW1lIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IENvbG9yU2NoZW1lUHJvdmlkZXIsIHVzZVRoZW1lLCB1c2VUaGVtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1yZXN0cmljdGVkLWltcG9ydHNcbmltcG9ydCB7IGdldFRva2VuIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZS9kaXN0L3Rva2VuL3ByaXZhdGUvZ2V0VG9rZW4nO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBjcmVhdGVDb250ZXh0LCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRkxBVF9UT0tFTlMgfSBmcm9tICcuLi9jb25zdGFudHMvdG9rZW4tdmFsdWVzLWZsYXR0ZW5lZCc7XG5pbXBvcnQgeyBmaWx0ZXJUb2tlbnMgfSBmcm9tICcuLi9mdW5jdGlvbnMvdG9rZW4uZmlsdGVyJztcbmltcG9ydCB7IEV4dGVuZGVkVG9rZW4gfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVG9rZW5TZWFyY2hDb250ZXh0U2hhcGUge1xuICAgIHRlcm1zPzogc3RyaW5nO1xuICAgIGNvbG9yU2NoZW1lPzogQ29sb3JTY2hlbWVOYW1lO1xuICAgIHJlc3VsdHM6IEV4dGVuZGVkVG9rZW5bXTtcbiAgICBzZXRDb2xvclNjaGVtZTogKGNvbG9yU2NoZW1lOiBDb2xvclNjaGVtZU5hbWUpID0+IHZvaWQ7XG4gICAgc2V0U2VhcmNoVGVybXM6ICh0ZXJtczogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2hDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxUb2tlblNlYXJjaENvbnRleHRTaGFwZT4oe1xuICAgIHRlcm1zOiAnJyxcbiAgICBjb2xvclNjaGVtZTogdW5kZWZpbmVkLFxuICAgIHJlc3VsdHM6IFtdLFxuICAgIHNldENvbG9yU2NoZW1lOiAoKSA9PiB1bmRlZmluZWQsXG4gICAgc2V0U2VhcmNoVGVybXM6ICgpID0+IHVuZGVmaW5lZCxcbn0pO1xuXG5jb25zdCBpbml0aWFsQ29sb3JTY2hlbWUgPVxuICAgICh3aW5kb3c/LmxvY2FsU3RvcmFnZT8uZ2V0SXRlbSgnc3Rvcnlib29rLmRzLWNvbG9yLXNjaGVtZScpIGFzIENvbG9yU2NoZW1lTmFtZSkgfHwgdW5kZWZpbmVkO1xuXG5leHBvcnQgY29uc3QgVG9rZW5TZWFyY2hQcm92aWRlcjogRkMgPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gICAgY29uc3QgeyBmaW5kQ29sb3JTY2hlbWUgfSA9IHVzZVRoZW1lcygpO1xuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgW2NvbG9yU2NoZW1lLCBzZXRTY2hlbWVdID0gdXNlU3RhdGU8Q29sb3JTY2hlbWVOYW1lIHwgdW5kZWZpbmVkPihpbml0aWFsQ29sb3JTY2hlbWUpO1xuICAgIGNvbnN0IFt0ZXJtcywgc2V0VGVybXNdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPignJyk7XG4gICAgY29uc3QgW3Jlc3VsdHMsIHNldFJlc3VsdHNdID0gdXNlU3RhdGU8RXh0ZW5kZWRUb2tlbltdPihbXSk7XG5cbiAgICBjb25zdCBzZXRDb2xvclNjaGVtZSA9IHVzZUNhbGxiYWNrKChzOiBDb2xvclNjaGVtZU5hbWUpID0+IHNldFNjaGVtZShzKSwgW3NldFNjaGVtZV0pO1xuICAgIGNvbnN0IHNldFNlYXJjaFRlcm1zID0gdXNlQ2FsbGJhY2soKHQ6IHN0cmluZykgPT4gc2V0VGVybXModCksIFtzZXRUZXJtc10pO1xuXG4gICAgaWYgKCF0aGVtZSkge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVRva2VuKCkgbXVzdCBiZSB1c2VkIHdpdGhpbiBhIFRoZW1lUHJvdmlkZXInKTtcbiAgICB9XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBjb25zdCBjdXJyZW50Q29sb3JTY2hlbWUgPSBmaW5kQ29sb3JTY2hlbWUoY29sb3JTY2hlbWUgfHwgJ2Jhc2UnKTtcbiAgICAgICAgY29uc3QgdG9rZW5zID0gRkxBVF9UT0tFTlMubWFwKHQgPT4gKHtcbiAgICAgICAgICAgIC4uLnQsXG4gICAgICAgICAgICB2YWx1ZTogYCR7Z2V0VG9rZW4odGhlbWUsIGN1cnJlbnRDb2xvclNjaGVtZSwgdC50b2tlbil9YCxcbiAgICAgICAgfSkpO1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gICAgICAgIHNldFJlc3VsdHMoZmlsdGVyVG9rZW5zKHRva2VucywgdGVybXMsICEhY29sb3JTY2hlbWUpKTtcbiAgICB9LCBbY29sb3JTY2hlbWUsIGZpbmRDb2xvclNjaGVtZSwgdGVybXMsIHRoZW1lXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VG9rZW5TZWFyY2hDb250ZXh0LlByb3ZpZGVyXG4gICAgICAgICAgICB2YWx1ZT17eyB0ZXJtcywgcmVzdWx0cywgY29sb3JTY2hlbWUsIHNldFNlYXJjaFRlcm1zLCBzZXRDb2xvclNjaGVtZSB9fVxuICAgICAgICA+XG4gICAgICAgICAgICA8Q29sb3JTY2hlbWVQcm92aWRlciBjb2xvclNjaGVtZT17Y29sb3JTY2hlbWUgfHwgJ2Jhc2UnfT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0NvbG9yU2NoZW1lUHJvdmlkZXI+XG4gICAgICAgIDwvVG9rZW5TZWFyY2hDb250ZXh0LlByb3ZpZGVyPlxuICAgICk7XG59O1xuIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/40.tokens/providers/TokenSearchProvider.tsx\n')},"../docs-pages/docs/pages/30.guides/50.responsive/00.using-responsive-props.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "url", function() { return url; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-toolkit/dist/index.js");\n/* harmony import */ var _preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../packages/web-lib/dist/components/Avatar/Avatar.js");\n/* harmony import */ var _components_BreakpointList__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\n\n\n\nvar url = \'./web-lib/src/components/Avatar/docs/static/avatar-1.png\';\nvar layoutProps = {\n url: url\n};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Responsive props",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "responsive-using-responsive-props"\n }, "Responsive: Using responsive props"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Some component props accept different values for different screen sizes."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Syntax:"), " ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<Component prop={{_: <value>, \'<breakpoint>\': <value>, ... }} />")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Where:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "_"), " = prop value for the smallest screens"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "\'<breakpoint>\'"), " = prop value for screens with at least ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "li"\n }, "y"), " pixels of width"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "...")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("strong", {\n parentName: "p"\n }, "Breakpoints:")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_components_BreakpointList__WEBPACK_IMPORTED_MODULE_11__[/* BreakpointList */ "a"], {\n k: function k(key) {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment, null, "\'", key, "\'");\n },\n v: function v(value) {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", null, value, "px");\n },\n mdxType: "BreakpointList"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "example"\n }, "Example"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "When a component prop is responsive, this fact is highlighted in the title of the prop section, as is the case for the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "size"), " prop of the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "/story/components-content-avatar-docs--page"\n }, "Avatar"), " component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* PropType */ "r"], {\n name: "size",\n optional: true,\n responsive: true,\n type: "AvatarSize",\n mdxType: "PropType"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In cases like this will find example(s) with a ruler displaying the used breakpoints."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* ResponsiveScale */ "v"], {\n intro: false,\n breakpoints: [\'medium-l\'],\n mdxType: "ResponsiveScale"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Canvas */ "b"], {\n mdxSource: "%0A%3CAvatar%20src=%7Burl%7D%20size=%7B%7B%0A%20%20_:%20\'xs\',%0A%20%20\'medium-l\':%20\'xl\'%0A%7D%7D%20/%3E%0A",\n mdxType: "Canvas"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_web_lib__WEBPACK_IMPORTED_MODULE_10__[/* Avatar */ "a"], {\n src: url,\n size: {\n _: \'xs\',\n \'medium-l\': \'xl\'\n },\n mdxType: "Avatar"\n })), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Inspect the code above and use the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "p",\n "href": "https://storybook.js.org/docs/react/essentials/viewport",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "Storybook viewport dropdown"), " to preview the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "<Avatar>"), " rendering with different values for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "size"), " at the provided breakpoints."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("img", {\n width: "400",\n src: "./docs-pages/docs/pages/30.guides/50.responsive/static/storybook-viewports.png",\n alt: "Storybook viewport dropdown"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "notes"\n }, "Notes"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "When a component is responsive, you can still provide a single value for all screens"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "<Avatar src={url} size=\\"xl\\" />\\n<Text centered>Lorem Ipsum</Text>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Providing only a value for ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "_"), " is the same as not using the responsive syntax. The following two lines are therefore equivalent:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre"\n }, "<Avatar src={url} size=\\"xl\\" />\\n<Avatar src={url} size={{_: \'xl\'}} />\\n")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Responsive props\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlLzAwLnVzaW5nLXJlc3BvbnNpdmUtcHJvcHMuc3Rvcmllcy5tZHg/ZDQxNCJdLCJuYW1lcyI6WyJ1cmwiLCJsYXlvdXRQcm9wcyIsIk1EWExheW91dCIsIk1EWENvbnRlbnQiLCJjb21wb25lbnRzIiwicHJvcHMiLCJkb2NzIiwiY29udGFpbmVyIiwiRG9jQ29udGV4dERTV2ViIiwia2V5IiwidmFsdWUiLCJfIiwiaXNNRFhDb21wb25lbnQiLCJfX3BhZ2UiLCJFcnJvciIsInBhcmFtZXRlcnMiLCJkb2NzT25seSIsImNvbXBvbmVudE1ldGEiLCJ0aXRsZSIsImluY2x1ZGVTdG9yaWVzIiwibWR4U3RvcnlOYW1lVG9LZXkiLCJwYWdlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFFQTs7QUFDQTs7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNPLElBQU1BLEdBQUcsR0FBRywwREFBWjtBQUVQLElBQU1DLFdBQVcsR0FBRztBQUNsQkQsS0FBRyxFQUFIQTtBQURrQixDQUFwQjtBQUdBLElBQU1FLFNBQVMsR0FBRyxTQUFsQjs7QUFDQSxTQUFTQyxVQUFULE9BR0c7QUFBQSxNQUZEQyxVQUVDLFFBRkRBLFVBRUM7QUFBQSxNQURFQyxLQUNGOztBQUNELFNBQU8sa0VBQUMsU0FBRCxlQUFlSixXQUFmLEVBQWdDSSxLQUFoQztBQUF1QyxjQUFVLEVBQUVELFVBQW5EO0FBQStELFdBQU8sRUFBQztBQUF2RSxNQU9MLGtFQUFDLGtFQUFEO0FBQU0sU0FBSyxFQUFDLHlCQUFaO0FBQXNDLGNBQVUsRUFBRTtBQUNoREUsVUFBSSxFQUFFO0FBQ0pDLGlCQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUQwQyxLQUFsRDtBQUlHLFdBQU8sRUFBQztBQUpYLElBUEssRUFZTCxrRUFBQyw2RUFBRDtB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O0FBQW9DSCxZQUFVLEVBQUU7QUFDcEVULFFBQUksRUFBRTtBQUNKQyxlQUFTLEVBQUVDLCtFQUFlQTtBQUR0QjtBQUQ4RCxHQUFoRDtBQUluQlcsZ0JBQWMsRUFBRSxDQUFDLFFBQUQ7QUFKRyxDQUF0QjtBQU1BLElBQU1DLGlCQUFpQixHQUFHLEVBQTFCO0FBRUFILGFBQWEsQ0FBQ0YsVUFBZCxHQUEyQkUsYUFBYSxDQUFDRixVQUFkLElBQTRCLEVBQXZEO0FBQ0FFLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QlQsSUFBekIscUJBQ01XLGFBQWEsQ0FBQ0YsVUFBZCxDQUF5QlQsSUFBekIsSUFBaUMsRUFEdkM7QUFFRWUsTUFBSSxFQUFFO0FBQUEsV0FBTSxrRUFBQyx3RUFBRDtBQUFZLHVCQUFpQixFQUFFRCxpQkFBL0I7QUFBa0QsNkJBQXVCLEVBQUVIO0FBQTNFLE9BQTBGLGtFQUFDLFVBQUQsT0FBMUYsQ0FBTjtBQUFBO0FBRlI7QUFLZUEsNEVBQWYiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlLzAwLnVzaW5nLXJlc3BvbnNpdmUtcHJvcHMuc3Rvcmllcy5tZHguanMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IG1keCB9IGZyb20gJ0BtZHgtanMvcmVhY3QnXG5cbi8qIEBqc3hSdW50aW1lIGNsYXNzaWMgKi9cbi8qIEBqc3ggbWR4ICovXG5pbXBvcnQgeyBhc3NlcnRJc0ZuLCBBZGRDb250ZXh0IH0gZnJvbSBcIkBzdG9yeWJvb2svYWRkb24tZG9jc1wiO1xuXG5pbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxULCBBVkFUQVJfU0laRV9PUFRJT05TLCB0b2tlbnMgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgRG9jQ29udGV4dERTV2ViLCBUaGVtZU9wdGlvbnNMaXN0LCBUaGVtZVN3aXRjaGVyIH0gZnJvbSAnQHByZXBseS9kcy1kb2NzLWNvbnRleHQnO1xuaW1wb3J0IHsgRG9jTWV0YWRhdGEsIFByb3BUeXBlLCBSZXNwb25zaXZlU2NhbGUsIFN0b3J5Tm90ZSB9IGZyb20gJ0BwcmVwbHkvZHMtZG9jcy10b29sa2l0JztcbmltcG9ydCB7IEF2YXRhciB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWxpYic7XG5pbXBvcnQgeyBDYW52YXMsIE1ldGEgfSBmcm9tICdAc3Rvcnlib29rL2FkZG9uLWRvY3MnO1xuaW1wb3J0IHsgQnJlYWtwb2ludExpc3QgfSBmcm9tICcuL2NvbXBvbmVudHMvQnJlYWtwb2ludExpc3QnO1xuZXhwb3J0IGNvbnN0IHVybCA9ICcuL3dlYi1saWIvc3JjL2NvbXBvbmVudHMvQXZhdGFyL2RvY3Mvc3RhdGljL2F2YXRhci0xLnBuZyc7XG5cbmNvbnN0IGxheW91dFByb3BzID0ge1xuICB1cmxcbn07XG5jb25zdCBNRFhMYXlvdXQgPSBcIndyYXBwZXJcIlxuZnVuY3Rpb24gTURYQ29udGVudCh7XG4gIGNvbXBvbmVudHMsXG4gIC4uLnByb3BzXG59KSB7XG4gIHJldHVybiA8TURYTGF5b3V0IHsuLi5sYXlvdXRQcm9wc30gey4uLnByb3BzfSBjb21wb25lbnRzPXtjb21wb25lbnRzfSBtZHhUeXBlPVwiTURYTGF5b3V0XCI+XG5cblxuXG4gICAge1xuICAgICAgLyogZG9jcyAqL1xuICAgIH1cbiAgICA8TWV0YSB0aXRsZT1cIkd1aWRlcy9SZXNwb25zaXZlIHByb3BzXCIgcGFyYW1ldGVycz17e1xuICAgICAgZG9jczoge1xuICAgICAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICAgICAgfVxuICAgIH19IG1keFR5cGU9XCJNZXRhXCIgLz5cbiAgICA8VGhlbWVTd2l0Y2hlciBtZHhUeXBlPVwiVGhlbWVTd2l0Y2hlclwiIC8+XG4gICAgPGgxIHsuLi57XG4gICAgICBcImlkXCI6IFwicmVzcG9uc2l2ZS11c2luZy1yZXNwb25zaXZlLXByb3BzXCJcbiAgICB9fT57YFJlc3BvbnNpdmU6IFVzaW5nIHJlc3BvbnNpdmUgcHJvcHNgfTwvaDE+XG4gICAgPHA+e2BTb21lIGNvbXBvbmVudCBwcm9wcyBhY2NlcHQgZGlmZmVyZW50IHZhbHVlcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplcy5gfTwvcD5cbiAgICA8cD48c3Ryb25nIHBhcmVudE5hbWU9XCJwXCI+e2BTeW50YXg6YH08L3N0cm9uZz57YCBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2A8Q29tcG9uZW50IHByb3A9e3tfOiA8dmFsdWU+LCAnPGJyZWFrcG9pbnQ+JzogPHZhbHVlPiwgLi4uIH19IC8+YH08L2lubGluZUNvZGU+PC9wPlxuICAgIDxwPntgV2hlcmU6YH08L3A+XG4gICAgPHVsPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPjxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJsaVwiPntgX2B9PC9pbmxpbmVDb2RlPntgID0gcHJvcCB2YWx1ZSBmb3IgdGhlIHNtYWxsZXN0IHNjcmVlbnNgfTwvbGk+XG4gICAgICA8bGkgcGFyZW50TmFtZT1cInVsXCI+PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2AnPGJyZWFrcG9pbnQ+J2B9PC9pbmxpbmVDb2RlPntgID0gcHJvcCB2YWx1ZSBmb3Igc2NyZWVucyB3aXRoIGF0IGxlYXN0IGB9PGlubGluZUNvZGUgcGFyZW50TmFtZT1cImxpXCI+e2B5YH08L2lubGluZUNvZGU+e2AgcGl4ZWxzIG9mIHdpZHRoYH08L2xpPlxuICAgICAgPGxpIHBhcmVudE5hbWU9XCJ1bFwiPntgLi4uYH08L2xpPlxuICAgIDwvdWw+XG4gICAgPHA+PHN0cm9uZyBwYXJlbnROYW1lPVwicFwiPntgQnJlYWtwb2ludHM6YH08L3N0cm9uZz48L3A+XG4gICAgPEJyZWFrcG9pbnRMaXN0IGs9e2tleSA9PiA8Pid7a2V5fSc8Lz59IHY9e3ZhbHVlID0+IDxjb2RlPnt2YWx1ZX1weDwvY29kZT59IG1keFR5cGU9XCJCcmVha3BvaW50TGlzdFwiIC8+XG4gICAgPGgyIHsuLi57XG4gICAgICBcImlkXCI6IFwiZXhhbXBsZVwiXG4gICAgfX0+e2BFeGFtcGxlYH08L2gyPlxuICAgIDxwPntgV2hlbiBhIGNvbXBvbmVudCBwcm9wIGlzIHJlc3BvbnNpdmUsIHRoaXMgZmFjdCBpcyBoaWdobGlnaHRlZCBpbiB0aGUgdGl0bGUgb2YgdGhlIHByb3Agc2VjdGlvbiwgYXMgaXMgdGhlIGNhc2UgZm9yIHRoZSBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BzaXplYH08L2lubGluZUNvZGU+e2AgcHJvcCBvZiB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcIi9zdG9yeS9jb21wb25lbnRzLWNvbnRlbnQtYXZhdGFyLWRvY3MtLXBhZ2VcIlxuICAgICAgfX0+e2BBdmF0YXJgfTwvYT57YCBjb21wb25lbnQuYH08L3A+XG4gICAgPFByb3BUeXBlIG5hbWU9XCJzaXplXCIgb3B0aW9uYWwgcmVzcG9uc2l2ZSB0eXBlPVwiQXZhdGFyU2l6ZVwiIG1keFR5cGU9XCJQcm9wVHlwZVwiIC8+XG4gICAgPHA+e2BJbiBjYXNlcyBsaWtlIHRoaXMgd2lsbCBmaW5kIGV4YW1wbGUocykgd2l0aCBhIHJ1bGVyIGRpc3BsYXlpbmcgdGhlIHVzZWQgYnJlYWtwb2ludHMuYH08L3A+XG4gICAgPFJlc3BvbnNpdmVTY2FsZSBpbnRybz17ZmFsc2V9IGJyZWFrcG9pbnRzPXtbJ21lZGl1bS1sJ119IG1keFR5cGU9XCJSZXNwb25zaXZlU2NhbGVcIiAvPlxuICAgIDxDYW52YXMgbWR4U291cmNlPVwiJTBBJTNDQXZhdGFyJTIwc3JjPSU3QnVybCU3RCUyMHNpemU9JTdCJTdCJTBBJTIwJTIwXzolMjAneHMnLCUwQSUyMCUyMCdtZWRpdW0tbCc6JTIwJ3hsJyUwQSU3RCU3RCUyMC8lM0UlMEFcIiBtZHhUeXBlPVwiQ2FudmFzXCI+XG4gICAgPEF2YXRhciBzcmM9e3VybH0gc2l6ZT17e1xuICAgICAgICBfOiAneHMnLFxuICAgICAgICAnbWVkaXVtLWwnOiAneGwnXG4gICAgICB9fSBtZHhUeXBlPVwiQXZhdGFyXCIgLz5cbiAgICA8L0NhbnZhcz5cbiAgICA8cD57YEluc3BlY3QgdGhlIGNvZGUgYWJvdmUgYW5kIHVzZSB0aGUgYH08YSBwYXJlbnROYW1lPVwicFwiIHsuLi57XG4gICAgICAgIFwiaHJlZlwiOiBcImh0dHBzOi8vc3Rvcnlib29rLmpzLm9yZy9kb2NzL3JlYWN0L2Vzc2VudGlhbHMvdmlld3BvcnRcIixcbiAgICAgICAgXCJ0YXJnZXRcIjogXCJfYmxhbmtcIixcbiAgICAgICAgXCJyZWxcIjogXCJub2ZvbGxvdyBub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIH19PntgU3Rvcnlib29rIHZpZXdwb3J0IGRyb3Bkb3duYH08L2E+e2AgdG8gcHJldmlldyB0aGUgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgPEF2YXRhcj5gfTwvaW5saW5lQ29kZT57YCByZW5kZXJpbmcgd2l0aCBkaWZmZXJlbnQgdmFsdWVzIGZvciBgfTxpbmxpbmVDb2RlIHBhcmVudE5hbWU9XCJwXCI+e2BzaXplYH08L2lubGluZUNvZGU+e2AgYXQgdGhlIHByb3ZpZGVkIGJyZWFrcG9pbnRzLmB9PC9wPlxuICAgIDxpbWcgd2lkdGg9XCI0MDBcIiBzcmM9XCIuL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNTAucmVzcG9uc2l2ZS9zdGF0aWMvc3Rvcnlib29rLXZpZXdwb3J0cy5wbmdcIiBhbHQ9XCJTdG9yeWJvb2sgdmlld3BvcnQgZHJvcGRvd25cIiAvPlxuICAgIDxoMiB7Li4ue1xuICAgICAgXCJpZFwiOiBcIm5vdGVzXCJcbiAgICB9fT57YE5vdGVzYH08L2gyPlxuICAgIDxwPntgV2hlbiBhIGNvbXBvbmVudCBpcyByZXNwb25zaXZlLCB5b3UgY2FuIHN0aWxsIHByb3ZpZGUgYSBzaW5nbGUgdmFsdWUgZm9yIGFsbCBzY3JlZW5zYH08L3A+XG4gICAgPHByZT48Y29kZSBwYXJlbnROYW1lPVwicHJlXCIgey4uLnt9fT57YDxBdmF0YXIgc3JjPXt1cmx9IHNpemU9XCJ4bFwiIC8+XG48VGV4dCBjZW50ZXJlZD5Mb3JlbSBJcHN1bTwvVGV4dD5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDxwPntgUHJvdmlkaW5nIG9ubHkgYSB2YWx1ZSBmb3IgYH08aW5saW5lQ29kZSBwYXJlbnROYW1lPVwicFwiPntgX2B9PC9pbmxpbmVDb2RlPntgIGlzIHRoZSBzYW1lIGFzIG5vdCB1c2luZyB0aGUgcmVzcG9uc2l2ZSBzeW50YXguIFRoZSBmb2xsb3dpbmcgdHdvIGxpbmVzIGFyZSB0aGVyZWZvcmUgZXF1aXZhbGVudDpgfTwvcD5cbiAgICA8cHJlPjxjb2RlIHBhcmVudE5hbWU9XCJwcmVcIiB7Li4ue319PntgPEF2YXRhciBzcmM9e3VybH0gc2l6ZT1cInhsXCIgLz5cbjxBdmF0YXIgc3JjPXt1cmx9IHNpemU9e3tfOiAneGwnfX0gLz5cbmB9PC9jb2RlPjwvcHJlPlxuICAgIDwvTURYTGF5b3V0Pjtcbn1cblxuO1xuTURYQ29udGVudC5pc01EWENvbXBvbmVudCA9IHRydWU7XG5cbmV4cG9ydCBjb25zdCBfX3BhZ2UgPSAoKSA9PiB7IHRocm93IG5ldyBFcnJvcihcIkRvY3Mtb25seSBzdG9yeVwiKTsgfTtcblxuX19wYWdlLnBhcmFtZXRlcnMgPSB7IGRvY3NPbmx5OiB0cnVlIH07XG5cbmNvbnN0IGNvbXBvbmVudE1ldGEgPSB7IHRpdGxlOiAnR3VpZGVzL1Jlc3BvbnNpdmUgcHJvcHMnLCBwYXJhbWV0ZXJzOiB7XG4gIGRvY3M6IHtcbiAgICBjb250YWluZXI6IERvY0NvbnRleHREU1dlYlxuICB9XG59LCBpbmNsdWRlU3RvcmllczogW1wiX19wYWdlXCJdLCAgfTtcblxuY29uc3QgbWR4U3RvcnlOYW1lVG9LZXkgPSB7fTtcblxuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzID0gY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzIHx8IHt9O1xuY29tcG9uZW50TWV0YS5wYXJhbWV0ZXJzLmRvY3MgPSB7XG4gIC4uLihjb21wb25lbnRNZXRhLnBhcmFtZXRlcnMuZG9jcyB8fCB7fSksXG4gIHBhZ2U6ICgpID0+IDxBZGRDb250ZXh0IG1keFN0b3J5TmFtZVRvS2V5PXttZHhTdG9yeU5hbWVUb0tleX0gbWR4Q29tcG9uZW50QW5ub3RhdGlvbnM9e2NvbXBvbmVudE1ldGF9PjxNRFhDb250ZW50IC8+PC9BZGRDb250ZXh0Pixcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbXBvbmVudE1ldGE7Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/50.responsive/00.using-responsive-props.stories.mdx\n')},"../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return BreakpointList; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.array.slice.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.is-array.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../../node_modules/core-js/modules/es.function.name.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("../../node_modules/core-js/modules/es.array.from.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../node_modules/core-js/modules/es.array.map.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../node_modules/core-js/modules/es.object.entries.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_entries_js__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var _preply_ds_core__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../packages/core/dist/generated/breakpoints.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("../../node_modules/styled-components/dist/styled-components.browser.esm.js");\n\n\n\n\n\n\n\n\n\n\n\n\nvar _templateObject, _templateObject2, _templateObject3;\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\nfunction _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }\n\n\n\n\nvar Table = styled_components__WEBPACK_IMPORTED_MODULE_15__[/* default */ "b"].table(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\\n font-size: 14px;\\n"])));\nvar Key = styled_components__WEBPACK_IMPORTED_MODULE_15__[/* default */ "b"].td(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\\n padding: 0px 40px 10px 20px;\\n"])));\nvar Value = styled_components__WEBPACK_IMPORTED_MODULE_15__[/* default */ "b"].td(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\\n padding: 0px 40px 10px 20px;\\n"])));\nvar BreakpointList = function BreakpointList(_ref) {\n var k = _ref.k,\n v = _ref.v;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Table, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("tbody", null, Object.entries(_preply_ds_core__WEBPACK_IMPORTED_MODULE_13__[/* BREAKPOINT */ "a"]).map(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n key = _ref3[0],\n value = _ref3[1];\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("tr", {\n key: key\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Key, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement("code", null, k ? k(key) : key)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_14___default.a.createElement(Value, null, v ? v(value) : value));\n })));\n};\nBreakpointList.displayName = "BreakpointList";\n\ntry {\n // @ts-ignore\n BreakpointList.displayName = "BreakpointList";\n // @ts-ignore\n BreakpointList.__docgenInfo = { "description": "", "displayName": "BreakpointList", "props": { "k": { "defaultValue": null, "description": "", "name": "k", "required": false, "type": { "name": "((value: string) => ReactNode)" } }, "v": { "defaultValue": null, "description": "", "name": "v", "required": false, "type": { "name": "((value: number) => ReactNode)" } } } };\n // @ts-ignore\n if (typeof STORYBOOK_REACT_CLASSES !== "undefined")\n // @ts-ignore\n STORYBOOK_REACT_CLASSES["../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx#BreakpointList"] = { docgenInfo: BreakpointList.__docgenInfo, name: "BreakpointList", path: "../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx#BreakpointList" };\n}\ncatch (__react_docgen_typescript_loader_error) { }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2NvbXBvbmVudHMvQnJlYWtwb2ludExpc3QudHN4PzU1OWYiXSwibmFtZXMiOlsiVGFibGUiLCJzdHlsZWQiLCJ0YWJsZSIsIktleSIsInRkIiwiVmFsdWUiLCJCcmVha3BvaW50TGlzdCIsImsiLCJ2IiwiT2JqZWN0IiwiZW50cmllcyIsIkJSRUFLUE9JTlQiLCJtYXAiLCJrZXkiLCJ2YWx1ZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFPQSxJQUFNQSxLQUFLLEdBQUdDLGtFQUFNLENBQUNDLEtBQVYsa0dBQVg7QUFJQSxJQUFNQyxHQUFHLEdBQUdGLGtFQUFNLENBQUNHLEVBQVYsZ0hBQVQ7QUFJQSxJQUFNQyxLQUFLLEdBQUdKLGtFQUFNLENBQUNHLEVBQVYsZ0hBQVg7QUFJTyxJQUFNRSxjQUF5QixHQUFHLFNBQTVCQSxjQUE0QixPQUFjO0FBQUEsTUFBWEMsQ0FBVyxRQUFYQSxDQUFXO0FBQUEsTUFBUkMsQ0FBUSxRQUFSQSxDQUFRO0FBQ25ELHNCQUNJLDREQUFDLEtBQUQscUJBQ0ksMkVBQ0tDLE1BQU0sQ0FBQ0MsT0FBUCxDQUFlQyxtRUFBZixFQUEyQkMsR0FBM0IsQ0FBK0I7QUFBQTtBQUFBLFFBQUVDLEdBQUY7QUFBQSxRQUFPQyxLQUFQOztBQUFBLHdCQUM1QjtBQUFJLFNBQUcsRUFBRUQ7QUFBVCxvQkFDSSw0REFBQyxHQUFELHFCQUNJLDBFQUFPTixDQUFDLEdBQUdBLENBQUMsQ0FBQ00sR0FBRCxDQUFKLEdBQVlBLEdBQXBCLENBREosQ0FESixlQUlJLDREQUFDLEtBQUQsUUFBUUwsQ0FBQyxHQUFHQSxDQUFDLENBQUNNLEtBQUQsQ0FBSixHQUFjQSxLQUF2QixDQUpKLENBRDRCO0FBQUEsR0FBL0IsQ0FETCxDQURKLENBREo7QUFjSCxDQWZNO0FBQU1SLGMiLCJmaWxlIjoiLi4vZG9jcy1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy81MC5yZXNwb25zaXZlL2NvbXBvbmVudHMvQnJlYWtwb2ludExpc3QudHN4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQlJFQUtQT0lOVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG50eXBlIFByb3BzID0ge1xuICAgIGs/OiAodmFsdWU6IHN0cmluZykgPT4gUmVhY3ROb2RlO1xuICAgIHY/OiAodmFsdWU6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xufTtcblxuY29uc3QgVGFibGUgPSBzdHlsZWQudGFibGVgXG4gICAgZm9udC1zaXplOiAxNHB4O1xuYDtcblxuY29uc3QgS2V5ID0gc3R5bGVkLnRkYFxuICAgIHBhZGRpbmc6IDBweCA0MHB4IDEwcHggMjBweDtcbmA7XG5cbmNvbnN0IFZhbHVlID0gc3R5bGVkLnRkYFxuICAgIHBhZGRpbmc6IDBweCA0MHB4IDEwcHggMjBweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBCcmVha3BvaW50TGlzdDogRkM8UHJvcHM+ID0gKHsgaywgdiB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFRhYmxlPlxuICAgICAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAgICAgIHtPYmplY3QuZW50cmllcyhCUkVBS1BPSU5UKS5tYXAoKFtrZXksIHZhbHVlXSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8dHIga2V5PXtrZXl9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPEtleT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y29kZT57ayA/IGsoa2V5KSA6IGtleX08L2NvZGU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0tleT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxWYWx1ZT57diA/IHYodmFsdWUpIDogdmFsdWV9PC9WYWx1ZT5cbiAgICAgICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvdGJvZHk+XG4gICAgICAgIDwvVGFibGU+XG4gICAgKTtcbn07XG4iXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../docs-pages/docs/pages/30.guides/50.responsive/components/BreakpointList.tsx\n')},"../docs-pages/docs/pages/30.guides/60.components/00.developing-custom-components.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "__page", function() { return __page; });\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/core-js/modules/es.object.keys.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../node_modules/core-js/modules/es.symbol.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../../node_modules/core-js/modules/es.object.assign.js");\n/* harmony import */ var _home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_home_jenkins_workspace_design_system_main_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js");\n/* harmony import */ var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../docs-context/dist/context/DocContextDSWeb.js");\n/* harmony import */ var _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("../docs-context/dist/components/ThemeSwitcher.js");\n/* harmony import */ var _preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("../docs-toolkit/dist/index.js");\n\n\n\nvar _excluded = ["components"];\n\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\n\n\n\n\nvar layoutProps = {};\nvar MDXLayout = "wrapper";\n\nfunction MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: "MDXLayout"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* Meta */ "d"], {\n title: "Guides/Custom Components/Introduction",\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n mdxType: "Meta"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_8__[/* ThemeSwitcher */ "a"], {\n mdxType: "ThemeSwitcher"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h1", {\n "id": "developing-custom-components-with-ds-primitives"\n }, "Developing custom components with DS primitives"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The DS provides lower level primitives for building custom components that you can use\\nif existing DS components are not enough to implement complex or unique designs.\\nUsing these primitives ensures that your new custom components will still be\\ncompatible with our visual design language and continue receiving updates as the\\nDesign System evolves."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "However, you should always prefer using the existing components to just using\\nthese lower level primitives."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Furthermore, if you believe your component can be a good addition for the Design System:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Read the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/contributing--page"\n }, "contribution guide")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Reach out to ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "https://preply.slack.com/archives/C024EAEHP6V",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "#design-system-public")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Use Less.js instead of StyledComponents."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, "Become familiar with the DS ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "https://preply.atlassian.net/wiki/spaces/DS/pages/2778300873/Guidelines",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "internal guidelines and conventions"), " and the step by step ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "https://preply.atlassian.net/wiki/spaces/DS/pages/3250815332/Runbooks",\n "target": "_blank",\n "rel": "nofollow noopener noreferrer"\n }, "runbooks"), ".")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Check the guidelines below for some generic strategies to minimize the need for custom CSS."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "The following guides provide further information on how to use the lower level primitives according to your stack:"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("ul", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/guides-custom-components-less-js-intro--page"\n }, "Less.js")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("li", {\n parentName: "ul"\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("a", {\n parentName: "li",\n "href": "/story/guides-custom-components-styledcomponents-intro--page"\n }, "StyledComponents"))), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("h2", {\n "id": "guidelines"\n }, "Guidelines"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDont */ "b"], {\n mdxType: "CodeDont"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Create massive blocks of ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "LayoutFlex"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "LayoutGrid"), " components"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "<LayoutFlex direction=\\"...\\" alignItems=\\"...\\">\\n <LayoutFlex direction=\\"...\\" gap=\\"...\\" justifyContent=\\"...\\">\\n <LayoutGrid>...</LayoutGrid>\\n </LayoutFlex>\\n</LayoutFlex>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDo */ "a"], {\n mdxType: "CodeDo"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Separate your component in small parts, giving some of these ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "Layout"), " parts a significant name"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "And then use these blocks in the main component"), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "<MyComponentLayout>\\n <SectionHeader>...</SectionHeader>\\n</MyComponentLayout>\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "See Less.js and StyledComponents guide below for more detailed examples."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDont */ "b"], {\n mdxType: "CodeDont"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Create aliases of DS components."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "const Bold = ({ children }) => <Text variant=\\"s-bold\\">{children}</Text>;\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDont */ "b"], {\n mdxType: "CodeDont"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Switch entirely to custom CSS just to apply small bits of style."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-ts"\n }, "const Flex = styled.div`\\n display: flex;\\n align-items: center;\\n padding: @spaces-xs;\\n border: 1px solid @root-palette-red-300;\\n\\n @media @medium-l {\\n align-items: left;\\n }\\n`;\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "In the above example, only ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "border: 1px solid @root-palette-red-300;"), " can\'t be provided by the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "LayoutFlex"), " component."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_preply_ds_docs_toolkit__WEBPACK_IMPORTED_MODULE_9__[/* CodeDo */ "a"], {\n mdxType: "CodeDo"\n }), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "Combine small CSS elements with the custom styles."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-ts"\n }, "const RedBorder = styled.div`\\n border: 1px solid @root-palette-red-300;\\n`;\\n")), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("p", null, "With the ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "LayoutFlex"), " and ", Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("inlineCode", {\n parentName: "p"\n }, "LayoutGrid"), " components."), Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("pre", null, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])("code", {\n parentName: "pre",\n "className": "language-tsx"\n }, "const MyComponent: FC = () => (\\n <RedBorder>\\n <LayoutFlex alignItems={{ _: \'center\', \'medium-l\': \'left\' }} padding=\\"xs\\">\\n ...\\n </LayoutFlex>\\n </RedBorder>\\n);\\n")));\n}\n\nMDXContent.displayName = "MDXContent";\n;\nMDXContent.isMDXComponent = true;\nvar __page = function __page() {\n throw new Error("Docs-only story");\n};\n__page.parameters = {\n docsOnly: true\n};\nvar componentMeta = {\n title: \'Guides/Custom Components/Introduction\',\n parameters: {\n docs: {\n container: _preply_ds_docs_context__WEBPACK_IMPORTED_MODULE_7__[/* DocContextDSWeb */ "a"]\n }\n },\n includeStories: ["__page"]\n};\nvar mdxStoryNameToKey = {};\ncomponentMeta.parameters = componentMeta.parameters || {};\ncomponentMeta.parameters.docs = Object.assign({}, componentMeta.parameters.docs || {}, {\n page: function page() {\n return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__[/* AddContext */ "a"], {\n mdxStoryNameToKey: mdxStoryNameToKey,\n mdxComponentAnnotations: componentMeta\n }, Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__[/* mdx */ "b"])(MDXContent, null));\n }\n});\n/* harmony default export */ __webpack_exports__["default"] = (componentMeta);//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzAwLmRldmVsb3BpbmctY3VzdG9tLWNvbXBvbmVudHMuc3Rvcmllcy5tZHg/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi1wYWdlcy9kb2NzL3BhZ2VzLzMwLmd1aWRlcy82MC5jb21wb25lbnRzLzEwLmxlc3MvZXhhbXBsZXMvTXlMZXNzQ29tcG9uZW50V2l0aFRva2Vucy5tb2R1bGUubGVzcz8zNDdjIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zLnRzeD8xNjMzIiwid2VicGFjazovLy8uLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy8xMC51c2luZy10b2tlbnMtaW4tbGVzcy5zdG9yaWVzLm1keD9kZTAxIl0sIm5hbWVzIjpbIk15TGVzc0NvbXBvbmVudFdpdGhUb2tlbnMiLCJjaGlsZHJlbiIsInBhZGRpbmciLCJjbGFzc05hbWVzIiwibWFwIiwiY2xhc3NOYW1lIiwic3R5bGVzIiwiam9pbiIsImxheW91dFByb3BzIiwiTURYTGF5b3V0IiwiTURYQ29udGVudCIsImNvbXBvbmVudHMiLCJwcm9wcyIsImRvY3MiLCJjb250YWluZXIiLCJEb2NDb250ZXh0RFNXZWIiLCJpc01EWENvbXBvbmVudCIsIl9fcGFnZSIsIkVycm9yIiwicGFyYW1ldGVycyIsImRvY3NPbmx5IiwiY29tcG9uZW50TWV0YSIsInRpdGxlIiwiaW5jbHVkZVN0b3JpZXMiLCJtZHhTdG9yeU5hbWVUb0tleSIsInBhZ2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFnSDtBQUNoSCxZQUE2Ujs7QUFFN1I7O0FBRUE7QUFDQTs7QUFFQSxhQUFhLGtDQUFHLENBQUMsbURBQU87Ozs7QUFJVCxpSUFBTyxhQUFhLEU7Ozs7QUNabkM7QUFFQTtBQU1PLElBQU1BLG1EQUFvQyxHQUFHLFNBQXZDQSx5QkFBdUMsT0FBMkI7QUFBQSxNQUF4QkMsUUFBd0IsUUFBeEJBLFFBQXdCO0FBQUEsTUFBZEMsT0FBYyxRQUFkQSxPQUFjO0FBQzNFLE1BQU1DLFVBQVUsR0FBRyxDQUFDLGFBQUQsNEJBQXdDRCxPQUF4QyxFQUFtREUsR0FBbkQsQ0FDZixVQUFBQyxTQUFTO0FBQUEsV0FBSUMseUNBQU0sQ0FBQ0QsU0FBRCxDQUFWO0FBQUEsR0FETSxDQUFuQjtBQUdBLHNCQUFPO0FBQUssYUFBUyxFQUFFRixVQUFVLENBQUNJLElBQVgsQ0FBZ0IsR0FBaEI7QUFBaEIsS0FBdUNOLFFBQXZDLENBQVA7QUFDSCxDQUxNO0FBQU1ELG1EOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNQYjtBQUNBO0FBRUE7O0FBQ0E7O0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFHQSxJQUFNUSxXQUFXLEdBQUcsRUFBcEI7QUFHQSxJQUFNQyxTQUFTLEdBQUcsU0FBbEI7O0FBQ0EsU0FBU0MsVUFBVCxPQUdHO0FBQUEsTUFGREMsVUFFQyxRQUZEQSxVQUVDO0FBQUEsTUFERUMsS0FDRjs7QUFDRCxTQUFPLDJCQUFDLFNBQUQsZUFBZUosV0FBZixFQUFnQ0ksS0FBaEM7QUFBdUMsY0FBVSxFQUFFRCxVQUFuRDtBQUErRCxXQUFPLEVBQUM7QUFBdkUsTUFNTCwyQkFBQyx3QkFBRDtBQUFNLFNBQUssRUFBQyx5Q0FBWjtBQUFzRCxjQUFVLEVBQUU7QUFDaEVFLFVBQUksRUFBRTtBQUNKQyxpQkFBUyxFQUFFQywwQ0FBZUE7QUFEdEI7QUFEMEQsS0FBbEU7QUFJRyxXQUFPLEVBQUM7QUFKWCxJQU5LLEVBV0wsMkJBQUMsc0NBQUQ7QUFBZSxXQUFPLEVBQUM7QUFBdkIsSUFYSyxFQVlMO0FBQ0UsVUFBTTtBQURSLDZCQVpLLEVBZUwsa0ZBQStDO0FBQVksY0FBVSxFQUFDO0FBQXZCLDJCQUEvQyxDQWZLLEVBZ0JMLHdDQUFLO0FBQU0sY0FBVSxFQUFDLEtBQWpCO0FBQ0QsaUJBQWE7QUFEWixtRUFBTCxDQWhCSyxFQW9CTCxpRUFBOEI7QUFBWSxjQUFVLEVBQUM7QUFBdkIsaUJBQTlCLG9EQUFxSTtBQUFZLGNBQVUsRUFBQztBQUF2QixvQkFBckksTUFwQkssRUFxQkwsMkZBQXdEO0FBQUcsY0FBVSxFQUFDLEdBQWQ7QUFDcEQsWUFBUTtBQUQ0QyxxQkFBeEQsV0FFbUM7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUMvQixZQUFRO0FBRHVCLDJCQUZuQyxpQkFLTTtBQUFHLGNBQVUsRUFBQyxHQUFkO0FBQ0YsWUFBUTtBQUROLHNCQUxOLDhGQXJCSyxFQThCTCx3RkFBcUQ7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUNqRCxZQUFRO0FBRHlDLDRCQUFyRCwyQkE5QkssRUFpQ0w7QUFDRSxVQUFNO0FBRFIsZUFqQ0ssRUFvQ0wsOENBQVc7QUFBRyxjQUFVLEVBQUMsR0FBZDtBQUNQLFlBQVEsd0pBREQ7QUFFUCxjQUFVLFFBRkg7QUFHUCxXQUFPO0FBSEEsaUNBQVgsNEVBcENLLEVBeUNMLCtGQXpDSyxFQTBDTCx3Q0FBSztBQUFNLGNBQVUsRUFBQyxLQUFqQjtBQUNELGlCQUFhO0FBRFosaWNBQUwsQ0ExQ0ssRUEyREwsd0NBQUs7QUFBTSxjQUFVLEVBQUMsS0FBakI7QUFDRCxpQkFBYTtBQURaLG9hQUFMLENBM0RLLEVBaUZMLDJKQWpGSyxFQWtGTCwyQkFBQywwQkFBRDtBQUFRLGFBQVMsRUFBQywwTUFBbEI7QUFBNk4sV0FBTyxFQUFDO0FBQXJPLEtBQ0EsMkJBQUMsbURBQUQ7QUFBMkIsV0FBTyxFQUFDLEdBQW5DO0FBQXVDLFdBQU8sRUFBQztBQUEvQyxtQkFEQSxFQUVBLDJCQUFDLG1EQUFEO0FBQTJCLFdBQU8sRUFBQyxHQUFuQztBQUF1QyxXQUFPLEVBQUM7QUFBL0MsbUJBRkEsQ0FsRkssQ0FBUDtBQXVGRDs7QUEzRlFMLFU7QUE2RlQ7QUFDQUEsVUFBVSxDQUFDTSxjQUFYLEdBQTRCLElBQTVCO0FBRU8sSUFBTUMsTUFBTSxHQUFHLFNBQVRBLE1BQVMsR0FBTTtBQUFFLFFBQU0sSUFBSUMsS0FBSixDQUFVLGlCQUFWLENBQU47QUFBcUMsQ0FBNUQ7QUFFUEQsTUFBTSxDQUFDRSxVQUFQLEdBQW9CO0FBQUVDLFVBQVEsRUFBRTtBQUFaLENBQXBCO0FBRUEsSUFBTUMsYUFBYSxHQUFHO0FBQUVDLE9BQUssRUFBRSx5Q0FBVDtBQUFvREgsWUFBVSxFQUFFO0FBQ3BGTixRQUFJLEVBQUU7QUFDSkMsZUFBUyxFQUFFQywwQ0FBZUE7QUFEdEI7QUFEOEUsR0FBaEU7QUFJbkJRLGdCQUFjLEVBQUUsQ0FBQyxRQUFEO0FBSkcsQ0FBdEI7QUFNQSxJQUFNQyxpQkFBaUIsR0FBRyxFQUExQjtBQUVBSCxhQUFhLENBQUNGLFVBQWQsR0FBMkJFLGFBQWEsQ0FBQ0YsVUFBZCxJQUE0QixFQUF2RDtBQUNBRSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLHFCQUNNUSxhQUFhLENBQUNGLFVBQWQsQ0FBeUJOLElBQXpCLElBQWlDLEVBRHZDO0FBRUVZLE1BQUksRUFBRTtBQUFBLFdBQU0sMkJBQUMsOEJBQUQ7QUFBWSx1QkFBaUIsRUFBRUQsaUJBQS9CO0FBQWtELDZCQUF1QixFQUFFSDtBQUEzRSxPQUEwRiwyQkFBQyxVQUFELE9BQTFGLENBQU47QUFBQTtBQUZSO0FBS2VBLG1IQUFmIiwiZmlsZSI6Ii4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8xMC5sZXNzLzEwLnVzaW5nLXRva2Vucy1pbi1sZXNzLnN0b3JpZXMubWR4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGFwaSBmcm9tIFwiIS4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL3N0eWxlLWxvYWRlci9kaXN0L3J1bnRpbWUvaW5qZWN0U3R5bGVzSW50b1N0eWxlVGFnLmpzXCI7XG4gICAgICAgICAgICBpbXBvcnQgY29udGVudCBmcm9tIFwiISEuLi8uLi8uLi8uLi8uLi8uLi8uLi9kb2NzL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvY2pzLmpzPz9yZWYtLTE3LTEhLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL3Bvc3Rjc3MtbG9hZGVyL2Rpc3QvY2pzLmpzPz9yZWYtLTE3LTIhLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbm9kZV9tb2R1bGVzL2xlc3MtbG9hZGVyL2Rpc3QvY2pzLmpzIS4vTXlMZXNzQ29tcG9uZW50V2l0aFRva2Vucy5tb2R1bGUubGVzc1wiO1xuXG52YXIgb3B0aW9ucyA9IHt9O1xuXG5vcHRpb25zLmluc2VydCA9IFwiaGVhZFwiO1xub3B0aW9ucy5zaW5nbGV0b24gPSBmYWxzZTtcblxudmFyIHVwZGF0ZSA9IGFwaShjb250ZW50LCBvcHRpb25zKTtcblxuXG5cbmV4cG9ydCBkZWZhdWx0IGNvbnRlbnQubG9jYWxzIHx8IHt9OyIsImltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL015TGVzc0NvbXBvbmVudFdpdGhUb2tlbnMubW9kdWxlLmxlc3MnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIHBhZGRpbmc6ICdzJyB8ICdtJyB8ICdsJztcbn1cblxuZXhwb3J0IGNvbnN0IE15TGVzc0NvbXBvbmVudFdpdGhUb2tlbnM6IEZDPFByb3BzPiA9ICh7IGNoaWxkcmVuLCBwYWRkaW5nIH0pID0+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 @Fri Sep 01 2023 15:23:19 GMT+0000 (Coordinated Universal Time) */\\n/* AUTO GENERATED @Fri Sep 01 2023 15:23:20 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/IS4uLy4uL25vZGVfbW9kdWxlcy9wb3N0Y3NzLWxvYWRlci9kaXN0L2Nqcy5qcz8hLi4vLi4vbm9kZV9tb2R1bGVzL2xlc3MtbG9hZGVyL2Rpc3QvY2pzLmpzIS4uL2RvY3MtcGFnZXMvZG9jcy9wYWdlcy8zMC5ndWlkZXMvNjAuY29tcG9uZW50cy8xMC5sZXNzL2V4YW1wbGVzL015TGVzc0NvbXBvbmVudFdpdGhCcmVha3BvaW50cy5tb2R1bGUubGVzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEltcG9ydHNcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fIGZyb20gXCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kb2NzL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9jc3NXaXRoTWFwcGluZ1RvU3RyaW5nLmpzXCI7XG5pbXBvcnQgX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fIGZyb20gXCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9kb2NzL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyL2Rpc3QvcnVudGltZS9hcGkuanNcIjtcbnZhciBfX19DU1NfTE9BREVSX0VYUE9SVF9fXyA9IF9fX0NTU19MT0FERVJfQVBJX0lNUE9SVF9fXyhfX19DU1NfTE9BREVSX0FQSV9TT1VSQ0VNQVBfSU1QT1JUX19fKTtcbi8vIE1vZHVsZVxuX19fQ1NTX0xPQURFUl9FWFBPUlRfX18ucHVzaChbbW9kdWxlLmlkLCBcIi8qIEFVVE8gR0VORVJBVEVEIEBGcmkgU2VwIDAxIDIwMjMgMTU6MjM6MTkgR01UKzAwMDAgKENvb3JkaW5hdGVkIFVuaXZlcnNhbCBUaW1lKSAqL1xcbi8qIEFVVE8gR0VORVJBVEVEIEBGcmkgU2VwIDAxIDIwMjMgMTU6MjM6MjAgR01UKzAwMDAgKENvb3JkaW5hdGVkIFVuaXZlcnNhbCBUaW1lKSAqL1xcbi5fMXhaYmphIHtcXG4gIGRpc3BsYXk6IGdyaWQ7XFxuICAvKiBiYXNlIHJ1bGVzIChtb2JpbGUgZmlyc3QhKSAqL1xcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XFxuICBnYXA6IHZhcigtLTc0MzgwMik7XFxufVxcbkBtZWRpYSAobWluLXdpZHRoOiA4ODBweCkge1xcbiAgLl8xeFpiamEge1xcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciA0ZnIgMWZyO1xcbiAgfVxcbn1cXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi8uLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoQnJlYWtwb2ludHMubW9kdWxlLmxlc3NcIl0sXCJuYW1lc1wiOltdLFwibWFwcGluZ3NcIjpcIkFBQUEsbUZBQW1GO0FBQ25GLG1GQUFtRjtBQUVuRjtFQUNJLGFBQUE7RUFBRiwrQkFBK0I7RUFDN0IsMEJBQUE7RUFDQSxrQkFBQTtBQUNKO0FBQ0k7RUFBQTtJQUNJLGtDQUFBO0VBRU47QUFDRlwiLFwic291cmNlc0NvbnRlbnRcIjpbXCJAaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL3Rva2Vucy5sZXNzJztcXG5AaW1wb3J0ICdAcHJlcGx5L2RzLXdlYi1jb3JlL2Rpc3QvZ2VuZXJhdGVkL2JyZWFrcG9pbnRzLmxlc3MnO1xcblxcbi5NeUNvbXBvbmVudCB7XFxuICAgIGRpc3BsYXk6IGdyaWQ7IC8qIGJhc2UgcnVsZXMgKG1vYmlsZSBmaXJzdCEpICovXFxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xcbiAgICBnYXA6IEByb290LXNwYWNlLXM7XFxuXFxuICAgIEBtZWRpYSBAbWVkaXVtLWwge1xcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgNGZyIDFmcjtcXG4gICAgfVxcbn1cXG5cIl0sXCJzb3VyY2VSb290XCI6XCJcIn1dKTtcbi8vIEV4cG9ydHNcbl9fX0NTU19MT0FERVJfRVhQT1JUX19fLmxvY2FscyA9IHtcblx0XCJNeUNvbXBvbmVudFwiOiBcIl8xeFpiamFcIlxufTtcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sInNvdXJjZVJvb3QiOiIifQ==\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 @Fri Sep 01 2023 15:23:19 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/IS4uLy4uL25vZGVfbW9kdWxlcy9sZXNzLWxvYWRlci9kaXN0L2Nqcy5qcyEuLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zLm1vZHVsZS5sZXNzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gSW1wb3J0c1xuaW1wb3J0IF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18gZnJvbSBcIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2Nzc1dpdGhNYXBwaW5nVG9TdHJpbmcuanNcIjtcbmltcG9ydCBfX19DU1NfTE9BREVSX0FQSV9JTVBPUlRfX18gZnJvbSBcIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2RvY3Mvbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvZGlzdC9ydW50aW1lL2FwaS5qc1wiO1xudmFyIF9fX0NTU19MT0FERVJfRVhQT1JUX19fID0gX19fQ1NTX0xPQURFUl9BUElfSU1QT1JUX19fKF9fX0NTU19MT0FERVJfQVBJX1NPVVJDRU1BUF9JTVBPUlRfX18pO1xuLy8gTW9kdWxlXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5wdXNoKFttb2R1bGUuaWQsIFwiLyogQVVUTyBHRU5FUkFURUQgQEZyaSBTZXAgMDEgMjAyMyAxNToyMzoxOSBHTVQrMDAwMCAoQ29vcmRpbmF0ZWQgVW5pdmVyc2FsIFRpbWUpICovXFxuLmNPOVZYUSB7XFxuICBjb2xvcjogdmFyKC0tZDJiYWE2KTtcXG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLTUwOGIzNCk7XFxuICBib3JkZXItcmFkaXVzOiB2YXIoLS04ZDUxMzEpO1xcbn1cXG4uU2FXUDF0IHtcXG4gIHBhZGRpbmc6IHZhcigtLTc0MzgwMik7XFxufVxcbi5kT2h2a3cge1xcbiAgcGFkZGluZzogdmFyKC0tMzljZTkwKTtcXG59XFxuLmtGNFk1ZSB7XFxuICBwYWRkaW5nOiB2YXIoLS0yOGNmZjEpO1xcbn1cXG5cIiwgXCJcIix7XCJ2ZXJzaW9uXCI6MyxcInNvdXJjZXNcIjpbXCJ3ZWJwYWNrOi8vLi8uLi9kb2NzLXBhZ2VzL2RvY3MvcGFnZXMvMzAuZ3VpZGVzLzYwLmNvbXBvbmVudHMvMTAubGVzcy9leGFtcGxlcy9NeUxlc3NDb21wb25lbnRXaXRoVG9rZW5zLm1vZHVsZS5sZXNzXCJdLFwibmFtZXNcIjpbXSxcIm1hcHBpbmdzXCI6XCJBQUFBLG1GQUFtRjtBQUVuRjtFQUNJLG9CQUFBO0VBQ0EsK0JBQUE7RUFDQSw0QkFBQTtBQUFKO0FBRUk7RUFDSSxzQkFBQTtBQUFSO0FBR0k7RUFDSSxzQkFBQTtBQURSO0FBSUk7RUFDSSxzQkFBQTtBQUZSXCIsXCJzb3VyY2VzQ29udGVudFwiOltcIkBpbXBvcnQgJ0BwcmVwbHkvZHMtd2ViLWNvcmUvZGlzdC9nZW5lcmF0ZWQvdG9rZW5zLmxlc3MnO1xcblxcbi5NeUNvbXBvbmVudCB7XFxuICAgIGNvbG9yOiBAYWN0aW9uLXZhcmlhbnQtcHJpbWFyeS1jb2xvcjtcXG4gICAgYmFja2dyb3VuZC1jb2xvcjogQGFjdGlvbi12YXJpYW50LXByaW1hcnktYmdDb2xvcjtcXG4gICAgYm9yZGVyLXJhZGl1czogQGFjdGlvbi1iYXNlLWJvcmRlclJhZGl1cztcXG5cXG4gICAgJi0tcGFkZGluZy1zIHtcXG4gICAgICAgIHBhZGRpbmc6IEByb290LXNwYWNlLXM7XFxuICAgIH1cXG5cXG4gICAgJi0tcGFkZGluZy1tIHtcXG4gICAgICAgIHBhZGRpbmc6IEByb290LXNwYWNlLW07XFxuICAgIH1cXG5cXG4gICAgJi0tcGFkZGluZy1sIHtcXG4gICAgICAgIHBhZGRpbmc6IEByb290LXNwYWNlLWw7XFxuICAgIH1cXG59XFxuXCJdLFwic291cmNlUm9vdFwiOlwiXCJ9XSk7XG4vLyBFeHBvcnRzXG5fX19DU1NfTE9BREVSX0VYUE9SVF9fXy5sb2NhbHMgPSB7XG5cdFwiTXlDb21wb25lbnRcIjogXCJjTzlWWFFcIixcblx0XCJNeUNvbXBvbmVudC0tcGFkZGluZy1zXCI6IFwiU2FXUDF0XCIsXG5cdFwiTXlDb21wb25lbnQtLXBhZGRpbmctbVwiOiBcImRPaHZrd1wiLFxuXHRcIk15Q29tcG9uZW50LS1wYWRkaW5nLWxcIjogXCJrRjRZNWVcIlxufTtcbmV4cG9ydCBkZWZhdWx0IF9fX0NTU19MT0FERVJfRVhQT1JUX19fO1xuIl0sInNvdXJjZVJvb3QiOiIifQ==\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,16,18,20,23,22,17,19,21,5,8,7,6,9,10,15,11,12,13,4]]]);