From 2b2f1de8256f55b1912acc8e455e458ae5ae8c1e Mon Sep 17 00:00:00 2001 From: jsutterfield Date: Wed, 20 Feb 2019 14:40:29 +0000 Subject: [PATCH 1/3] add iconName to Dropdown --- ...{bundle.fcca4649.js => bundle.a5b6f8fc.js} | 2 +- docs/index.html | 2 +- source/components/Dropdown/README.md | 7 ++++++ .../__snapshots__/index.spec.js.snap | 19 +++++++++++++++ .../components/DropdownToggle/index.js | 13 ++++++++-- .../components/DropdownToggle/index.spec.js | 24 +++++++++++++------ source/components/Dropdown/index.js | 11 +++++++++ 7 files changed, 67 insertions(+), 11 deletions(-) rename docs/build/{bundle.fcca4649.js => bundle.a5b6f8fc.js} (64%) diff --git a/docs/build/bundle.fcca4649.js b/docs/build/bundle.a5b6f8fc.js similarity index 64% rename from docs/build/bundle.fcca4649.js rename to docs/build/bundle.a5b6f8fc.js index 3cf70ce0..0fcf403d 100644 --- a/docs/build/bundle.fcca4649.js +++ b/docs/build/bundle.a5b6f8fc.js @@ -68,4 +68,4 @@ var r=n(266),o=n(267),a=n(268);function kMaxLength(){return Buffer.TYPED_ARRAY_S * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&Symbol.for,o=r?Symbol.for("react.element"):60103,a=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,s=r?Symbol.for("react.strict_mode"):60108,l=r?Symbol.for("react.profiler"):60114,c=r?Symbol.for("react.provider"):60109,p=r?Symbol.for("react.context"):60110,d=r?Symbol.for("react.async_mode"):60111,h=r?Symbol.for("react.concurrent_mode"):60111,f=r?Symbol.for("react.forward_ref"):60112,m=r?Symbol.for("react.suspense"):60113,g=r?Symbol.for("react.memo"):60115,y=r?Symbol.for("react.lazy"):60116;function u(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case o:switch(e=e.type){case d:case h:case i:case l:case s:return e;default:switch(e=e&&e.$$typeof){case p:case f:case c:return e;default:return t}}case a:return t}}}function v(e){return u(e)===h}t.typeOf=u,t.AsyncMode=d,t.ConcurrentMode=h,t.ContextConsumer=p,t.ContextProvider=c,t.Element=o,t.ForwardRef=f,t.Fragment=i,t.Profiler=l,t.Portal=a,t.StrictMode=s,t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===h||e===l||e===s||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===g||e.$$typeof===c||e.$$typeof===p||e.$$typeof===f)},t.isAsyncMode=function(e){return v(e)||u(e)===d},t.isConcurrentMode=v,t.isContextConsumer=function(e){return u(e)===p},t.isContextProvider=function(e){return u(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===o},t.isForwardRef=function(e){return u(e)===f},t.isFragment=function(e){return u(e)===i},t.isProfiler=function(e){return u(e)===l},t.isPortal=function(e){return u(e)===a},t.isStrictMode=function(e){return u(e)===s}},function(e,t,n){var r=n(74),o=n(19),a=n(49);e.exports=function createFind(e){return function(t,n,i){var s=Object(t);if(!o(t)){var l=r(n,3);t=a(t),n=function(e){return l(s[e],e,s)}}var c=e(t,n,i);return c>-1?s[l?t[c]:c]:void 0}}},function(e,t,n){var r=n(318),o=n(74),a=n(319),i=Math.max;e.exports=function findIndex(e,t,n){var s=null==e?0:e.length;if(!s)return-1;var l=null==n?0:a(n);return l<0&&(l=i(s+l,0)),r(e,o(t,3),l)}},function(e,t){e.exports=function baseFindIndex(e,t,n,r){for(var o=e.length,a=n+(r?1:-1);r?a--:++a//artifactory.wikia-inc.com/artifactory/api/npm/wikia-npm/\n```\n\n### 1.2. Add the package to `package.json`\n\n```js\n$> yarn add @wikia/react-common\n```\n\nor\n\n```js\n$> npm i @wikia/react-common\n```\n\n## 2. Use it in the code\n\n```js\nimport Button from \'@wikia/react-common/components/Button\';\nimport IconAdd from \'@wikia/react-common/icons/IconAdd\';\n\n...\n\n<div>\n <Button>\n <IconAdd />\n Camera\n </Button>\n</div>\n```\n\n## 3. Add the CSS to your build\n\nMake sure you include the CSS in your styles.\n\n```scss\n@import "~@wikia/react-common/components/Icon.css";\n@import "~@wikia/react-common/components/Button.css";\n```'}]},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r);n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"## **[IMPORTANT]** Artifactory Setup\n\nThis setup will work for both `yarn` and `npm`. If you run into issues consult [Artifactory NPM Docs](https://www.jfrog.com/confluence/display/RTF/Npm+Registry) first\n\n1. Verify you can login to [Artifactory Wikia](https://artifactory.wikia-inc.com/artifactory/webapp/#/home)\n2. Change wikia scoped packages to use artifactory\n - `$> npm config set @wikia:registry https://artifactory.wikia-inc.com/artifactory/api/npm/wikia-npm/`\n3. Login\n - `$> npm login --scope=@wikia`\n - Use artifactory login and artifactory API key for password by going to \"Edit Profile\" in artifactory web ui\n\n## General guidelines\n\n- ES6 React components with [`prop-types`](https://github.com/facebook/prop-types) saved in `.js` file.\n- Use function syntax if possible, use nesting and flat files.\n- 100% lint and coverage and no regressions\n- use [Jest](https://facebook.github.io/jest/) as a general testing framework and for testing component's rendering\n- use [Enzyme](https://github.com/airbnb/enzyme) for testing interactions\n- use [Sinon](http://sinonjs.org/) for testing callbacks\n\n## Step-by-step guide for components\n\n1. Assuming the new component's name is `ComponentA` all it's files will be in `/source/components/ComponentA/` directory.\n2. Create component in `ComponentA/index.js`.\n3. Add component to `/source/components/index.js`.\n4. Add component to `/config/styleguide.config.json`.\n5. (optionally) create styles in `ComponentA/styles.s?css` and import them in `ComponentA/index.js`.\n6. Document the usage and props in JSDocs in `ComponentA/index.js`.\n7. Add example or examples in `ComponentA/README.md`.\n8. Add unit test in `ComponentA/index.spec.js`, aim for 100% coverage and all the test cases.\n9. Create new Pull Request.\n10. Code will be merged to `master` only if there are no regressions and after a successful CR.\n11. When the code is merged to `master`, release new version of the styleguide with one of the release commands.\n\n### HOCS\n\n1. Higher order components (hoc) can be added by following the guide\n\n**Note**: The one difference will be to use `js static` in the readme to prevent rendering as styleguidist doesn't have access to the hoc\n\n## Development server\n\n```js\n> yarn dev\n```\n\n## Tests\n\nThe easiest way is to run the full suite:\n\n```js\n> yarn ci\n```\n\nIt will run linting (ESLint, Stylelint), Jest and will output coverage report.\n\n### Watch\n\nThere's a command for watching Jest tests:\n\n```js\n> yarn test:watch\n```\n\n## Build\n\nRunning the build is as simple as:\n\n```js\n> yarn build\n```\n\nThis will run few build commands in sequence:\n\n1. Remove every generated file and directory from the `dist/` directory (equivalent of `yarn clean`).\n2. Build the library outputting built ES5 files to the `dist/` (`yarn lib:build`).\n3. Build the styleguide in the `docs/` directory; it contains the build styleguide that will appear on the GitHub pages (`yarn styleguide:build`).\n\n## Release\n\nAfter PR is merged into `master` branch create new release. You should use [SemVer](http://semver.org/) using one of the following commands.\n\nThe script will automatically pull newest `master` branch, build the documentation, create new release version in the `package.json`, create GitHub tag and push this tag to GitHub. After pushing the new tag it will publish the package to artifactory.\n\n### Default release; bugfixes, no new features and no breaking changes\n\n```js\n> yarn release\n```\n\n### New features, but no breaking changes\n\n```js\n> yarn release:minor\n```\n\n### Breaking changes, regardless how small\n\n```js\n> yarn release:major\n```"}]},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r);n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:'This is system that controlls the state of site notifications, allows to add them via actions, and outputs them to a component.\n\nIt supports plaintext messages and automatically handles dismissing actions when the ⨯ icon is clicked on the notification.\n\n## Requirements\n\nThe BannerNotification system requires:\n\n- `redux` (and `react-redux`)\n- `immutable`\n\n## Installation\n\nThere are few parts that need to be plugged into place:\n\n### Reducer\n\nThe reducer/store need to be included in Redux.\n\nExample:\n\n```js\nimport { BannerNotificationsStore } from \'@wikia/react-common/systems/BannerNotifications\';\nimport { combineReducers } from \'redux\';\n\nconst rootReducer = combineReducers({\n BannerNotificationsStore,\n});\n\nexport default rootReducer;\n```\n\n### Component\n\nThe component that connects to the Redux state needs to be included on the page somewhere so the notifications are visible.\n\n```js\nimport React from \'react\';\nimport PropTypes from \'prop-types\';\nimport FandomContentWell from \'@wikia/react-common/components/FandomContentWell\';\nimport { BannerNotificationsComponent } from \'@wikia/react-common/systems/BannerNotifications\';\n\nclass PageLayout extends React.Component {\n static propTypes = {\n children: PropTypes.node.isRequired,\n }\n\n render() {\n return (\n <FandomContentWell>\n <BannerNotificationsComponent />\n {children}\n </FandomContentWell>\n );\n }\n}\n\nexport default PageLayout;\n```\n\n**NOTE**: Remember to also include styles!\n\n```css\n@import "~@wikia/react-common/systems/BannerNotifications.css";\n```\n\n## API\n\nBannerNotifications system exports few actions that should be used to add new notifications:\n\n- `addAlert(text, [id])`\n- `addWarning(text, [id])`\n- `addSuccess(text, [id])`\n- `addMessage(text, [id])`\n\nThe `id` is optional and it\'s needed only when the notification needs to be manually removed with `removeNotfication(id)` action. If omitted its value is assigned automatically.\n\nTypes of notifications are shown in [components/BannerNotification](https://wikia.github.io/react-common/#bannernotification) section.\n\nExample usage in thunk:\n\n```js\nimport axios from \'axios\';\nimport { addAlert } from \'@wikia/react-common/systems/BannerNotifications\';\n\nexport const loadData = () => (\n async dispatch => {\n try {\n const response = await axios({\n method: \'get\',\n url: `/api/get-data`,\n });\n //...\n } catch (error) {\n dispatch(addAlert(\'Error loading data from the server\'));\n console.error(error);\n }\n }\n);\n```'}]},function(e,t,n){var r=n(328);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-avatar {\n display: inline-block;\n position: relative; }\n .wds-avatar a {\n height: 100%;\n width: 100%; }\n\n.wds-avatar__image {\n height: 100%;\n min-width: 100%;\n width: 100%;\n display: inline-block;\n border-radius: 50%;\n box-sizing: border-box; }\n\n.wds-avatar__badge {\n line-height: 0;\n position: absolute; }\n .wds-avatar__badge svg {\n height: 100%;\n min-width: 100%;\n width: 100%; }\n\n.wds-avatar {\n height: 48px;\n min-width: 48px;\n width: 48px; }\n .wds-avatar a {\n color: #bed1cf; }\n .wds-avatar a:hover {\n color: #bed1cf; }\n .wds-avatar .wds-avatar__image {\n background-color: #fff;\n fill: #bed1cf; }\n .wds-avatar .wds-avatar__image:hover {\n fill: #bed1cf; }\n .wds-avatar img.wds-avatar__image {\n border: solid 3px #bed1cf; }\n .wds-avatar img.wds-avatar__image:hover {\n border-color: #bed1cf; }\n .wds-avatar .wds-avatar__badge {\n height: 20.1872px;\n min-width: 20.1872px;\n width: 20.1872px;\n left: -4.48604px;\n top: -5.76777px; }\n",""])},function(e,t,n){e.exports={description:"",displayName:"getAvatarImage",methods:[],doclets:{},examples:n(330)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a},{type:"markdown",content:"Avatar with badges"},{type:"code",content:'
\n \n \n \n \n \n \n \n
',settings:{},evalInContext:a}]},function(e,t,n){var r=n(332);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-banner-notification {\n background-color: #fff;\n color: #999;\n display: flex;\n transition: opacity 0.4s; }\n .wds-banner-notification.wds-is-transparent {\n opacity: 0; }\n .wds-banner-notification__container {\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }\n .wds-banner-notification__icon {\n align-items: center;\n color: #fff;\n display: flex;\n justify-content: center;\n width: 48px; }\n .wds-alert .wds-banner-notification__icon {\n background-color: #d71035; }\n .wds-warning .wds-banner-notification__icon {\n background-color: #dfec24; }\n .wds-success .wds-banner-notification__icon {\n background-color: #4cda9a; }\n .wds-message .wds-banner-notification__icon {\n background-color: #460084; }\n .wds-banner-notification__text {\n color: #666;\n flex: 1;\n font-size: 14px;\n line-height: 1.29;\n padding: 13px 12px; }\n .wds-banner-notification__close {\n box-sizing: content-box;\n cursor: pointer;\n padding: 18px; }\n .wds-banner-notification + .wds-banner-notification .wds-banner-notification__close,\n .wds-banner-notification + .wds-banner-notification .wds-banner-notification__text {\n border-top: 1px solid #ccc; }\n\n.wds-banner-notification__close {\n fill: currentColor;\n height: 12px;\n width: 12px; }\n\n.wds-banner-notification__icon-mark {\n fill: currentColor;\n height: 18px;\n width: 18px; }\n",""])},function(e,t,n){e.exports={description:"",displayName:"getIcon",methods:[],doclets:{},examples:n(334)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"By default its rendered without close button:"},{type:"code",content:"",settings:{},evalInContext:a},{type:"markdown",content:"But it can be rendered with close buttton:"},{type:"code",content:" alert('Click')} />",settings:{},evalInContext:a},{type:"markdown",content:"Or with extra HTML:"},{type:"code",content:" alert('Click')}>\n This is a text with a link\n",settings:{},evalInContext:a}]},function(e,t,n){e.exports={description:"Component used to create notifications. For full functionality it needs some\napp logic to handle the array of messages - adding/removing.\n\nSee the following:\n\n- [https://github.com/Wikia/f2/blob/master/frontend/react-app/curationTools/containers/Notifications.jsx](https://github.com/Wikia/f2/blob/master/frontend/react-app/curationTools/containers/Notifications.jsx \"https://github.com/Wikia/f2/blob/master/frontend/react-app/curationTools/containers/Notifications.jsx\")\n- [https://github.com/Wikia/f2/tree/master/frontend/react-app/curationTools/reducers/notifications](https://github.com/Wikia/f2/tree/master/frontend/react-app/curationTools/reducers/notifications \"https://github.com/Wikia/f2/tree/master/frontend/react-app/curationTools/reducers/notifications\")\n\nThe `messages` prop is an array of `bannerNotificationsMessageType` objects with the following props:\n\n- `id`: unique string that's send as the param of the `onClose` function\n- `type`: one of: `'alert'`, `'warning'`, `'success'` or `'message'`.\n- `text`: text that is going to be displayed on the notification\n- `permanent`: a boolean flag - if present the close button won't be displayed on the notification\n\n`bannerNotificationsMessageType` is exported along with `BannerNotification`\n",displayName:"BannerNotifications",methods:[],props:[{type:{name:"arrayOf",value:{name:"custom",raw:"messageType"}},required:!0,description:"An array of `bannerNotificationsMessageType` objects",tags:{},name:"messages"},{type:{name:"func"},required:!0,description:"Action invoked when close button is clicked",tags:{},name:"onClose"},{type:{name:"string"},required:!1,description:"An additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(336)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"By default it renders nothing:"},{type:"code",content:" {}} />",settings:{},evalInContext:a},{type:"markdown",content:"But with proper data it can display all the messages:"},{type:"code",content:"const messages4 = [\n {\n type: 'message',\n text: 'this is a permanent message',\n id: '1',\n permanent: true,\n },\n {\n type: 'success',\n text: 'this is a success',\n id: '2',\n },\n {\n type: 'warning',\n text: 'this is a warning',\n id: '3',\n },\n {\n type: 'alert',\n text: 'this is an alert',\n id: '4',\n },\n];
\n\t {}} />\n
",settings:{},evalInContext:a}]},function(e,t,n){e.exports={description:"Basic button component\n",displayName:"Button",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"bool"},required:!1,description:"Disabled attribute for the `",settings:{},evalInContext:a},{type:"markdown",content:"Different styles:"},{type:"code",content:"
\n\t\n\t\n\t\n\t\n
",settings:{},evalInContext:a},{type:"markdown",content:"Full width:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){e.exports={description:"Button group component\n",displayName:"ButtonGroup",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(340)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Regular buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a},{type:"markdown",content:"Secondary buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(342);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function ContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-content-well ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) and (max-width: 1499px) {\n .wds-content-well {\n width: 1244px; } }\n @media only screen and (min-width: 1500px) {\n .wds-content-well {\n width: 1464px; } }\n",""])},function(e,t,n){e.exports={description:"ContentWell wraps `children` in `wds-content-well` CSS mixin.\n",displayName:"ContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(345)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
ContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(347);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-icon {\n fill: currentColor;\n height: 24px;\n min-width: 24px;\n width: 24px; }\n .wds-icon-small {\n height: 18px;\n min-width: 18px;\n width: 18px; }\n .wds-icon-tiny {\n height: 12px;\n min-width: 12px;\n width: 12px; }\n",""])},function(e,t,n){var r=n(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-dropdown {\n display: inline-block;\n position: relative; }\n .wds-dropdown__toggle {\n cursor: default;\n position: relative; }\n .wds-dropdown__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 50%;\n min-width: 70%;\n padding: 7px 0;\n position: absolute;\n top: 100%;\n transform: translateX(-50%);\n z-index: 1; }\n .wds-dropdown__content.wds-is-right-aligned {\n left: auto;\n right: 0;\n transform: none; }\n .wds-dropdown__content.wds-is-left-aligned {\n left: 0;\n transform: none; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list {\n background-image: radial-gradient(farthest-side at 50% 0, rgba(26, 26, 26, 0.12), transparent), radial-gradient(farthest-side at 50% 100%, rgba(26, 26, 26, 0.12), transparent);\n background-position: 0 0, 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 9px;\n max-height: 270px;\n overflow-y: auto;\n position: relative;\n z-index: 1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before {\n background-color: #fff;\n content: '';\n display: block;\n height: 30px;\n margin: 0 0 -30px;\n position: relative;\n z-index: -1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after {\n background-color: #fff;\n margin: -29px 0 0; }\n .wds-dropdown__content.wds-is-not-scrollable .wds-list {\n position: relative; }\n .wds-dropdown__content .wds-list {\n padding: 0; }\n .wds-dropdown__content .wds-list > li {\n margin: 0 9px;\n padding-left: 9px;\n padding-right: 9px;\n white-space: nowrap; }\n .wds-dropdown__content .wds-list.wds-is-linked > li {\n padding: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked > li > a {\n color: #39424d;\n padding-left: 9px;\n padding-right: 9px;\n text-decoration: none;\n transition-duration: 0.2s;\n transition-property: background-color, color; }\n .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button), .wds-dropdown__content .wds-list.wds-is-linked > li.wds-is-selected > a:not(.wds-button) {\n background-color: rgba(0, 172, 172, 0.1);\n color: #00acac; }\n .wds-dropdown::before, .wds-dropdown::after {\n bottom: -1px;\n content: '';\n display: none;\n height: 0;\n left: 50%;\n pointer-events: none;\n position: absolute;\n width: 0;\n z-index: 2; }\n .wds-dropdown::after {\n border: 8px solid transparent;\n border-bottom-color: #fff;\n margin-left: -8px; }\n .wds-dropdown::before {\n border: 9px solid transparent;\n border-bottom-color: #ccc;\n margin-left: -9px; }\n .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after {\n display: block; }\n .wds-dropdown.wds-is-active .wds-dropdown__content, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__content {\n display: inline-block; }\n .wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__toggle-chevron {\n transform: rotate(180deg); }\n .wds-dropdown.wds-is-active.wds-has-shadow::before, .wds-dropdown.wds-is-active.wds-has-dark-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-dark-shadow::before {\n display: none; }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2); }\n .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n box-shadow: 0 0 20px 0 rgba(26, 26, 26, 0.3); }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content, .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n border: 0; }\n .wds-dropdown.wds-is-flipped::before, .wds-dropdown.wds-is-flipped::after {\n bottom: unset;\n top: -1px; }\n .wds-dropdown.wds-is-flipped::before {\n border-bottom-color: transparent;\n border-top-color: #ccc; }\n .wds-dropdown.wds-is-flipped::after {\n border-bottom-color: transparent;\n border-top-color: #fff; }\n .wds-dropdown.wds-is-flipped .wds-dropdown__content {\n bottom: 100%;\n top: unset; }\n\n.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 {\n margin-right: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 > a {\n padding-right: 18px;\n display: flex;\n justify-content: space-between; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-chevron {\n transform: rotate(-90deg);\n margin-left: 18px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent {\n position: relative; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent .wds-dropdown-level-2__content {\n top: auto;\n bottom: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 100%;\n padding: 7px 0;\n position: absolute;\n top: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked > li > a {\n font-size: 12px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-active .wds-dropdown-level-2__content, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2:not(.wds-is-touch-device):hover .wds-dropdown-level-2__content {\n display: block; }\n",""])},function(e,t,n){e.exports={description:"Basic Dropdown component\n",displayName:"Dropdown",methods:[],props:[{type:{name:"node"},required:!0,description:"React Component to display as a dropdown toggle",tags:{},name:"toggle"},{type:{name:"bool"},required:!1,description:"Whether or nor not dropdown should automatically flip when it's near the bottom of the viewport",defaultValue:{value:"false",computed:!1},tags:{},name:"canFlip"},{type:{name:"node"},required:!1,description:"React Component to display as the Dropdown Content",defaultValue:{value:"null",computed:!1},tags:{},name:"children"},{type:{name:"bool"},required:!1,description:"Should dropdown content be scrollable",defaultValue:{value:"false",computed:!1},tags:{},name:"contentScrollable"},{type:{name:"bool"},required:!1,description:"Should dropdown content be left-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownLeftAligned"},{type:{name:"bool"},required:!1,description:"Should dropdown content be right-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownRightAligned"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a drop shadow (darker than the one produced by hasShadow)",defaultValue:{value:"false",computed:!1},tags:{},name:"hasDarkShadow"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a slight drop shadow",defaultValue:{value:"false",computed:!1},tags:{},name:"hasShadow"},{type:{name:"bool"},required:!1,description:"is active",defaultValue:{value:"false",computed:!1},tags:{},name:"isActive"},{type:{name:"bool"},required:!1,description:"Is it a nested dropdown",defaultValue:{value:"false",computed:!1},tags:{},name:"isLevel2"},{type:{name:"bool"},required:!1,description:"if the top of nested dropdown content should be positioned at the same height as toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"isStickedToParent"},{type:{name:"bool"},required:!1,description:"Should chevron on the top of dropdown content be hidden",defaultValue:{value:"false",computed:!1},tags:{},name:"noChevron"},{type:{name:"func"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"null",computed:!1},tags:{},name:"onClose"},{type:{name:"shape",value:{href:{name:"string",required:!1}}},required:!1,description:"HTML attributes to add to toggle",defaultValue:{value:"{}",computed:!1},tags:{},name:"toggleAttrs"},{type:{name:"string"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"''",computed:!1},tags:{},name:"toggleClassName"}],doclets:{},tags:{},examples:n(351)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"\n

I am a text inside dropdown!

\n",settings:{},evalInContext:a},{type:"markdown",content:"Nested dropdown:"},{type:"code",content:'\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(353);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".expandable-text__expand {\n /* unstyle button */\n background: none;\n border: 0;\n cursor: pointer;\n display: inline;\n font: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0; }\n .expandable-text__expand:active {\n outline: 0; }\n",""])},function(e,t,n){e.exports={description:"ExpandableText component can be used to temporarily limit text showed to the user.\nIt has a button used to fully expand the text.\nIf the source text is shorter than the limit the button do not show.\n\nBoth button label and string used to ellipsis has to be configured.\nButton and the text itself can be syled with classes passed to the component.\n",displayName:"ExpandableText",methods:[],props:[{type:{name:"number"},required:!0,description:"Additional class name",tags:{},name:"characterLimit"},{type:{name:"string"},required:!0,description:"Label used on the expand button",tags:{},name:"expandLabel"},{type:{name:"string"},required:!0,description:"Full text to display",tags:{},name:"text"},{type:{name:"string"},required:!1,description:"Character limit",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"string"},required:!1,description:"Ellipsis (defaults to `…`)",defaultValue:{value:"'\\u2026'",computed:!1},tags:{},name:"ellipsis"},{type:{name:"string"},required:!1,description:"Additional class name for the expand button",defaultValue:{value:"''",computed:!1},tags:{},name:"expandClassName"}],doclets:{},tags:{},examples:n(355)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FandomBackgroundImage(e){var t=e.className,n=e.width,r=_objectWithoutProperties(e,["className","width"]),a=Math.floor(9*n/16);return o.a.createElement("svg",_extends({className:t,width:n,height:a,viewBox:"0 0 322 182",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},r),o.a.createElement("defs",null,o.a.createElement("path",{id:"fandom-background-image-a",d:"M0 0h322v181.125H0z"})),o.a.createElement("g",{fill:"none",fillRule:"evenodd"},o.a.createElement("mask",{id:"fandom-background-image-b",fill:"#fff"},o.a.createElement("use",{xlinkHref:"#fandom-background-image-a"})),o.a.createElement("use",{fill:"#00D6D6",xlinkHref:"#fandom-background-image-a"}),o.a.createElement("g",{fill:"#002A32",opacity:".07",mask:"url(#fandom-background-image-b)"},o.a.createElement("path",{d:"M220.746 101.305c0 1.17-.457 2.29-1.27 3.122l-53.435 54.578c-.9.908-1.81 1.315-2.94 1.315-1.17 0-2.2-.444-3.07-1.32l-3.77-3.607a1.695 1.695 0 0 1-.03-2.402l61.67-62.86c1.05-1.07 2.86-.32 2.86 1.19v10zm-68.525 41.157l-3.05 2.783a2.52 2.52 0 0 1-3.48-.078l-40.66-40.454a5.465 5.465 0 0 1-1.6-3.86v-7.56c0-2.722 3.26-4.094 5.19-2.18l43.17 42.947c.75.756 2.02 2.315 2.02 4.2 0 1.2-.27 2.902-1.56 4.202zm-36.34-78.29l13.99-14.086a1.66 1.66 0 0 1 2.36 0l46.85 47.188c5.02 5.053 5.02 13.244 0 18.296l-13.98 14.082a1.66 1.66 0 0 1-2.36 0l-46.84-47.19c-2.41-2.43-3.74-5.678-3.74-9.148 0-3.465 1.33-6.712 3.74-9.14zm55.43 8.07l14.62-14.726c2.85-2.867 6.82-4.218 10.93-3.647 2.88.4 5.5 1.9 7.56 3.98l14.81 14.91c.65.65.65 1.72 0 2.38L196.7 97.81a1.663 1.663 0 0 1-2.363 0L171.31 74.62a1.692 1.692 0 0 1 0-2.38zm58.14-2.797l-32.61-33.408a3.422 3.422 0 0 0-4.9-.01l-25.86 26.298a5.097 5.097 0 0 1-7.26.02l-25.86-26.02a3.424 3.424 0 0 0-4.85-.018L94.8 69.367a6.024 6.024 0 0 0-1.8 4.296v31.307c0 1.6.63 3.135 1.755 4.267l64.92 65.363a3.425 3.425 0 0 0 4.87-.002l64.862-65.363a6.055 6.055 0 0 0 1.753-4.265V73.673c0-1.58-.617-3.1-1.718-4.228z"}),o.a.createElement("path",{d:"M248.557 243.388a6.624 6.624 0 0 1-1.886 4.632l-79.28 80.987c-1.34 1.347-2.69 1.95-4.37 1.95-1.73 0-3.26-.66-4.55-1.958l-5.59-5.36a2.517 2.517 0 0 1-.06-3.57l91.51-93.29c1.56-1.59 4.25-.48 4.25 1.75v14.83zm-101.68 61.07l-4.536 4.13a3.735 3.735 0 0 1-5.16-.115l-60.34-60.03a8.074 8.074 0 0 1-2.37-5.727V231.5c0-4.04 4.84-6.077 7.69-3.237l64.05 63.727c1.12 1.123 3 3.436 3 6.232 0 1.78-.4 4.308-2.31 6.237zm-53.93-116.17l20.752-20.903a2.46 2.46 0 0 1 3.5 0l69.51 70.02c7.44 7.5 7.44 19.653 0 27.15l-20.74 20.895c-.97.975-2.54.975-3.51 0l-69.51-70.022c-3.58-3.606-5.55-8.426-5.55-13.575 0-5.142 1.97-9.96 5.54-13.565zm82.255 11.972l21.692-21.85c4.23-4.254 10.117-6.26 16.212-5.41 4.276.594 8.16 2.83 11.21 5.905l21.965 22.125c.97.975.97 2.555 0 3.532l-33.4 33.648c-.96.973-2.54.973-3.5 0l-34.16-34.42a2.505 2.505 0 0 1 0-3.53zm86.26-4.148l-48.38-49.573a5.084 5.084 0 0 0-7.278-.02l-38.37 39.02a7.565 7.565 0 0 1-10.774.03l-38.38-38.62a5.088 5.088 0 0 0-7.2-.03l-49.43 49.06a8.978 8.978 0 0 0-2.65 6.37v46.45c0 2.372.936 4.65 2.605 6.33l96.33 96.99a5.088 5.088 0 0 0 7.23 0l96.244-96.99a9.015 9.015 0 0 0 2.6-6.33v-46.44c0-2.35-.92-4.6-2.55-6.277zM74.452-61.735c0-1.733.68-3.397 1.887-4.63l79.28-80.988c1.34-1.347 2.69-1.95 4.37-1.95 1.73 0 3.26.66 4.55 1.958l5.59 5.352c1.01.963 1.03 2.57.06 3.565l-91.5 93.286c-1.56 1.59-4.25.477-4.25-1.755v-14.838zm101.68-61.07l4.537-4.13a3.735 3.735 0 0 1 5.16.115l60.34 60.03a8.078 8.078 0 0 1 2.37 5.728v11.215c0 4.04-4.84 6.077-7.69 3.237l-64.05-63.727c-1.12-1.123-3-3.436-3-6.232 0-1.78.4-4.3 2.31-6.23zm53.93 116.17L209.31 14.268a2.464 2.464 0 0 1-3.504 0l-69.517-70.02c-7.45-7.498-7.45-19.653 0-27.15l20.74-20.895a2.46 2.46 0 0 1 3.5 0l69.51 70.023c3.58 3.605 5.55 8.426 5.55 13.574 0 5.142-1.97 9.96-5.54 13.565zM147.81-18.607l-21.692 21.85c-4.23 4.255-10.117 6.26-16.212 5.412-4.276-.595-8.16-2.832-11.21-5.906L76.728-19.38a2.507 2.507 0 0 1 0-3.532l33.403-33.646a2.472 2.472 0 0 1 3.51 0l34.17 34.418c.97.976.97 2.557 0 3.53zM61.55-14.46l48.38 49.576a5.086 5.086 0 0 0 7.278.013l38.37-39.02a7.556 7.556 0 0 1 10.774-.03l38.38 38.61a5.079 5.079 0 0 0 7.2.02l49.43-49.06a8.984 8.984 0 0 0 2.65-6.38v-46.45a8.97 8.97 0 0 0-2.605-6.33l-96.33-96.99a5.088 5.088 0 0 0-7.23 0L61.6-73.5a8.986 8.986 0 0 0-2.6 6.327v46.44c0 2.348.915 4.6 2.55 6.274zM8.612 177.558a6.624 6.624 0 0 1-4.632-1.886l-80.987-79.285c-1.347-1.338-1.95-2.688-1.95-4.37 0-1.734.66-3.266 1.958-4.557l5.36-5.59a2.515 2.515 0 0 1 3.57-.058l93.29 91.505c1.59 1.558.48 4.243-1.75 4.243H8.62zm-61.07-101.68l-4.13-4.536a3.74 3.74 0 0 1 .115-5.164L3.557 5.83a8.074 8.074 0 0 1 5.726-2.378H20.5c4.04 0 6.077 4.837 3.237 7.69L-39.99 75.2c-1.123 1.113-3.436 2.993-6.232 2.993-1.78 0-4.308-.402-6.237-2.317zm116.17-53.93L84.615 42.7a2.464 2.464 0 0 1 0 3.504l-70.02 69.517c-7.5 7.45-19.653 7.45-27.15 0L-33.45 94.98a2.468 2.468 0 0 1 0-3.507L36.572 21.96c3.606-3.58 8.426-5.55 13.575-5.55 5.142 0 9.96 1.967 13.565 5.54zM51.74 104.202l21.85 21.692c4.254 4.23 6.26 10.117 5.41 16.212-.594 4.276-2.83 8.16-5.905 11.21L50.97 175.282c-.975.97-2.555.97-3.532 0L13.79 141.878a2.47 2.47 0 0 1 0-3.507l34.42-34.16a2.505 2.505 0 0 1 3.53 0zm4.148 86.26l49.573-48.38c2.05-2 2.06-5.272.02-7.278l-39.02-38.37a7.565 7.565 0 0 1-.03-10.774l38.62-38.38c2-1.987 2.01-5.202.03-7.2L56.01-9.35A8.997 8.997 0 0 0 49.63-12H3.174a8.974 8.974 0 0 0-6.33 2.605l-96.99 96.33a5.086 5.086 0 0 0 .002 7.23l96.99 96.244a9.009 9.009 0 0 0 6.328 2.6h46.44a9 9 0 0 0 6.274-2.55zM313.735 3.452c1.733 0 3.397.68 4.63 1.887l80.988 79.28c1.347 1.34 1.95 2.69 1.95 4.37 0 1.73-.66 3.26-1.958 4.55l-5.352 5.59a2.511 2.511 0 0 1-3.565.06l-93.286-91.5c-1.59-1.56-.477-4.25 1.755-4.25h14.838zm61.07 101.68l4.13 4.537a3.735 3.735 0 0 1-.115 5.16l-60.03 60.34a8.078 8.078 0 0 1-5.728 2.37h-11.215c-4.04 0-6.077-4.84-3.237-7.69l63.727-64.06c1.123-1.12 3.436-3 6.232-3 1.78 0 4.3.4 6.23 2.312zm-116.17 53.93l-20.903-20.75a2.466 2.466 0 0 1 0-3.505l70.02-69.517c7.498-7.444 19.653-7.444 27.15 0l20.895 20.743c.975.97.975 2.54 0 3.507l-70.023 69.515c-3.605 3.578-8.426 5.55-13.574 5.55-5.142 0-9.96-1.968-13.565-5.542zm11.972-82.254l-21.85-21.692c-4.255-4.23-6.26-10.117-5.412-16.212.595-4.276 2.832-8.16 5.906-11.21L271.38 5.73a2.507 2.507 0 0 1 3.532 0l33.646 33.402c.975.968.975 2.54 0 3.507L274.14 76.8a2.508 2.508 0 0 1-3.53 0zm-4.148-86.26l-49.58 48.38a5.084 5.084 0 0 0-.02 7.278l39.02 38.37a7.574 7.574 0 0 1 .03 10.774l-38.61 38.38a5.088 5.088 0 0 0-.03 7.2l49.05 49.43a8.978 8.978 0 0 0 6.37 2.65h46.46c2.37 0 4.65-.936 6.33-2.605l96.99-96.33a5.08 5.08 0 0 0-.01-7.23L325.5-9.4a8.986 8.986 0 0 0-6.327-2.6h-46.44c-2.348 0-4.6.915-6.274 2.55z"}))))};s.propTypes={className:i.a.string,width:i.a.number},s.defaultProps={className:"",width:322},t.default=s},function(e,t,n){e.exports={description:"An image background that can be used as a sample image.\n",displayName:"FandomBackgroundImage",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"number"},required:!1,description:"Image width",defaultValue:{value:"322",computed:!1},tags:{},name:"width"}],doclets:{},tags:{},examples:n(358)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\n\t\n
",settings:{},evalInContext:a}]},function(e,t,n){var r=n(360);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-fandom-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-fandom-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-fandom-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-fandom-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-fandom-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) {\n .wds-fandom-content-well {\n width: 1244px; } }\n",""])},function(e,t,n){e.exports={description:"FandomContentWell wraps `children` in `wds-content-well($use-xxlarge-breakpoint: false)` CSS mixin.\n",displayName:"FandomContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(362)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
FandomContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(364);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function Fieldset(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fieldset ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(365);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".wds-fieldset {\n background-color: #fff;\n border: 0;\n display: flex;\n flex-direction: column;\n margin-bottom: 6px;\n padding: 16px 0; }\n",""])},function(e,t,n){e.exports={description:"",displayName:"Fieldset",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},examples:n(367)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:'
\n\t\n\t\n
',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(369);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FloatingButton(e){var t=e.className,n=e.href,r=e.children,a=_objectWithoutProperties(e,["className","href","children"]),i=["wds-floating-button",t].filter(function(e){return e}).join(" ");return n?o.a.createElement("a",_extends({href:n,className:i},a),r):o.a.createElement("button",_extends({className:i},a),r)};s.propTypes={children:i.a.node,className:i.a.string,disabled:i.a.bool,href:i.a.string,onClick:i.a.func},s.defaultProps={children:null,className:"",disabled:!1,href:null,onClick:function onClick(){}},t.default=s},function(e,t,n){var r=n(370);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-floating-button {\n align-items: center;\n background: #fff;\n border-radius: 50%;\n border: 0;\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2);\n display: flex;\n height: 36px;\n justify-content: center;\n margin: 0;\n outline: none;\n padding: 0;\n transition-duration: 300ms;\n transition-property: box-shadow;\n width: 36px; }\n .wds-floating-button:not([disabled]), .wds-floating-button:not(.wds-is-disabled) {\n cursor: pointer; }\n .wds-floating-button:not([disabled]):hover, .wds-floating-button:not(.wds-is-disabled):hover {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.4); }\n\n.wds-floating-button-group {\n display: inline-flex; }\n .wds-floating-button-group.wds-is-vertical {\n flex-flow: column; }\n .wds-floating-button-group:not(.wds-is-vertical) > .wds-floating-button:not(:first-child) {\n margin-left: 8px; }\n .wds-floating-button-group.wds-is-vertical > .wds-floating-button:not(:first-child) {\n margin-top: 8px; }\n",""])},function(e,t,n){e.exports={description:"Floating button (icons-only)\n",displayName:"FloatingButton",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"bool"},required:!1,description:"Disabled attribute for the `",settings:{},evalInContext:a},{type:"markdown",content:"Different styles:"},{type:"code",content:"
\n\t\n\t\n\t\n\t\n
",settings:{},evalInContext:a},{type:"markdown",content:"Full width:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){e.exports={description:"Button group component\n",displayName:"ButtonGroup",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(340)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Regular buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a},{type:"markdown",content:"Secondary buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(342);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function ContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-content-well ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) and (max-width: 1499px) {\n .wds-content-well {\n width: 1244px; } }\n @media only screen and (min-width: 1500px) {\n .wds-content-well {\n width: 1464px; } }\n",""])},function(e,t,n){e.exports={description:"ContentWell wraps `children` in `wds-content-well` CSS mixin.\n",displayName:"ContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(345)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
ContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(347);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-icon {\n fill: currentColor;\n height: 24px;\n min-width: 24px;\n width: 24px; }\n .wds-icon-small {\n height: 18px;\n min-width: 18px;\n width: 18px; }\n .wds-icon-tiny {\n height: 12px;\n min-width: 12px;\n width: 12px; }\n",""])},function(e,t,n){var r=n(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-dropdown {\n display: inline-block;\n position: relative; }\n .wds-dropdown__toggle {\n cursor: default;\n position: relative; }\n .wds-dropdown__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 50%;\n min-width: 70%;\n padding: 7px 0;\n position: absolute;\n top: 100%;\n transform: translateX(-50%);\n z-index: 1; }\n .wds-dropdown__content.wds-is-right-aligned {\n left: auto;\n right: 0;\n transform: none; }\n .wds-dropdown__content.wds-is-left-aligned {\n left: 0;\n transform: none; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list {\n background-image: radial-gradient(farthest-side at 50% 0, rgba(26, 26, 26, 0.12), transparent), radial-gradient(farthest-side at 50% 100%, rgba(26, 26, 26, 0.12), transparent);\n background-position: 0 0, 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 9px;\n max-height: 270px;\n overflow-y: auto;\n position: relative;\n z-index: 1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before {\n background-color: #fff;\n content: '';\n display: block;\n height: 30px;\n margin: 0 0 -30px;\n position: relative;\n z-index: -1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after {\n background-color: #fff;\n margin: -29px 0 0; }\n .wds-dropdown__content.wds-is-not-scrollable .wds-list {\n position: relative; }\n .wds-dropdown__content .wds-list {\n padding: 0; }\n .wds-dropdown__content .wds-list > li {\n margin: 0 9px;\n padding-left: 9px;\n padding-right: 9px;\n white-space: nowrap; }\n .wds-dropdown__content .wds-list.wds-is-linked > li {\n padding: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked > li > a {\n color: #39424d;\n padding-left: 9px;\n padding-right: 9px;\n text-decoration: none;\n transition-duration: 0.2s;\n transition-property: background-color, color; }\n .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button), .wds-dropdown__content .wds-list.wds-is-linked > li.wds-is-selected > a:not(.wds-button) {\n background-color: rgba(0, 172, 172, 0.1);\n color: #00acac; }\n .wds-dropdown::before, .wds-dropdown::after {\n bottom: -1px;\n content: '';\n display: none;\n height: 0;\n left: 50%;\n pointer-events: none;\n position: absolute;\n width: 0;\n z-index: 2; }\n .wds-dropdown::after {\n border: 8px solid transparent;\n border-bottom-color: #fff;\n margin-left: -8px; }\n .wds-dropdown::before {\n border: 9px solid transparent;\n border-bottom-color: #ccc;\n margin-left: -9px; }\n .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after {\n display: block; }\n .wds-dropdown.wds-is-active .wds-dropdown__content, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__content {\n display: inline-block; }\n .wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__toggle-chevron {\n transform: rotate(180deg); }\n .wds-dropdown.wds-is-active.wds-has-shadow::before, .wds-dropdown.wds-is-active.wds-has-dark-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-dark-shadow::before {\n display: none; }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2); }\n .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n box-shadow: 0 0 20px 0 rgba(26, 26, 26, 0.3); }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content, .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n border: 0; }\n .wds-dropdown.wds-is-flipped::before, .wds-dropdown.wds-is-flipped::after {\n bottom: unset;\n top: -1px; }\n .wds-dropdown.wds-is-flipped::before {\n border-bottom-color: transparent;\n border-top-color: #ccc; }\n .wds-dropdown.wds-is-flipped::after {\n border-bottom-color: transparent;\n border-top-color: #fff; }\n .wds-dropdown.wds-is-flipped .wds-dropdown__content {\n bottom: 100%;\n top: unset; }\n\n.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 {\n margin-right: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 > a {\n padding-right: 18px;\n display: flex;\n justify-content: space-between; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-chevron {\n transform: rotate(-90deg);\n margin-left: 18px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent {\n position: relative; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent .wds-dropdown-level-2__content {\n top: auto;\n bottom: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 100%;\n padding: 7px 0;\n position: absolute;\n top: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked > li > a {\n font-size: 12px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-active .wds-dropdown-level-2__content, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2:not(.wds-is-touch-device):hover .wds-dropdown-level-2__content {\n display: block; }\n",""])},function(e,t,n){e.exports={description:"Basic Dropdown component\n",displayName:"Dropdown",methods:[],props:[{type:{name:"node"},required:!0,description:"React Component to display as a dropdown toggle",tags:{},name:"toggle"},{type:{name:"bool"},required:!1,description:"Whether or nor not dropdown should automatically flip when it's near the bottom of the viewport",defaultValue:{value:"false",computed:!1},tags:{},name:"canFlip"},{type:{name:"node"},required:!1,description:"React Component to display as the Dropdown Content",defaultValue:{value:"null",computed:!1},tags:{},name:"children"},{type:{name:"bool"},required:!1,description:"Should dropdown content be scrollable",defaultValue:{value:"false",computed:!1},tags:{},name:"contentScrollable"},{type:{name:"bool"},required:!1,description:"Should dropdown content be left-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownLeftAligned"},{type:{name:"bool"},required:!1,description:"Should dropdown content be right-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownRightAligned"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a drop shadow (darker than the one produced by hasShadow)",defaultValue:{value:"false",computed:!1},tags:{},name:"hasDarkShadow"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a slight drop shadow",defaultValue:{value:"false",computed:!1},tags:{},name:"hasShadow"},{type:{name:"enum",value:[{value:"'dropdown-tiny'",computed:!1},{value:"'menu-control-tiny'",computed:!1}]},required:!1,description:"The icon to use for the dropdown chevron",defaultValue:{value:"'menu-control-tiny'",computed:!1},tags:{},name:"iconName"},{type:{name:"bool"},required:!1,description:"is active",defaultValue:{value:"false",computed:!1},tags:{},name:"isActive"},{type:{name:"bool"},required:!1,description:"Is it a nested dropdown",defaultValue:{value:"false",computed:!1},tags:{},name:"isLevel2"},{type:{name:"bool"},required:!1,description:"if the top of nested dropdown content should be positioned at the same height as toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"isStickedToParent"},{type:{name:"bool"},required:!1,description:"Should chevron on the top of dropdown content be hidden",defaultValue:{value:"false",computed:!1},tags:{},name:"noChevron"},{type:{name:"func"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"null",computed:!1},tags:{},name:"onClose"},{type:{name:"shape",value:{href:{name:"string",required:!1}}},required:!1,description:"HTML attributes to add to toggle",defaultValue:{value:"{}",computed:!1},tags:{},name:"toggleAttrs"},{type:{name:"string"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"''",computed:!1},tags:{},name:"toggleClassName"}],doclets:{},tags:{},examples:n(351)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"\n

I am a text inside dropdown!

\n",settings:{},evalInContext:a},{type:"markdown",content:"Dropdown using dropdown-tiny chevron:"},{type:"code",content:'\n

I am a text inside dropdown!

\n',settings:{},evalInContext:a},{type:"markdown",content:"Nested dropdown:"},{type:"code",content:'\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(353);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".expandable-text__expand {\n /* unstyle button */\n background: none;\n border: 0;\n cursor: pointer;\n display: inline;\n font: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0; }\n .expandable-text__expand:active {\n outline: 0; }\n",""])},function(e,t,n){e.exports={description:"ExpandableText component can be used to temporarily limit text showed to the user.\nIt has a button used to fully expand the text.\nIf the source text is shorter than the limit the button do not show.\n\nBoth button label and string used to ellipsis has to be configured.\nButton and the text itself can be syled with classes passed to the component.\n",displayName:"ExpandableText",methods:[],props:[{type:{name:"number"},required:!0,description:"Additional class name",tags:{},name:"characterLimit"},{type:{name:"string"},required:!0,description:"Label used on the expand button",tags:{},name:"expandLabel"},{type:{name:"string"},required:!0,description:"Full text to display",tags:{},name:"text"},{type:{name:"string"},required:!1,description:"Character limit",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"string"},required:!1,description:"Ellipsis (defaults to `…`)",defaultValue:{value:"'\\u2026'",computed:!1},tags:{},name:"ellipsis"},{type:{name:"string"},required:!1,description:"Additional class name for the expand button",defaultValue:{value:"''",computed:!1},tags:{},name:"expandClassName"}],doclets:{},tags:{},examples:n(355)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FandomBackgroundImage(e){var t=e.className,n=e.width,r=_objectWithoutProperties(e,["className","width"]),a=Math.floor(9*n/16);return o.a.createElement("svg",_extends({className:t,width:n,height:a,viewBox:"0 0 322 182",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},r),o.a.createElement("defs",null,o.a.createElement("path",{id:"fandom-background-image-a",d:"M0 0h322v181.125H0z"})),o.a.createElement("g",{fill:"none",fillRule:"evenodd"},o.a.createElement("mask",{id:"fandom-background-image-b",fill:"#fff"},o.a.createElement("use",{xlinkHref:"#fandom-background-image-a"})),o.a.createElement("use",{fill:"#00D6D6",xlinkHref:"#fandom-background-image-a"}),o.a.createElement("g",{fill:"#002A32",opacity:".07",mask:"url(#fandom-background-image-b)"},o.a.createElement("path",{d:"M220.746 101.305c0 1.17-.457 2.29-1.27 3.122l-53.435 54.578c-.9.908-1.81 1.315-2.94 1.315-1.17 0-2.2-.444-3.07-1.32l-3.77-3.607a1.695 1.695 0 0 1-.03-2.402l61.67-62.86c1.05-1.07 2.86-.32 2.86 1.19v10zm-68.525 41.157l-3.05 2.783a2.52 2.52 0 0 1-3.48-.078l-40.66-40.454a5.465 5.465 0 0 1-1.6-3.86v-7.56c0-2.722 3.26-4.094 5.19-2.18l43.17 42.947c.75.756 2.02 2.315 2.02 4.2 0 1.2-.27 2.902-1.56 4.202zm-36.34-78.29l13.99-14.086a1.66 1.66 0 0 1 2.36 0l46.85 47.188c5.02 5.053 5.02 13.244 0 18.296l-13.98 14.082a1.66 1.66 0 0 1-2.36 0l-46.84-47.19c-2.41-2.43-3.74-5.678-3.74-9.148 0-3.465 1.33-6.712 3.74-9.14zm55.43 8.07l14.62-14.726c2.85-2.867 6.82-4.218 10.93-3.647 2.88.4 5.5 1.9 7.56 3.98l14.81 14.91c.65.65.65 1.72 0 2.38L196.7 97.81a1.663 1.663 0 0 1-2.363 0L171.31 74.62a1.692 1.692 0 0 1 0-2.38zm58.14-2.797l-32.61-33.408a3.422 3.422 0 0 0-4.9-.01l-25.86 26.298a5.097 5.097 0 0 1-7.26.02l-25.86-26.02a3.424 3.424 0 0 0-4.85-.018L94.8 69.367a6.024 6.024 0 0 0-1.8 4.296v31.307c0 1.6.63 3.135 1.755 4.267l64.92 65.363a3.425 3.425 0 0 0 4.87-.002l64.862-65.363a6.055 6.055 0 0 0 1.753-4.265V73.673c0-1.58-.617-3.1-1.718-4.228z"}),o.a.createElement("path",{d:"M248.557 243.388a6.624 6.624 0 0 1-1.886 4.632l-79.28 80.987c-1.34 1.347-2.69 1.95-4.37 1.95-1.73 0-3.26-.66-4.55-1.958l-5.59-5.36a2.517 2.517 0 0 1-.06-3.57l91.51-93.29c1.56-1.59 4.25-.48 4.25 1.75v14.83zm-101.68 61.07l-4.536 4.13a3.735 3.735 0 0 1-5.16-.115l-60.34-60.03a8.074 8.074 0 0 1-2.37-5.727V231.5c0-4.04 4.84-6.077 7.69-3.237l64.05 63.727c1.12 1.123 3 3.436 3 6.232 0 1.78-.4 4.308-2.31 6.237zm-53.93-116.17l20.752-20.903a2.46 2.46 0 0 1 3.5 0l69.51 70.02c7.44 7.5 7.44 19.653 0 27.15l-20.74 20.895c-.97.975-2.54.975-3.51 0l-69.51-70.022c-3.58-3.606-5.55-8.426-5.55-13.575 0-5.142 1.97-9.96 5.54-13.565zm82.255 11.972l21.692-21.85c4.23-4.254 10.117-6.26 16.212-5.41 4.276.594 8.16 2.83 11.21 5.905l21.965 22.125c.97.975.97 2.555 0 3.532l-33.4 33.648c-.96.973-2.54.973-3.5 0l-34.16-34.42a2.505 2.505 0 0 1 0-3.53zm86.26-4.148l-48.38-49.573a5.084 5.084 0 0 0-7.278-.02l-38.37 39.02a7.565 7.565 0 0 1-10.774.03l-38.38-38.62a5.088 5.088 0 0 0-7.2-.03l-49.43 49.06a8.978 8.978 0 0 0-2.65 6.37v46.45c0 2.372.936 4.65 2.605 6.33l96.33 96.99a5.088 5.088 0 0 0 7.23 0l96.244-96.99a9.015 9.015 0 0 0 2.6-6.33v-46.44c0-2.35-.92-4.6-2.55-6.277zM74.452-61.735c0-1.733.68-3.397 1.887-4.63l79.28-80.988c1.34-1.347 2.69-1.95 4.37-1.95 1.73 0 3.26.66 4.55 1.958l5.59 5.352c1.01.963 1.03 2.57.06 3.565l-91.5 93.286c-1.56 1.59-4.25.477-4.25-1.755v-14.838zm101.68-61.07l4.537-4.13a3.735 3.735 0 0 1 5.16.115l60.34 60.03a8.078 8.078 0 0 1 2.37 5.728v11.215c0 4.04-4.84 6.077-7.69 3.237l-64.05-63.727c-1.12-1.123-3-3.436-3-6.232 0-1.78.4-4.3 2.31-6.23zm53.93 116.17L209.31 14.268a2.464 2.464 0 0 1-3.504 0l-69.517-70.02c-7.45-7.498-7.45-19.653 0-27.15l20.74-20.895a2.46 2.46 0 0 1 3.5 0l69.51 70.023c3.58 3.605 5.55 8.426 5.55 13.574 0 5.142-1.97 9.96-5.54 13.565zM147.81-18.607l-21.692 21.85c-4.23 4.255-10.117 6.26-16.212 5.412-4.276-.595-8.16-2.832-11.21-5.906L76.728-19.38a2.507 2.507 0 0 1 0-3.532l33.403-33.646a2.472 2.472 0 0 1 3.51 0l34.17 34.418c.97.976.97 2.557 0 3.53zM61.55-14.46l48.38 49.576a5.086 5.086 0 0 0 7.278.013l38.37-39.02a7.556 7.556 0 0 1 10.774-.03l38.38 38.61a5.079 5.079 0 0 0 7.2.02l49.43-49.06a8.984 8.984 0 0 0 2.65-6.38v-46.45a8.97 8.97 0 0 0-2.605-6.33l-96.33-96.99a5.088 5.088 0 0 0-7.23 0L61.6-73.5a8.986 8.986 0 0 0-2.6 6.327v46.44c0 2.348.915 4.6 2.55 6.274zM8.612 177.558a6.624 6.624 0 0 1-4.632-1.886l-80.987-79.285c-1.347-1.338-1.95-2.688-1.95-4.37 0-1.734.66-3.266 1.958-4.557l5.36-5.59a2.515 2.515 0 0 1 3.57-.058l93.29 91.505c1.59 1.558.48 4.243-1.75 4.243H8.62zm-61.07-101.68l-4.13-4.536a3.74 3.74 0 0 1 .115-5.164L3.557 5.83a8.074 8.074 0 0 1 5.726-2.378H20.5c4.04 0 6.077 4.837 3.237 7.69L-39.99 75.2c-1.123 1.113-3.436 2.993-6.232 2.993-1.78 0-4.308-.402-6.237-2.317zm116.17-53.93L84.615 42.7a2.464 2.464 0 0 1 0 3.504l-70.02 69.517c-7.5 7.45-19.653 7.45-27.15 0L-33.45 94.98a2.468 2.468 0 0 1 0-3.507L36.572 21.96c3.606-3.58 8.426-5.55 13.575-5.55 5.142 0 9.96 1.967 13.565 5.54zM51.74 104.202l21.85 21.692c4.254 4.23 6.26 10.117 5.41 16.212-.594 4.276-2.83 8.16-5.905 11.21L50.97 175.282c-.975.97-2.555.97-3.532 0L13.79 141.878a2.47 2.47 0 0 1 0-3.507l34.42-34.16a2.505 2.505 0 0 1 3.53 0zm4.148 86.26l49.573-48.38c2.05-2 2.06-5.272.02-7.278l-39.02-38.37a7.565 7.565 0 0 1-.03-10.774l38.62-38.38c2-1.987 2.01-5.202.03-7.2L56.01-9.35A8.997 8.997 0 0 0 49.63-12H3.174a8.974 8.974 0 0 0-6.33 2.605l-96.99 96.33a5.086 5.086 0 0 0 .002 7.23l96.99 96.244a9.009 9.009 0 0 0 6.328 2.6h46.44a9 9 0 0 0 6.274-2.55zM313.735 3.452c1.733 0 3.397.68 4.63 1.887l80.988 79.28c1.347 1.34 1.95 2.69 1.95 4.37 0 1.73-.66 3.26-1.958 4.55l-5.352 5.59a2.511 2.511 0 0 1-3.565.06l-93.286-91.5c-1.59-1.56-.477-4.25 1.755-4.25h14.838zm61.07 101.68l4.13 4.537a3.735 3.735 0 0 1-.115 5.16l-60.03 60.34a8.078 8.078 0 0 1-5.728 2.37h-11.215c-4.04 0-6.077-4.84-3.237-7.69l63.727-64.06c1.123-1.12 3.436-3 6.232-3 1.78 0 4.3.4 6.23 2.312zm-116.17 53.93l-20.903-20.75a2.466 2.466 0 0 1 0-3.505l70.02-69.517c7.498-7.444 19.653-7.444 27.15 0l20.895 20.743c.975.97.975 2.54 0 3.507l-70.023 69.515c-3.605 3.578-8.426 5.55-13.574 5.55-5.142 0-9.96-1.968-13.565-5.542zm11.972-82.254l-21.85-21.692c-4.255-4.23-6.26-10.117-5.412-16.212.595-4.276 2.832-8.16 5.906-11.21L271.38 5.73a2.507 2.507 0 0 1 3.532 0l33.646 33.402c.975.968.975 2.54 0 3.507L274.14 76.8a2.508 2.508 0 0 1-3.53 0zm-4.148-86.26l-49.58 48.38a5.084 5.084 0 0 0-.02 7.278l39.02 38.37a7.574 7.574 0 0 1 .03 10.774l-38.61 38.38a5.088 5.088 0 0 0-.03 7.2l49.05 49.43a8.978 8.978 0 0 0 6.37 2.65h46.46c2.37 0 4.65-.936 6.33-2.605l96.99-96.33a5.08 5.08 0 0 0-.01-7.23L325.5-9.4a8.986 8.986 0 0 0-6.327-2.6h-46.44c-2.348 0-4.6.915-6.274 2.55z"}))))};s.propTypes={className:i.a.string,width:i.a.number},s.defaultProps={className:"",width:322},t.default=s},function(e,t,n){e.exports={description:"An image background that can be used as a sample image.\n",displayName:"FandomBackgroundImage",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"number"},required:!1,description:"Image width",defaultValue:{value:"322",computed:!1},tags:{},name:"width"}],doclets:{},tags:{},examples:n(358)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\n\t\n
",settings:{},evalInContext:a}]},function(e,t,n){var r=n(360);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-fandom-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-fandom-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-fandom-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-fandom-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-fandom-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) {\n .wds-fandom-content-well {\n width: 1244px; } }\n",""])},function(e,t,n){e.exports={description:"FandomContentWell wraps `children` in `wds-content-well($use-xxlarge-breakpoint: false)` CSS mixin.\n",displayName:"FandomContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(362)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
FandomContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(364);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function Fieldset(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fieldset ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(365);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".wds-fieldset {\n background-color: #fff;\n border: 0;\n display: flex;\n flex-direction: column;\n margin-bottom: 6px;\n padding: 16px 0; }\n",""])},function(e,t,n){e.exports={description:"",displayName:"Fieldset",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},examples:n(367)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:'
\n\t\n\t\n
',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(369);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FloatingButton(e){var t=e.className,n=e.href,r=e.children,a=_objectWithoutProperties(e,["className","href","children"]),i=["wds-floating-button",t].filter(function(e){return e}).join(" ");return n?o.a.createElement("a",_extends({href:n,className:i},a),r):o.a.createElement("button",_extends({className:i},a),r)};s.propTypes={children:i.a.node,className:i.a.string,disabled:i.a.bool,href:i.a.string,onClick:i.a.func},s.defaultProps={children:null,className:"",disabled:!1,href:null,onClick:function onClick(){}},t.default=s},function(e,t,n){var r=n(370);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-floating-button {\n align-items: center;\n background: #fff;\n border-radius: 50%;\n border: 0;\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2);\n display: flex;\n height: 36px;\n justify-content: center;\n margin: 0;\n outline: none;\n padding: 0;\n transition-duration: 300ms;\n transition-property: box-shadow;\n width: 36px; }\n .wds-floating-button:not([disabled]), .wds-floating-button:not(.wds-is-disabled) {\n cursor: pointer; }\n .wds-floating-button:not([disabled]):hover, .wds-floating-button:not(.wds-is-disabled):hover {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.4); }\n\n.wds-floating-button-group {\n display: inline-flex; }\n .wds-floating-button-group.wds-is-vertical {\n flex-flow: column; }\n .wds-floating-button-group:not(.wds-is-vertical) > .wds-floating-button:not(:first-child) {\n margin-left: 8px; }\n .wds-floating-button-group.wds-is-vertical > .wds-floating-button:not(:first-child) {\n margin-top: 8px; }\n",""])},function(e,t,n){e.exports={description:"Floating button (icons-only)\n",displayName:"FloatingButton",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"bool"},required:!1,description:"Disabled attribute for the `",settings:{},evalInContext:a},{type:"markdown",content:"Different styles:"},{type:"code",content:"
\n\t\n\t\n\t\n\t\n
",settings:{},evalInContext:a},{type:"markdown",content:"Full width:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){e.exports={description:"Button group component\n",displayName:"ButtonGroup",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(340)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Regular buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a},{type:"markdown",content:"Secondary buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(342);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function ContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-content-well ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) and (max-width: 1499px) {\n .wds-content-well {\n width: 1244px; } }\n @media only screen and (min-width: 1500px) {\n .wds-content-well {\n width: 1464px; } }\n",""])},function(e,t,n){e.exports={description:"ContentWell wraps `children` in `wds-content-well` CSS mixin.\n",displayName:"ContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(345)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
ContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(347);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-icon {\n fill: currentColor;\n height: 24px;\n min-width: 24px;\n width: 24px; }\n .wds-icon-small {\n height: 18px;\n min-width: 18px;\n width: 18px; }\n .wds-icon-tiny {\n height: 12px;\n min-width: 12px;\n width: 12px; }\n",""])},function(e,t,n){var r=n(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-dropdown {\n display: inline-block;\n position: relative; }\n .wds-dropdown__toggle {\n cursor: default;\n position: relative; }\n .wds-dropdown__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 50%;\n min-width: 70%;\n padding: 7px 0;\n position: absolute;\n top: 100%;\n transform: translateX(-50%);\n z-index: 1; }\n .wds-dropdown__content.wds-is-right-aligned {\n left: auto;\n right: 0;\n transform: none; }\n .wds-dropdown__content.wds-is-left-aligned {\n left: 0;\n transform: none; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list {\n background-image: radial-gradient(farthest-side at 50% 0, rgba(26, 26, 26, 0.12), transparent), radial-gradient(farthest-side at 50% 100%, rgba(26, 26, 26, 0.12), transparent);\n background-position: 0 0, 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 9px;\n max-height: 270px;\n overflow-y: auto;\n position: relative;\n z-index: 1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before {\n background-color: #fff;\n content: '';\n display: block;\n height: 30px;\n margin: 0 0 -30px;\n position: relative;\n z-index: -1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after {\n background-color: #fff;\n margin: -29px 0 0; }\n .wds-dropdown__content.wds-is-not-scrollable .wds-list {\n position: relative; }\n .wds-dropdown__content .wds-list {\n padding: 0; }\n .wds-dropdown__content .wds-list > li {\n margin: 0 9px;\n padding-left: 9px;\n padding-right: 9px;\n white-space: nowrap; }\n .wds-dropdown__content .wds-list.wds-is-linked > li {\n padding: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked > li > a {\n color: #39424d;\n padding-left: 9px;\n padding-right: 9px;\n text-decoration: none;\n transition-duration: 0.2s;\n transition-property: background-color, color; }\n .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button), .wds-dropdown__content .wds-list.wds-is-linked > li.wds-is-selected > a:not(.wds-button) {\n background-color: rgba(0, 172, 172, 0.1);\n color: #00acac; }\n .wds-dropdown::before, .wds-dropdown::after {\n bottom: -1px;\n content: '';\n display: none;\n height: 0;\n left: 50%;\n pointer-events: none;\n position: absolute;\n width: 0;\n z-index: 2; }\n .wds-dropdown::after {\n border: 8px solid transparent;\n border-bottom-color: #fff;\n margin-left: -8px; }\n .wds-dropdown::before {\n border: 9px solid transparent;\n border-bottom-color: #ccc;\n margin-left: -9px; }\n .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after {\n display: block; }\n .wds-dropdown.wds-is-active .wds-dropdown__content, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__content {\n display: inline-block; }\n .wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__toggle-chevron {\n transform: rotate(180deg); }\n .wds-dropdown.wds-is-active.wds-has-shadow::before, .wds-dropdown.wds-is-active.wds-has-dark-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-dark-shadow::before {\n display: none; }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2); }\n .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n box-shadow: 0 0 20px 0 rgba(26, 26, 26, 0.3); }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content, .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n border: 0; }\n .wds-dropdown.wds-is-flipped::before, .wds-dropdown.wds-is-flipped::after {\n bottom: unset;\n top: -1px; }\n .wds-dropdown.wds-is-flipped::before {\n border-bottom-color: transparent;\n border-top-color: #ccc; }\n .wds-dropdown.wds-is-flipped::after {\n border-bottom-color: transparent;\n border-top-color: #fff; }\n .wds-dropdown.wds-is-flipped .wds-dropdown__content {\n bottom: 100%;\n top: unset; }\n\n.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 {\n margin-right: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 > a {\n padding-right: 18px;\n display: flex;\n justify-content: space-between; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-chevron {\n transform: rotate(-90deg);\n margin-left: 18px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent {\n position: relative; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent .wds-dropdown-level-2__content {\n top: auto;\n bottom: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 100%;\n padding: 7px 0;\n position: absolute;\n top: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked > li > a {\n font-size: 12px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-active .wds-dropdown-level-2__content, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2:not(.wds-is-touch-device):hover .wds-dropdown-level-2__content {\n display: block; }\n",""])},function(e,t,n){e.exports={description:"Basic Dropdown component\n",displayName:"Dropdown",methods:[],props:[{type:{name:"node"},required:!0,description:"React Component to display as a dropdown toggle",tags:{},name:"toggle"},{type:{name:"bool"},required:!1,description:"Whether or nor not dropdown should automatically flip when it's near the bottom of the viewport",defaultValue:{value:"false",computed:!1},tags:{},name:"canFlip"},{type:{name:"node"},required:!1,description:"React Component to display as the Dropdown Content",defaultValue:{value:"null",computed:!1},tags:{},name:"children"},{type:{name:"bool"},required:!1,description:"Should dropdown content be scrollable",defaultValue:{value:"false",computed:!1},tags:{},name:"contentScrollable"},{type:{name:"bool"},required:!1,description:"Should dropdown content be left-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownLeftAligned"},{type:{name:"bool"},required:!1,description:"Should dropdown content be right-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownRightAligned"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a drop shadow (darker than the one produced by hasShadow)",defaultValue:{value:"false",computed:!1},tags:{},name:"hasDarkShadow"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a slight drop shadow",defaultValue:{value:"false",computed:!1},tags:{},name:"hasShadow"},{type:{name:"enum",value:[{value:"'dropdown-tiny'",computed:!1},{value:"'menu-control-tiny'",computed:!1}]},required:!1,description:"The icon to use for the dropdown chevron",defaultValue:{value:"'menu-control-tiny'",computed:!1},tags:{},name:"iconName"},{type:{name:"bool"},required:!1,description:"is active",defaultValue:{value:"false",computed:!1},tags:{},name:"isActive"},{type:{name:"bool"},required:!1,description:"Is it a nested dropdown",defaultValue:{value:"false",computed:!1},tags:{},name:"isLevel2"},{type:{name:"bool"},required:!1,description:"if the top of nested dropdown content should be positioned at the same height as toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"isStickedToParent"},{type:{name:"bool"},required:!1,description:"Should chevron on the top of dropdown content be hidden",defaultValue:{value:"false",computed:!1},tags:{},name:"noChevron"},{type:{name:"func"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"null",computed:!1},tags:{},name:"onClose"},{type:{name:"shape",value:{href:{name:"string",required:!1}}},required:!1,description:"HTML attributes to add to toggle",defaultValue:{value:"{}",computed:!1},tags:{},name:"toggleAttrs"},{type:{name:"string"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"''",computed:!1},tags:{},name:"toggleClassName"}],doclets:{},tags:{},examples:n(351)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"\n

I am a text inside dropdown!

\n",settings:{},evalInContext:a},{type:"markdown",content:"Dropdown using dropdown-tiny chevron:"},{type:"code",content:'\n

I am a text inside dropdown!

\n',settings:{},evalInContext:a},{type:"markdown",content:"Nested dropdown:"},{type:"code",content:'\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(353);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".expandable-text__expand {\n /* unstyle button */\n background: none;\n border: 0;\n cursor: pointer;\n display: inline;\n font: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0; }\n .expandable-text__expand:active {\n outline: 0; }\n",""])},function(e,t,n){e.exports={description:"ExpandableText component can be used to temporarily limit text showed to the user.\nIt has a button used to fully expand the text.\nIf the source text is shorter than the limit the button do not show.\n\nBoth button label and string used to ellipsis has to be configured.\nButton and the text itself can be syled with classes passed to the component.\n",displayName:"ExpandableText",methods:[],props:[{type:{name:"number"},required:!0,description:"Additional class name",tags:{},name:"characterLimit"},{type:{name:"string"},required:!0,description:"Label used on the expand button",tags:{},name:"expandLabel"},{type:{name:"string"},required:!0,description:"Full text to display",tags:{},name:"text"},{type:{name:"string"},required:!1,description:"Character limit",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"string"},required:!1,description:"Ellipsis (defaults to `…`)",defaultValue:{value:"'\\u2026'",computed:!1},tags:{},name:"ellipsis"},{type:{name:"string"},required:!1,description:"Additional class name for the expand button",defaultValue:{value:"''",computed:!1},tags:{},name:"expandClassName"}],doclets:{},tags:{},examples:n(355)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FandomBackgroundImage(e){var t=e.className,n=e.width,r=_objectWithoutProperties(e,["className","width"]),a=Math.floor(9*n/16);return o.a.createElement("svg",_extends({className:t,width:n,height:a,viewBox:"0 0 322 182",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},r),o.a.createElement("defs",null,o.a.createElement("path",{id:"fandom-background-image-a",d:"M0 0h322v181.125H0z"})),o.a.createElement("g",{fill:"none",fillRule:"evenodd"},o.a.createElement("mask",{id:"fandom-background-image-b",fill:"#fff"},o.a.createElement("use",{xlinkHref:"#fandom-background-image-a"})),o.a.createElement("use",{fill:"#00D6D6",xlinkHref:"#fandom-background-image-a"}),o.a.createElement("g",{fill:"#002A32",opacity:".07",mask:"url(#fandom-background-image-b)"},o.a.createElement("path",{d:"M220.746 101.305c0 1.17-.457 2.29-1.27 3.122l-53.435 54.578c-.9.908-1.81 1.315-2.94 1.315-1.17 0-2.2-.444-3.07-1.32l-3.77-3.607a1.695 1.695 0 0 1-.03-2.402l61.67-62.86c1.05-1.07 2.86-.32 2.86 1.19v10zm-68.525 41.157l-3.05 2.783a2.52 2.52 0 0 1-3.48-.078l-40.66-40.454a5.465 5.465 0 0 1-1.6-3.86v-7.56c0-2.722 3.26-4.094 5.19-2.18l43.17 42.947c.75.756 2.02 2.315 2.02 4.2 0 1.2-.27 2.902-1.56 4.202zm-36.34-78.29l13.99-14.086a1.66 1.66 0 0 1 2.36 0l46.85 47.188c5.02 5.053 5.02 13.244 0 18.296l-13.98 14.082a1.66 1.66 0 0 1-2.36 0l-46.84-47.19c-2.41-2.43-3.74-5.678-3.74-9.148 0-3.465 1.33-6.712 3.74-9.14zm55.43 8.07l14.62-14.726c2.85-2.867 6.82-4.218 10.93-3.647 2.88.4 5.5 1.9 7.56 3.98l14.81 14.91c.65.65.65 1.72 0 2.38L196.7 97.81a1.663 1.663 0 0 1-2.363 0L171.31 74.62a1.692 1.692 0 0 1 0-2.38zm58.14-2.797l-32.61-33.408a3.422 3.422 0 0 0-4.9-.01l-25.86 26.298a5.097 5.097 0 0 1-7.26.02l-25.86-26.02a3.424 3.424 0 0 0-4.85-.018L94.8 69.367a6.024 6.024 0 0 0-1.8 4.296v31.307c0 1.6.63 3.135 1.755 4.267l64.92 65.363a3.425 3.425 0 0 0 4.87-.002l64.862-65.363a6.055 6.055 0 0 0 1.753-4.265V73.673c0-1.58-.617-3.1-1.718-4.228z"}),o.a.createElement("path",{d:"M248.557 243.388a6.624 6.624 0 0 1-1.886 4.632l-79.28 80.987c-1.34 1.347-2.69 1.95-4.37 1.95-1.73 0-3.26-.66-4.55-1.958l-5.59-5.36a2.517 2.517 0 0 1-.06-3.57l91.51-93.29c1.56-1.59 4.25-.48 4.25 1.75v14.83zm-101.68 61.07l-4.536 4.13a3.735 3.735 0 0 1-5.16-.115l-60.34-60.03a8.074 8.074 0 0 1-2.37-5.727V231.5c0-4.04 4.84-6.077 7.69-3.237l64.05 63.727c1.12 1.123 3 3.436 3 6.232 0 1.78-.4 4.308-2.31 6.237zm-53.93-116.17l20.752-20.903a2.46 2.46 0 0 1 3.5 0l69.51 70.02c7.44 7.5 7.44 19.653 0 27.15l-20.74 20.895c-.97.975-2.54.975-3.51 0l-69.51-70.022c-3.58-3.606-5.55-8.426-5.55-13.575 0-5.142 1.97-9.96 5.54-13.565zm82.255 11.972l21.692-21.85c4.23-4.254 10.117-6.26 16.212-5.41 4.276.594 8.16 2.83 11.21 5.905l21.965 22.125c.97.975.97 2.555 0 3.532l-33.4 33.648c-.96.973-2.54.973-3.5 0l-34.16-34.42a2.505 2.505 0 0 1 0-3.53zm86.26-4.148l-48.38-49.573a5.084 5.084 0 0 0-7.278-.02l-38.37 39.02a7.565 7.565 0 0 1-10.774.03l-38.38-38.62a5.088 5.088 0 0 0-7.2-.03l-49.43 49.06a8.978 8.978 0 0 0-2.65 6.37v46.45c0 2.372.936 4.65 2.605 6.33l96.33 96.99a5.088 5.088 0 0 0 7.23 0l96.244-96.99a9.015 9.015 0 0 0 2.6-6.33v-46.44c0-2.35-.92-4.6-2.55-6.277zM74.452-61.735c0-1.733.68-3.397 1.887-4.63l79.28-80.988c1.34-1.347 2.69-1.95 4.37-1.95 1.73 0 3.26.66 4.55 1.958l5.59 5.352c1.01.963 1.03 2.57.06 3.565l-91.5 93.286c-1.56 1.59-4.25.477-4.25-1.755v-14.838zm101.68-61.07l4.537-4.13a3.735 3.735 0 0 1 5.16.115l60.34 60.03a8.078 8.078 0 0 1 2.37 5.728v11.215c0 4.04-4.84 6.077-7.69 3.237l-64.05-63.727c-1.12-1.123-3-3.436-3-6.232 0-1.78.4-4.3 2.31-6.23zm53.93 116.17L209.31 14.268a2.464 2.464 0 0 1-3.504 0l-69.517-70.02c-7.45-7.498-7.45-19.653 0-27.15l20.74-20.895a2.46 2.46 0 0 1 3.5 0l69.51 70.023c3.58 3.605 5.55 8.426 5.55 13.574 0 5.142-1.97 9.96-5.54 13.565zM147.81-18.607l-21.692 21.85c-4.23 4.255-10.117 6.26-16.212 5.412-4.276-.595-8.16-2.832-11.21-5.906L76.728-19.38a2.507 2.507 0 0 1 0-3.532l33.403-33.646a2.472 2.472 0 0 1 3.51 0l34.17 34.418c.97.976.97 2.557 0 3.53zM61.55-14.46l48.38 49.576a5.086 5.086 0 0 0 7.278.013l38.37-39.02a7.556 7.556 0 0 1 10.774-.03l38.38 38.61a5.079 5.079 0 0 0 7.2.02l49.43-49.06a8.984 8.984 0 0 0 2.65-6.38v-46.45a8.97 8.97 0 0 0-2.605-6.33l-96.33-96.99a5.088 5.088 0 0 0-7.23 0L61.6-73.5a8.986 8.986 0 0 0-2.6 6.327v46.44c0 2.348.915 4.6 2.55 6.274zM8.612 177.558a6.624 6.624 0 0 1-4.632-1.886l-80.987-79.285c-1.347-1.338-1.95-2.688-1.95-4.37 0-1.734.66-3.266 1.958-4.557l5.36-5.59a2.515 2.515 0 0 1 3.57-.058l93.29 91.505c1.59 1.558.48 4.243-1.75 4.243H8.62zm-61.07-101.68l-4.13-4.536a3.74 3.74 0 0 1 .115-5.164L3.557 5.83a8.074 8.074 0 0 1 5.726-2.378H20.5c4.04 0 6.077 4.837 3.237 7.69L-39.99 75.2c-1.123 1.113-3.436 2.993-6.232 2.993-1.78 0-4.308-.402-6.237-2.317zm116.17-53.93L84.615 42.7a2.464 2.464 0 0 1 0 3.504l-70.02 69.517c-7.5 7.45-19.653 7.45-27.15 0L-33.45 94.98a2.468 2.468 0 0 1 0-3.507L36.572 21.96c3.606-3.58 8.426-5.55 13.575-5.55 5.142 0 9.96 1.967 13.565 5.54zM51.74 104.202l21.85 21.692c4.254 4.23 6.26 10.117 5.41 16.212-.594 4.276-2.83 8.16-5.905 11.21L50.97 175.282c-.975.97-2.555.97-3.532 0L13.79 141.878a2.47 2.47 0 0 1 0-3.507l34.42-34.16a2.505 2.505 0 0 1 3.53 0zm4.148 86.26l49.573-48.38c2.05-2 2.06-5.272.02-7.278l-39.02-38.37a7.565 7.565 0 0 1-.03-10.774l38.62-38.38c2-1.987 2.01-5.202.03-7.2L56.01-9.35A8.997 8.997 0 0 0 49.63-12H3.174a8.974 8.974 0 0 0-6.33 2.605l-96.99 96.33a5.086 5.086 0 0 0 .002 7.23l96.99 96.244a9.009 9.009 0 0 0 6.328 2.6h46.44a9 9 0 0 0 6.274-2.55zM313.735 3.452c1.733 0 3.397.68 4.63 1.887l80.988 79.28c1.347 1.34 1.95 2.69 1.95 4.37 0 1.73-.66 3.26-1.958 4.55l-5.352 5.59a2.511 2.511 0 0 1-3.565.06l-93.286-91.5c-1.59-1.56-.477-4.25 1.755-4.25h14.838zm61.07 101.68l4.13 4.537a3.735 3.735 0 0 1-.115 5.16l-60.03 60.34a8.078 8.078 0 0 1-5.728 2.37h-11.215c-4.04 0-6.077-4.84-3.237-7.69l63.727-64.06c1.123-1.12 3.436-3 6.232-3 1.78 0 4.3.4 6.23 2.312zm-116.17 53.93l-20.903-20.75a2.466 2.466 0 0 1 0-3.505l70.02-69.517c7.498-7.444 19.653-7.444 27.15 0l20.895 20.743c.975.97.975 2.54 0 3.507l-70.023 69.515c-3.605 3.578-8.426 5.55-13.574 5.55-5.142 0-9.96-1.968-13.565-5.542zm11.972-82.254l-21.85-21.692c-4.255-4.23-6.26-10.117-5.412-16.212.595-4.276 2.832-8.16 5.906-11.21L271.38 5.73a2.507 2.507 0 0 1 3.532 0l33.646 33.402c.975.968.975 2.54 0 3.507L274.14 76.8a2.508 2.508 0 0 1-3.53 0zm-4.148-86.26l-49.58 48.38a5.084 5.084 0 0 0-.02 7.278l39.02 38.37a7.574 7.574 0 0 1 .03 10.774l-38.61 38.38a5.088 5.088 0 0 0-.03 7.2l49.05 49.43a8.978 8.978 0 0 0 6.37 2.65h46.46c2.37 0 4.65-.936 6.33-2.605l96.99-96.33a5.08 5.08 0 0 0-.01-7.23L325.5-9.4a8.986 8.986 0 0 0-6.327-2.6h-46.44c-2.348 0-4.6.915-6.274 2.55z"}))))};s.propTypes={className:i.a.string,width:i.a.number},s.defaultProps={className:"",width:322},t.default=s},function(e,t,n){e.exports={description:"An image background that can be used as a sample image.\n",displayName:"FandomBackgroundImage",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"number"},required:!1,description:"Image width",defaultValue:{value:"322",computed:!1},tags:{},name:"width"}],doclets:{},tags:{},examples:n(358)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\n\t\n
",settings:{},evalInContext:a}]},function(e,t,n){var r=n(360);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-fandom-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-fandom-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-fandom-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-fandom-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-fandom-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) {\n .wds-fandom-content-well {\n width: 1244px; } }\n",""])},function(e,t,n){e.exports={description:"FandomContentWell wraps `children` in `wds-content-well($use-xxlarge-breakpoint: false)` CSS mixin.\n",displayName:"FandomContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(362)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
FandomContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(364);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function Fieldset(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fieldset ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(365);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".wds-fieldset {\n background-color: #fff;\n border: 0;\n display: flex;\n flex-direction: column;\n margin-bottom: 6px;\n padding: 16px 0; }\n",""])},function(e,t,n){e.exports={description:"",displayName:"Fieldset",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},examples:n(367)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:'
\n\t\n\t\n
',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(369);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FloatingButton(e){var t=e.className,n=e.href,r=e.children,a=_objectWithoutProperties(e,["className","href","children"]),i=["wds-floating-button",t].filter(function(e){return e}).join(" ");return n?o.a.createElement("a",_extends({href:n,className:i},a),r):o.a.createElement("button",_extends({className:i},a),r)};s.propTypes={children:i.a.node,className:i.a.string,disabled:i.a.bool,href:i.a.string,onClick:i.a.func},s.defaultProps={children:null,className:"",disabled:!1,href:null,onClick:function onClick(){}},t.default=s},function(e,t,n){var r=n(370);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-floating-button {\n align-items: center;\n background: #fff;\n border-radius: 50%;\n border: 0;\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2);\n display: flex;\n height: 36px;\n justify-content: center;\n margin: 0;\n outline: none;\n padding: 0;\n transition-duration: 300ms;\n transition-property: box-shadow;\n width: 36px; }\n .wds-floating-button:not([disabled]), .wds-floating-button:not(.wds-is-disabled) {\n cursor: pointer; }\n .wds-floating-button:not([disabled]):hover, .wds-floating-button:not(.wds-is-disabled):hover {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.4); }\n\n.wds-floating-button-group {\n display: inline-flex; }\n .wds-floating-button-group.wds-is-vertical {\n flex-flow: column; }\n .wds-floating-button-group:not(.wds-is-vertical) > .wds-floating-button:not(:first-child) {\n margin-left: 8px; }\n .wds-floating-button-group.wds-is-vertical > .wds-floating-button:not(:first-child) {\n margin-top: 8px; }\n",""])},function(e,t,n){e.exports={description:"Floating button (icons-only)\n",displayName:"FloatingButton",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"bool"},required:!1,description:"Disabled attribute for the `",settings:{},evalInContext:a},{type:"markdown",content:"Different styles:"},{type:"code",content:"
\n\t\n\t\n\t\n\t\n
",settings:{},evalInContext:a},{type:"markdown",content:"Full width:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){e.exports={description:"Button group component\n",displayName:"ButtonGroup",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(341)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Regular buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a},{type:"markdown",content:"Secondary buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(343);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function ContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-content-well ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(344);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) and (max-width: 1499px) {\n .wds-content-well {\n width: 1244px; } }\n @media only screen and (min-width: 1500px) {\n .wds-content-well {\n width: 1464px; } }\n",""])},function(e,t,n){e.exports={description:"ContentWell wraps `children` in `wds-content-well` CSS mixin.\n",displayName:"ContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(346)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
ContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(348);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-dropdown {\n display: inline-block;\n position: relative; }\n .wds-dropdown__toggle {\n cursor: default;\n position: relative; }\n .wds-dropdown__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 50%;\n min-width: 70%;\n padding: 7px 0;\n position: absolute;\n top: 100%;\n transform: translateX(-50%);\n z-index: 1; }\n .wds-dropdown__content.wds-is-right-aligned {\n left: auto;\n right: 0;\n transform: none; }\n .wds-dropdown__content.wds-is-left-aligned {\n left: 0;\n transform: none; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list {\n background-image: radial-gradient(farthest-side at 50% 0, rgba(26, 26, 26, 0.12), transparent), radial-gradient(farthest-side at 50% 100%, rgba(26, 26, 26, 0.12), transparent);\n background-position: 0 0, 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 9px;\n max-height: 270px;\n overflow-y: auto;\n position: relative;\n z-index: 1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before {\n background-color: #fff;\n content: '';\n display: block;\n height: 30px;\n margin: 0 0 -30px;\n position: relative;\n z-index: -1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after {\n background-color: #fff;\n margin: -29px 0 0; }\n .wds-dropdown__content.wds-is-not-scrollable .wds-list {\n position: relative; }\n .wds-dropdown__content .wds-list {\n padding: 0; }\n .wds-dropdown__content .wds-list > li {\n margin: 0 9px;\n padding-left: 9px;\n padding-right: 9px;\n white-space: nowrap; }\n .wds-dropdown__content .wds-list.wds-is-linked > li {\n padding: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked > li > a {\n color: #39424d;\n padding-left: 9px;\n padding-right: 9px;\n text-decoration: none;\n transition-duration: 0.2s;\n transition-property: background-color, color; }\n .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button), .wds-dropdown__content .wds-list.wds-is-linked > li.wds-is-selected > a:not(.wds-button) {\n background-color: rgba(0, 172, 172, 0.1);\n color: #00acac; }\n .wds-dropdown::before, .wds-dropdown::after {\n bottom: -1px;\n content: '';\n display: none;\n height: 0;\n left: 50%;\n pointer-events: none;\n position: absolute;\n width: 0;\n z-index: 2; }\n .wds-dropdown::after {\n border: 8px solid transparent;\n border-bottom-color: #fff;\n margin-left: -8px; }\n .wds-dropdown::before {\n border: 9px solid transparent;\n border-bottom-color: #ccc;\n margin-left: -9px; }\n .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after {\n display: block; }\n .wds-dropdown.wds-is-active .wds-dropdown__content, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__content {\n display: inline-block; }\n .wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__toggle-chevron {\n transform: rotate(180deg); }\n .wds-dropdown.wds-is-active.wds-has-shadow::before, .wds-dropdown.wds-is-active.wds-has-dark-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-dark-shadow::before {\n display: none; }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2); }\n .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n box-shadow: 0 0 20px 0 rgba(26, 26, 26, 0.3); }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content, .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n border: 0; }\n .wds-dropdown.wds-is-flipped::before, .wds-dropdown.wds-is-flipped::after {\n bottom: unset;\n top: -1px; }\n .wds-dropdown.wds-is-flipped::before {\n border-bottom-color: transparent;\n border-top-color: #ccc; }\n .wds-dropdown.wds-is-flipped::after {\n border-bottom-color: transparent;\n border-top-color: #fff; }\n .wds-dropdown.wds-is-flipped .wds-dropdown__content {\n bottom: 100%;\n top: unset; }\n\n.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 {\n margin-right: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 > a {\n padding-right: 18px;\n display: flex;\n justify-content: space-between; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-chevron {\n transform: rotate(-90deg);\n margin-left: 18px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent {\n position: relative; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent .wds-dropdown-level-2__content {\n top: auto;\n bottom: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 100%;\n padding: 7px 0;\n position: absolute;\n top: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked > li > a {\n font-size: 12px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-active .wds-dropdown-level-2__content, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2:not(.wds-is-touch-device):hover .wds-dropdown-level-2__content {\n display: block; }\n",""])},function(e,t,n){e.exports={description:"Basic Dropdown component\n",displayName:"Dropdown",methods:[],props:[{type:{name:"node"},required:!0,description:"React Component to display as a dropdown toggle",tags:{},name:"toggle"},{type:{name:"bool"},required:!1,description:"Whether or nor not dropdown should automatically flip when it's near the bottom of the viewport",defaultValue:{value:"false",computed:!1},tags:{},name:"canFlip"},{type:{name:"node"},required:!1,description:"React Component to display as the Dropdown Content",defaultValue:{value:"null",computed:!1},tags:{},name:"children"},{type:{name:"bool"},required:!1,description:"Should dropdown content be scrollable",defaultValue:{value:"false",computed:!1},tags:{},name:"contentScrollable"},{type:{name:"bool"},required:!1,description:"Should dropdown content be left-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownLeftAligned"},{type:{name:"bool"},required:!1,description:"Should dropdown content be right-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownRightAligned"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a drop shadow (darker than the one produced by hasShadow)",defaultValue:{value:"false",computed:!1},tags:{},name:"hasDarkShadow"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a slight drop shadow",defaultValue:{value:"false",computed:!1},tags:{},name:"hasShadow"},{type:{name:"enum",value:[{value:"'dropdown-tiny'",computed:!1},{value:"'menu-control-tiny'",computed:!1}]},required:!1,description:"The icon to use for the dropdown chevron",defaultValue:{value:"'menu-control-tiny'",computed:!1},tags:{},name:"iconName"},{type:{name:"bool"},required:!1,description:"is active",defaultValue:{value:"false",computed:!1},tags:{},name:"isActive"},{type:{name:"bool"},required:!1,description:"Is it a nested dropdown",defaultValue:{value:"false",computed:!1},tags:{},name:"isLevel2"},{type:{name:"bool"},required:!1,description:"if the top of nested dropdown content should be positioned at the same height as toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"isStickedToParent"},{type:{name:"bool"},required:!1,description:"Should chevron on the top of dropdown content be hidden",defaultValue:{value:"false",computed:!1},tags:{},name:"noChevron"},{type:{name:"func"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"null",computed:!1},tags:{},name:"onClose"},{type:{name:"shape",value:{href:{name:"string",required:!1}}},required:!1,description:"HTML attributes to add to toggle",defaultValue:{value:"{}",computed:!1},tags:{},name:"toggleAttrs"},{type:{name:"string"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"''",computed:!1},tags:{},name:"toggleClassName"}],doclets:{},tags:{},examples:n(350)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"\n

I am a text inside dropdown!

\n",settings:{},evalInContext:a},{type:"markdown",content:"Dropdown using dropdown-tiny chevron:"},{type:"code",content:'\n

I am a text inside dropdown!

\n',settings:{},evalInContext:a},{type:"markdown",content:"Nested dropdown:"},{type:"code",content:'\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(352);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".expandable-text__expand {\n /* unstyle button */\n background: none;\n border: 0;\n cursor: pointer;\n display: inline;\n font: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0; }\n .expandable-text__expand:active {\n outline: 0; }\n",""])},function(e,t,n){e.exports={description:"ExpandableText component can be used to temporarily limit text showed to the user.\nIt has a button used to fully expand the text.\nIf the source text is shorter than the limit the button do not show.\n\nBoth button label and string used to ellipsis has to be configured.\nButton and the text itself can be syled with classes passed to the component.\n",displayName:"ExpandableText",methods:[],props:[{type:{name:"number"},required:!0,description:"Additional class name",tags:{},name:"characterLimit"},{type:{name:"string"},required:!0,description:"Label used on the expand button",tags:{},name:"expandLabel"},{type:{name:"string"},required:!0,description:"Full text to display",tags:{},name:"text"},{type:{name:"string"},required:!1,description:"Character limit",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"string"},required:!1,description:"Ellipsis (defaults to `…`)",defaultValue:{value:"'\\u2026'",computed:!1},tags:{},name:"ellipsis"},{type:{name:"string"},required:!1,description:"Additional class name for the expand button",defaultValue:{value:"''",computed:!1},tags:{},name:"expandClassName"}],doclets:{},tags:{},examples:n(354)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FandomBackgroundImage(e){var t=e.className,n=e.width,r=_objectWithoutProperties(e,["className","width"]),a=Math.floor(9*n/16);return o.a.createElement("svg",_extends({className:t,width:n,height:a,viewBox:"0 0 322 182",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},r),o.a.createElement("defs",null,o.a.createElement("path",{id:"fandom-background-image-a",d:"M0 0h322v181.125H0z"})),o.a.createElement("g",{fill:"none",fillRule:"evenodd"},o.a.createElement("mask",{id:"fandom-background-image-b",fill:"#fff"},o.a.createElement("use",{xlinkHref:"#fandom-background-image-a"})),o.a.createElement("use",{fill:"#00D6D6",xlinkHref:"#fandom-background-image-a"}),o.a.createElement("g",{fill:"#002A32",opacity:".07",mask:"url(#fandom-background-image-b)"},o.a.createElement("path",{d:"M220.746 101.305c0 1.17-.457 2.29-1.27 3.122l-53.435 54.578c-.9.908-1.81 1.315-2.94 1.315-1.17 0-2.2-.444-3.07-1.32l-3.77-3.607a1.695 1.695 0 0 1-.03-2.402l61.67-62.86c1.05-1.07 2.86-.32 2.86 1.19v10zm-68.525 41.157l-3.05 2.783a2.52 2.52 0 0 1-3.48-.078l-40.66-40.454a5.465 5.465 0 0 1-1.6-3.86v-7.56c0-2.722 3.26-4.094 5.19-2.18l43.17 42.947c.75.756 2.02 2.315 2.02 4.2 0 1.2-.27 2.902-1.56 4.202zm-36.34-78.29l13.99-14.086a1.66 1.66 0 0 1 2.36 0l46.85 47.188c5.02 5.053 5.02 13.244 0 18.296l-13.98 14.082a1.66 1.66 0 0 1-2.36 0l-46.84-47.19c-2.41-2.43-3.74-5.678-3.74-9.148 0-3.465 1.33-6.712 3.74-9.14zm55.43 8.07l14.62-14.726c2.85-2.867 6.82-4.218 10.93-3.647 2.88.4 5.5 1.9 7.56 3.98l14.81 14.91c.65.65.65 1.72 0 2.38L196.7 97.81a1.663 1.663 0 0 1-2.363 0L171.31 74.62a1.692 1.692 0 0 1 0-2.38zm58.14-2.797l-32.61-33.408a3.422 3.422 0 0 0-4.9-.01l-25.86 26.298a5.097 5.097 0 0 1-7.26.02l-25.86-26.02a3.424 3.424 0 0 0-4.85-.018L94.8 69.367a6.024 6.024 0 0 0-1.8 4.296v31.307c0 1.6.63 3.135 1.755 4.267l64.92 65.363a3.425 3.425 0 0 0 4.87-.002l64.862-65.363a6.055 6.055 0 0 0 1.753-4.265V73.673c0-1.58-.617-3.1-1.718-4.228z"}),o.a.createElement("path",{d:"M248.557 243.388a6.624 6.624 0 0 1-1.886 4.632l-79.28 80.987c-1.34 1.347-2.69 1.95-4.37 1.95-1.73 0-3.26-.66-4.55-1.958l-5.59-5.36a2.517 2.517 0 0 1-.06-3.57l91.51-93.29c1.56-1.59 4.25-.48 4.25 1.75v14.83zm-101.68 61.07l-4.536 4.13a3.735 3.735 0 0 1-5.16-.115l-60.34-60.03a8.074 8.074 0 0 1-2.37-5.727V231.5c0-4.04 4.84-6.077 7.69-3.237l64.05 63.727c1.12 1.123 3 3.436 3 6.232 0 1.78-.4 4.308-2.31 6.237zm-53.93-116.17l20.752-20.903a2.46 2.46 0 0 1 3.5 0l69.51 70.02c7.44 7.5 7.44 19.653 0 27.15l-20.74 20.895c-.97.975-2.54.975-3.51 0l-69.51-70.022c-3.58-3.606-5.55-8.426-5.55-13.575 0-5.142 1.97-9.96 5.54-13.565zm82.255 11.972l21.692-21.85c4.23-4.254 10.117-6.26 16.212-5.41 4.276.594 8.16 2.83 11.21 5.905l21.965 22.125c.97.975.97 2.555 0 3.532l-33.4 33.648c-.96.973-2.54.973-3.5 0l-34.16-34.42a2.505 2.505 0 0 1 0-3.53zm86.26-4.148l-48.38-49.573a5.084 5.084 0 0 0-7.278-.02l-38.37 39.02a7.565 7.565 0 0 1-10.774.03l-38.38-38.62a5.088 5.088 0 0 0-7.2-.03l-49.43 49.06a8.978 8.978 0 0 0-2.65 6.37v46.45c0 2.372.936 4.65 2.605 6.33l96.33 96.99a5.088 5.088 0 0 0 7.23 0l96.244-96.99a9.015 9.015 0 0 0 2.6-6.33v-46.44c0-2.35-.92-4.6-2.55-6.277zM74.452-61.735c0-1.733.68-3.397 1.887-4.63l79.28-80.988c1.34-1.347 2.69-1.95 4.37-1.95 1.73 0 3.26.66 4.55 1.958l5.59 5.352c1.01.963 1.03 2.57.06 3.565l-91.5 93.286c-1.56 1.59-4.25.477-4.25-1.755v-14.838zm101.68-61.07l4.537-4.13a3.735 3.735 0 0 1 5.16.115l60.34 60.03a8.078 8.078 0 0 1 2.37 5.728v11.215c0 4.04-4.84 6.077-7.69 3.237l-64.05-63.727c-1.12-1.123-3-3.436-3-6.232 0-1.78.4-4.3 2.31-6.23zm53.93 116.17L209.31 14.268a2.464 2.464 0 0 1-3.504 0l-69.517-70.02c-7.45-7.498-7.45-19.653 0-27.15l20.74-20.895a2.46 2.46 0 0 1 3.5 0l69.51 70.023c3.58 3.605 5.55 8.426 5.55 13.574 0 5.142-1.97 9.96-5.54 13.565zM147.81-18.607l-21.692 21.85c-4.23 4.255-10.117 6.26-16.212 5.412-4.276-.595-8.16-2.832-11.21-5.906L76.728-19.38a2.507 2.507 0 0 1 0-3.532l33.403-33.646a2.472 2.472 0 0 1 3.51 0l34.17 34.418c.97.976.97 2.557 0 3.53zM61.55-14.46l48.38 49.576a5.086 5.086 0 0 0 7.278.013l38.37-39.02a7.556 7.556 0 0 1 10.774-.03l38.38 38.61a5.079 5.079 0 0 0 7.2.02l49.43-49.06a8.984 8.984 0 0 0 2.65-6.38v-46.45a8.97 8.97 0 0 0-2.605-6.33l-96.33-96.99a5.088 5.088 0 0 0-7.23 0L61.6-73.5a8.986 8.986 0 0 0-2.6 6.327v46.44c0 2.348.915 4.6 2.55 6.274zM8.612 177.558a6.624 6.624 0 0 1-4.632-1.886l-80.987-79.285c-1.347-1.338-1.95-2.688-1.95-4.37 0-1.734.66-3.266 1.958-4.557l5.36-5.59a2.515 2.515 0 0 1 3.57-.058l93.29 91.505c1.59 1.558.48 4.243-1.75 4.243H8.62zm-61.07-101.68l-4.13-4.536a3.74 3.74 0 0 1 .115-5.164L3.557 5.83a8.074 8.074 0 0 1 5.726-2.378H20.5c4.04 0 6.077 4.837 3.237 7.69L-39.99 75.2c-1.123 1.113-3.436 2.993-6.232 2.993-1.78 0-4.308-.402-6.237-2.317zm116.17-53.93L84.615 42.7a2.464 2.464 0 0 1 0 3.504l-70.02 69.517c-7.5 7.45-19.653 7.45-27.15 0L-33.45 94.98a2.468 2.468 0 0 1 0-3.507L36.572 21.96c3.606-3.58 8.426-5.55 13.575-5.55 5.142 0 9.96 1.967 13.565 5.54zM51.74 104.202l21.85 21.692c4.254 4.23 6.26 10.117 5.41 16.212-.594 4.276-2.83 8.16-5.905 11.21L50.97 175.282c-.975.97-2.555.97-3.532 0L13.79 141.878a2.47 2.47 0 0 1 0-3.507l34.42-34.16a2.505 2.505 0 0 1 3.53 0zm4.148 86.26l49.573-48.38c2.05-2 2.06-5.272.02-7.278l-39.02-38.37a7.565 7.565 0 0 1-.03-10.774l38.62-38.38c2-1.987 2.01-5.202.03-7.2L56.01-9.35A8.997 8.997 0 0 0 49.63-12H3.174a8.974 8.974 0 0 0-6.33 2.605l-96.99 96.33a5.086 5.086 0 0 0 .002 7.23l96.99 96.244a9.009 9.009 0 0 0 6.328 2.6h46.44a9 9 0 0 0 6.274-2.55zM313.735 3.452c1.733 0 3.397.68 4.63 1.887l80.988 79.28c1.347 1.34 1.95 2.69 1.95 4.37 0 1.73-.66 3.26-1.958 4.55l-5.352 5.59a2.511 2.511 0 0 1-3.565.06l-93.286-91.5c-1.59-1.56-.477-4.25 1.755-4.25h14.838zm61.07 101.68l4.13 4.537a3.735 3.735 0 0 1-.115 5.16l-60.03 60.34a8.078 8.078 0 0 1-5.728 2.37h-11.215c-4.04 0-6.077-4.84-3.237-7.69l63.727-64.06c1.123-1.12 3.436-3 6.232-3 1.78 0 4.3.4 6.23 2.312zm-116.17 53.93l-20.903-20.75a2.466 2.466 0 0 1 0-3.505l70.02-69.517c7.498-7.444 19.653-7.444 27.15 0l20.895 20.743c.975.97.975 2.54 0 3.507l-70.023 69.515c-3.605 3.578-8.426 5.55-13.574 5.55-5.142 0-9.96-1.968-13.565-5.542zm11.972-82.254l-21.85-21.692c-4.255-4.23-6.26-10.117-5.412-16.212.595-4.276 2.832-8.16 5.906-11.21L271.38 5.73a2.507 2.507 0 0 1 3.532 0l33.646 33.402c.975.968.975 2.54 0 3.507L274.14 76.8a2.508 2.508 0 0 1-3.53 0zm-4.148-86.26l-49.58 48.38a5.084 5.084 0 0 0-.02 7.278l39.02 38.37a7.574 7.574 0 0 1 .03 10.774l-38.61 38.38a5.088 5.088 0 0 0-.03 7.2l49.05 49.43a8.978 8.978 0 0 0 6.37 2.65h46.46c2.37 0 4.65-.936 6.33-2.605l96.99-96.33a5.08 5.08 0 0 0-.01-7.23L325.5-9.4a8.986 8.986 0 0 0-6.327-2.6h-46.44c-2.348 0-4.6.915-6.274 2.55z"}))))};s.propTypes={className:i.a.string,width:i.a.number},s.defaultProps={className:"",width:322},t.default=s},function(e,t,n){e.exports={description:"An image background that can be used as a sample image.\n",displayName:"FandomBackgroundImage",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"number"},required:!1,description:"Image width",defaultValue:{value:"322",computed:!1},tags:{},name:"width"}],doclets:{},tags:{},examples:n(357)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\n\t\n
",settings:{},evalInContext:a}]},function(e,t,n){var r=n(359);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-fandom-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-fandom-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-fandom-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-fandom-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-fandom-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) {\n .wds-fandom-content-well {\n width: 1244px; } }\n",""])},function(e,t,n){e.exports={description:"FandomContentWell wraps `children` in `wds-content-well($use-xxlarge-breakpoint: false)` CSS mixin.\n",displayName:"FandomContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(361)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
FandomContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(363);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function Fieldset(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fieldset ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(364);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".wds-fieldset {\n background-color: #fff;\n border: 0;\n display: flex;\n flex-direction: column;\n margin-bottom: 6px;\n padding: 16px 0; }\n",""])},function(e,t,n){e.exports={description:"",displayName:"Fieldset",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},examples:n(366)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:'
\n\t\n\t\n
',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(368);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FloatingButton(e){var t=e.className,n=e.href,r=e.children,a=_objectWithoutProperties(e,["className","href","children"]),i=["wds-floating-button",t].filter(function(e){return e}).join(" ");return n?o.a.createElement("a",_extends({href:n,className:i},a),r):o.a.createElement("button",_extends({className:i},a),r)};s.propTypes={children:i.a.node,className:i.a.string,disabled:i.a.bool,href:i.a.string,onClick:i.a.func},s.defaultProps={children:null,className:"",disabled:!1,href:null,onClick:function onClick(){}},t.default=s},function(e,t,n){var r=n(369);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-floating-button {\n align-items: center;\n background: #fff;\n border-radius: 50%;\n border: 0;\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2);\n display: flex;\n height: 36px;\n justify-content: center;\n margin: 0;\n outline: none;\n padding: 0;\n transition-duration: 300ms;\n transition-property: box-shadow;\n width: 36px; }\n .wds-floating-button:not([disabled]), .wds-floating-button:not(.wds-is-disabled) {\n cursor: pointer; }\n .wds-floating-button:not([disabled]):hover, .wds-floating-button:not(.wds-is-disabled):hover {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.4); }\n\n.wds-floating-button-group {\n display: inline-flex; }\n .wds-floating-button-group.wds-is-vertical {\n flex-flow: column; }\n .wds-floating-button-group:not(.wds-is-vertical) > .wds-floating-button:not(:first-child) {\n margin-left: 8px; }\n .wds-floating-button-group.wds-is-vertical > .wds-floating-button:not(:first-child) {\n margin-top: 8px; }\n",""])},function(e,t,n){e.exports={description:"Floating button (icons-only)\n",displayName:"FloatingButton",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"bool"},required:!1,description:"Disabled attribute for the `",settings:{},evalInContext:a},{type:"markdown",content:"Different styles:"},{type:"code",content:"
\n\t\n\t\n\t\n\t\n
",settings:{},evalInContext:a},{type:"markdown",content:"Full width:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){e.exports={description:"Button group component\n",displayName:"ButtonGroup",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(341)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Regular buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a},{type:"markdown",content:"Secondary buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(343);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function ContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-content-well ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(344);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) and (max-width: 1499px) {\n .wds-content-well {\n width: 1244px; } }\n @media only screen and (min-width: 1500px) {\n .wds-content-well {\n width: 1464px; } }\n",""])},function(e,t,n){e.exports={description:"ContentWell wraps `children` in `wds-content-well` CSS mixin.\n",displayName:"ContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(346)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
ContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(348);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-dropdown {\n display: inline-block;\n position: relative; }\n .wds-dropdown__toggle {\n cursor: default;\n position: relative; }\n .wds-dropdown__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 50%;\n min-width: 70%;\n padding: 7px 0;\n position: absolute;\n top: 100%;\n transform: translateX(-50%);\n z-index: 1; }\n .wds-dropdown__content.wds-is-right-aligned {\n left: auto;\n right: 0;\n transform: none; }\n .wds-dropdown__content.wds-is-left-aligned {\n left: 0;\n transform: none; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list {\n background-image: radial-gradient(farthest-side at 50% 0, rgba(26, 26, 26, 0.12), transparent), radial-gradient(farthest-side at 50% 100%, rgba(26, 26, 26, 0.12), transparent);\n background-position: 0 0, 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 9px;\n max-height: 270px;\n overflow-y: auto;\n position: relative;\n z-index: 1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before {\n background-color: #fff;\n content: '';\n display: block;\n height: 30px;\n margin: 0 0 -30px;\n position: relative;\n z-index: -1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after {\n background-color: #fff;\n margin: -29px 0 0; }\n .wds-dropdown__content.wds-is-not-scrollable .wds-list {\n position: relative; }\n .wds-dropdown__content .wds-list {\n padding: 0; }\n .wds-dropdown__content .wds-list > li {\n margin: 0 9px;\n padding-left: 9px;\n padding-right: 9px;\n white-space: nowrap; }\n .wds-dropdown__content .wds-list.wds-is-linked > li {\n padding: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked > li > a {\n color: #39424d;\n padding-left: 9px;\n padding-right: 9px;\n text-decoration: none;\n transition-duration: 0.2s;\n transition-property: background-color, color; }\n .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button), .wds-dropdown__content .wds-list.wds-is-linked > li.wds-is-selected > a:not(.wds-button) {\n background-color: rgba(0, 172, 172, 0.1);\n color: #00acac; }\n .wds-dropdown::before, .wds-dropdown::after {\n bottom: -1px;\n content: '';\n display: none;\n height: 0;\n left: 50%;\n pointer-events: none;\n position: absolute;\n width: 0;\n z-index: 2; }\n .wds-dropdown::after {\n border: 8px solid transparent;\n border-bottom-color: #fff;\n margin-left: -8px; }\n .wds-dropdown::before {\n border: 9px solid transparent;\n border-bottom-color: #ccc;\n margin-left: -9px; }\n .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after {\n display: block; }\n .wds-dropdown.wds-is-active .wds-dropdown__content, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__content {\n display: inline-block; }\n .wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__toggle-chevron {\n transform: rotate(180deg); }\n .wds-dropdown.wds-is-active.wds-has-shadow::before, .wds-dropdown.wds-is-active.wds-has-dark-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-dark-shadow::before {\n display: none; }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2); }\n .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n box-shadow: 0 0 20px 0 rgba(26, 26, 26, 0.3); }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content, .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n border: 0; }\n .wds-dropdown.wds-is-flipped::before, .wds-dropdown.wds-is-flipped::after {\n bottom: unset;\n top: -1px; }\n .wds-dropdown.wds-is-flipped::before {\n border-bottom-color: transparent;\n border-top-color: #ccc; }\n .wds-dropdown.wds-is-flipped::after {\n border-bottom-color: transparent;\n border-top-color: #fff; }\n .wds-dropdown.wds-is-flipped .wds-dropdown__content {\n bottom: 100%;\n top: unset; }\n\n.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 {\n margin-right: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 > a {\n padding-right: 18px;\n display: flex;\n justify-content: space-between; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-chevron {\n transform: rotate(-90deg);\n margin-left: 18px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent {\n position: relative; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent .wds-dropdown-level-2__content {\n top: auto;\n bottom: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 100%;\n padding: 7px 0;\n position: absolute;\n top: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked > li > a {\n font-size: 12px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-active .wds-dropdown-level-2__content, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2:not(.wds-is-touch-device):hover .wds-dropdown-level-2__content {\n display: block; }\n",""])},function(e,t,n){e.exports={description:"Basic Dropdown component\n",displayName:"Dropdown",methods:[],props:[{type:{name:"node"},required:!0,description:"React Component to display as a dropdown toggle",tags:{},name:"toggle"},{type:{name:"bool"},required:!1,description:"Whether or nor not dropdown should automatically flip when it's near the bottom of the viewport",defaultValue:{value:"false",computed:!1},tags:{},name:"canFlip"},{type:{name:"node"},required:!1,description:"React Component to display as the Dropdown Content",defaultValue:{value:"null",computed:!1},tags:{},name:"children"},{type:{name:"bool"},required:!1,description:"Should dropdown content be scrollable",defaultValue:{value:"false",computed:!1},tags:{},name:"contentScrollable"},{type:{name:"bool"},required:!1,description:"Should dropdown content be left-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownLeftAligned"},{type:{name:"bool"},required:!1,description:"Should dropdown content be right-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownRightAligned"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a drop shadow (darker than the one produced by hasShadow)",defaultValue:{value:"false",computed:!1},tags:{},name:"hasDarkShadow"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a slight drop shadow",defaultValue:{value:"false",computed:!1},tags:{},name:"hasShadow"},{type:{name:"enum",value:[{value:"'dropdown-tiny'",computed:!1},{value:"'menu-control-tiny'",computed:!1}]},required:!1,description:"The icon to use for the dropdown chevron",defaultValue:{value:"'menu-control-tiny'",computed:!1},tags:{},name:"iconName"},{type:{name:"bool"},required:!1,description:"is active",defaultValue:{value:"false",computed:!1},tags:{},name:"isActive"},{type:{name:"bool"},required:!1,description:"Is it a nested dropdown",defaultValue:{value:"false",computed:!1},tags:{},name:"isLevel2"},{type:{name:"bool"},required:!1,description:"if the top of nested dropdown content should be positioned at the same height as toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"isStickedToParent"},{type:{name:"bool"},required:!1,description:"Should chevron on the top of dropdown content be hidden",defaultValue:{value:"false",computed:!1},tags:{},name:"noChevron"},{type:{name:"func"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"null",computed:!1},tags:{},name:"onClose"},{type:{name:"shape",value:{href:{name:"string",required:!1}}},required:!1,description:"HTML attributes to add to toggle",defaultValue:{value:"{}",computed:!1},tags:{},name:"toggleAttrs"},{type:{name:"string"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"''",computed:!1},tags:{},name:"toggleClassName"}],doclets:{},tags:{},examples:n(350)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"\n

I am a text inside dropdown!

\n",settings:{},evalInContext:a},{type:"markdown",content:"Dropdown using dropdown-tiny chevron:"},{type:"code",content:'\n

I am a text inside dropdown!

\n',settings:{},evalInContext:a},{type:"markdown",content:"Nested dropdown:"},{type:"code",content:'\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(352);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".expandable-text__expand {\n /* unstyle button */\n background: none;\n border: 0;\n cursor: pointer;\n display: inline;\n font: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0; }\n .expandable-text__expand:active {\n outline: 0; }\n",""])},function(e,t,n){e.exports={description:"ExpandableText component can be used to temporarily limit text showed to the user.\nIt has a button used to fully expand the text.\nIf the source text is shorter than the limit the button do not show.\n\nBoth button label and string used to ellipsis has to be configured.\nButton and the text itself can be syled with classes passed to the component.\n",displayName:"ExpandableText",methods:[],props:[{type:{name:"number"},required:!0,description:"Additional class name",tags:{},name:"characterLimit"},{type:{name:"string"},required:!0,description:"Label used on the expand button",tags:{},name:"expandLabel"},{type:{name:"string"},required:!0,description:"Full text to display",tags:{},name:"text"},{type:{name:"string"},required:!1,description:"Character limit",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"string"},required:!1,description:"Ellipsis (defaults to `…`)",defaultValue:{value:"'\\u2026'",computed:!1},tags:{},name:"ellipsis"},{type:{name:"string"},required:!1,description:"Additional class name for the expand button",defaultValue:{value:"''",computed:!1},tags:{},name:"expandClassName"}],doclets:{},tags:{},examples:n(354)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FandomBackgroundImage(e){var t=e.className,n=e.width,r=_objectWithoutProperties(e,["className","width"]),a=Math.floor(9*n/16);return o.a.createElement("svg",_extends({className:t,width:n,height:a,viewBox:"0 0 322 182",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},r),o.a.createElement("defs",null,o.a.createElement("path",{id:"fandom-background-image-a",d:"M0 0h322v181.125H0z"})),o.a.createElement("g",{fill:"none",fillRule:"evenodd"},o.a.createElement("mask",{id:"fandom-background-image-b",fill:"#fff"},o.a.createElement("use",{xlinkHref:"#fandom-background-image-a"})),o.a.createElement("use",{fill:"#00D6D6",xlinkHref:"#fandom-background-image-a"}),o.a.createElement("g",{fill:"#002A32",opacity:".07",mask:"url(#fandom-background-image-b)"},o.a.createElement("path",{d:"M220.746 101.305c0 1.17-.457 2.29-1.27 3.122l-53.435 54.578c-.9.908-1.81 1.315-2.94 1.315-1.17 0-2.2-.444-3.07-1.32l-3.77-3.607a1.695 1.695 0 0 1-.03-2.402l61.67-62.86c1.05-1.07 2.86-.32 2.86 1.19v10zm-68.525 41.157l-3.05 2.783a2.52 2.52 0 0 1-3.48-.078l-40.66-40.454a5.465 5.465 0 0 1-1.6-3.86v-7.56c0-2.722 3.26-4.094 5.19-2.18l43.17 42.947c.75.756 2.02 2.315 2.02 4.2 0 1.2-.27 2.902-1.56 4.202zm-36.34-78.29l13.99-14.086a1.66 1.66 0 0 1 2.36 0l46.85 47.188c5.02 5.053 5.02 13.244 0 18.296l-13.98 14.082a1.66 1.66 0 0 1-2.36 0l-46.84-47.19c-2.41-2.43-3.74-5.678-3.74-9.148 0-3.465 1.33-6.712 3.74-9.14zm55.43 8.07l14.62-14.726c2.85-2.867 6.82-4.218 10.93-3.647 2.88.4 5.5 1.9 7.56 3.98l14.81 14.91c.65.65.65 1.72 0 2.38L196.7 97.81a1.663 1.663 0 0 1-2.363 0L171.31 74.62a1.692 1.692 0 0 1 0-2.38zm58.14-2.797l-32.61-33.408a3.422 3.422 0 0 0-4.9-.01l-25.86 26.298a5.097 5.097 0 0 1-7.26.02l-25.86-26.02a3.424 3.424 0 0 0-4.85-.018L94.8 69.367a6.024 6.024 0 0 0-1.8 4.296v31.307c0 1.6.63 3.135 1.755 4.267l64.92 65.363a3.425 3.425 0 0 0 4.87-.002l64.862-65.363a6.055 6.055 0 0 0 1.753-4.265V73.673c0-1.58-.617-3.1-1.718-4.228z"}),o.a.createElement("path",{d:"M248.557 243.388a6.624 6.624 0 0 1-1.886 4.632l-79.28 80.987c-1.34 1.347-2.69 1.95-4.37 1.95-1.73 0-3.26-.66-4.55-1.958l-5.59-5.36a2.517 2.517 0 0 1-.06-3.57l91.51-93.29c1.56-1.59 4.25-.48 4.25 1.75v14.83zm-101.68 61.07l-4.536 4.13a3.735 3.735 0 0 1-5.16-.115l-60.34-60.03a8.074 8.074 0 0 1-2.37-5.727V231.5c0-4.04 4.84-6.077 7.69-3.237l64.05 63.727c1.12 1.123 3 3.436 3 6.232 0 1.78-.4 4.308-2.31 6.237zm-53.93-116.17l20.752-20.903a2.46 2.46 0 0 1 3.5 0l69.51 70.02c7.44 7.5 7.44 19.653 0 27.15l-20.74 20.895c-.97.975-2.54.975-3.51 0l-69.51-70.022c-3.58-3.606-5.55-8.426-5.55-13.575 0-5.142 1.97-9.96 5.54-13.565zm82.255 11.972l21.692-21.85c4.23-4.254 10.117-6.26 16.212-5.41 4.276.594 8.16 2.83 11.21 5.905l21.965 22.125c.97.975.97 2.555 0 3.532l-33.4 33.648c-.96.973-2.54.973-3.5 0l-34.16-34.42a2.505 2.505 0 0 1 0-3.53zm86.26-4.148l-48.38-49.573a5.084 5.084 0 0 0-7.278-.02l-38.37 39.02a7.565 7.565 0 0 1-10.774.03l-38.38-38.62a5.088 5.088 0 0 0-7.2-.03l-49.43 49.06a8.978 8.978 0 0 0-2.65 6.37v46.45c0 2.372.936 4.65 2.605 6.33l96.33 96.99a5.088 5.088 0 0 0 7.23 0l96.244-96.99a9.015 9.015 0 0 0 2.6-6.33v-46.44c0-2.35-.92-4.6-2.55-6.277zM74.452-61.735c0-1.733.68-3.397 1.887-4.63l79.28-80.988c1.34-1.347 2.69-1.95 4.37-1.95 1.73 0 3.26.66 4.55 1.958l5.59 5.352c1.01.963 1.03 2.57.06 3.565l-91.5 93.286c-1.56 1.59-4.25.477-4.25-1.755v-14.838zm101.68-61.07l4.537-4.13a3.735 3.735 0 0 1 5.16.115l60.34 60.03a8.078 8.078 0 0 1 2.37 5.728v11.215c0 4.04-4.84 6.077-7.69 3.237l-64.05-63.727c-1.12-1.123-3-3.436-3-6.232 0-1.78.4-4.3 2.31-6.23zm53.93 116.17L209.31 14.268a2.464 2.464 0 0 1-3.504 0l-69.517-70.02c-7.45-7.498-7.45-19.653 0-27.15l20.74-20.895a2.46 2.46 0 0 1 3.5 0l69.51 70.023c3.58 3.605 5.55 8.426 5.55 13.574 0 5.142-1.97 9.96-5.54 13.565zM147.81-18.607l-21.692 21.85c-4.23 4.255-10.117 6.26-16.212 5.412-4.276-.595-8.16-2.832-11.21-5.906L76.728-19.38a2.507 2.507 0 0 1 0-3.532l33.403-33.646a2.472 2.472 0 0 1 3.51 0l34.17 34.418c.97.976.97 2.557 0 3.53zM61.55-14.46l48.38 49.576a5.086 5.086 0 0 0 7.278.013l38.37-39.02a7.556 7.556 0 0 1 10.774-.03l38.38 38.61a5.079 5.079 0 0 0 7.2.02l49.43-49.06a8.984 8.984 0 0 0 2.65-6.38v-46.45a8.97 8.97 0 0 0-2.605-6.33l-96.33-96.99a5.088 5.088 0 0 0-7.23 0L61.6-73.5a8.986 8.986 0 0 0-2.6 6.327v46.44c0 2.348.915 4.6 2.55 6.274zM8.612 177.558a6.624 6.624 0 0 1-4.632-1.886l-80.987-79.285c-1.347-1.338-1.95-2.688-1.95-4.37 0-1.734.66-3.266 1.958-4.557l5.36-5.59a2.515 2.515 0 0 1 3.57-.058l93.29 91.505c1.59 1.558.48 4.243-1.75 4.243H8.62zm-61.07-101.68l-4.13-4.536a3.74 3.74 0 0 1 .115-5.164L3.557 5.83a8.074 8.074 0 0 1 5.726-2.378H20.5c4.04 0 6.077 4.837 3.237 7.69L-39.99 75.2c-1.123 1.113-3.436 2.993-6.232 2.993-1.78 0-4.308-.402-6.237-2.317zm116.17-53.93L84.615 42.7a2.464 2.464 0 0 1 0 3.504l-70.02 69.517c-7.5 7.45-19.653 7.45-27.15 0L-33.45 94.98a2.468 2.468 0 0 1 0-3.507L36.572 21.96c3.606-3.58 8.426-5.55 13.575-5.55 5.142 0 9.96 1.967 13.565 5.54zM51.74 104.202l21.85 21.692c4.254 4.23 6.26 10.117 5.41 16.212-.594 4.276-2.83 8.16-5.905 11.21L50.97 175.282c-.975.97-2.555.97-3.532 0L13.79 141.878a2.47 2.47 0 0 1 0-3.507l34.42-34.16a2.505 2.505 0 0 1 3.53 0zm4.148 86.26l49.573-48.38c2.05-2 2.06-5.272.02-7.278l-39.02-38.37a7.565 7.565 0 0 1-.03-10.774l38.62-38.38c2-1.987 2.01-5.202.03-7.2L56.01-9.35A8.997 8.997 0 0 0 49.63-12H3.174a8.974 8.974 0 0 0-6.33 2.605l-96.99 96.33a5.086 5.086 0 0 0 .002 7.23l96.99 96.244a9.009 9.009 0 0 0 6.328 2.6h46.44a9 9 0 0 0 6.274-2.55zM313.735 3.452c1.733 0 3.397.68 4.63 1.887l80.988 79.28c1.347 1.34 1.95 2.69 1.95 4.37 0 1.73-.66 3.26-1.958 4.55l-5.352 5.59a2.511 2.511 0 0 1-3.565.06l-93.286-91.5c-1.59-1.56-.477-4.25 1.755-4.25h14.838zm61.07 101.68l4.13 4.537a3.735 3.735 0 0 1-.115 5.16l-60.03 60.34a8.078 8.078 0 0 1-5.728 2.37h-11.215c-4.04 0-6.077-4.84-3.237-7.69l63.727-64.06c1.123-1.12 3.436-3 6.232-3 1.78 0 4.3.4 6.23 2.312zm-116.17 53.93l-20.903-20.75a2.466 2.466 0 0 1 0-3.505l70.02-69.517c7.498-7.444 19.653-7.444 27.15 0l20.895 20.743c.975.97.975 2.54 0 3.507l-70.023 69.515c-3.605 3.578-8.426 5.55-13.574 5.55-5.142 0-9.96-1.968-13.565-5.542zm11.972-82.254l-21.85-21.692c-4.255-4.23-6.26-10.117-5.412-16.212.595-4.276 2.832-8.16 5.906-11.21L271.38 5.73a2.507 2.507 0 0 1 3.532 0l33.646 33.402c.975.968.975 2.54 0 3.507L274.14 76.8a2.508 2.508 0 0 1-3.53 0zm-4.148-86.26l-49.58 48.38a5.084 5.084 0 0 0-.02 7.278l39.02 38.37a7.574 7.574 0 0 1 .03 10.774l-38.61 38.38a5.088 5.088 0 0 0-.03 7.2l49.05 49.43a8.978 8.978 0 0 0 6.37 2.65h46.46c2.37 0 4.65-.936 6.33-2.605l96.99-96.33a5.08 5.08 0 0 0-.01-7.23L325.5-9.4a8.986 8.986 0 0 0-6.327-2.6h-46.44c-2.348 0-4.6.915-6.274 2.55z"}))))};s.propTypes={className:i.a.string,width:i.a.number},s.defaultProps={className:"",width:322},t.default=s},function(e,t,n){e.exports={description:"An image background that can be used as a sample image.\n",displayName:"FandomBackgroundImage",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"number"},required:!1,description:"Image width",defaultValue:{value:"322",computed:!1},tags:{},name:"width"}],doclets:{},tags:{},examples:n(357)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\n\t\n
",settings:{},evalInContext:a}]},function(e,t,n){var r=n(359);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-fandom-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-fandom-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-fandom-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-fandom-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-fandom-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) {\n .wds-fandom-content-well {\n width: 1244px; } }\n",""])},function(e,t,n){e.exports={description:"FandomContentWell wraps `children` in `wds-content-well($use-xxlarge-breakpoint: false)` CSS mixin.\n",displayName:"FandomContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(361)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
FandomContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(363);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function Fieldset(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fieldset ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(364);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".wds-fieldset {\n background-color: #fff;\n border: 0;\n display: flex;\n flex-direction: column;\n margin-bottom: 6px;\n padding: 16px 0; }\n",""])},function(e,t,n){e.exports={description:"",displayName:"Fieldset",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},examples:n(366)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:'
\n\t\n\t\n
',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(368);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FloatingButton(e){var t=e.className,n=e.href,r=e.children,a=_objectWithoutProperties(e,["className","href","children"]),i=["wds-floating-button",t].filter(function(e){return e}).join(" ");return n?o.a.createElement("a",_extends({href:n,className:i},a),r):o.a.createElement("button",_extends({className:i},a),r)};s.propTypes={children:i.a.node,className:i.a.string,disabled:i.a.bool,href:i.a.string,onClick:i.a.func},s.defaultProps={children:null,className:"",disabled:!1,href:null,onClick:function onClick(){}},t.default=s},function(e,t,n){var r=n(369);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-floating-button {\n align-items: center;\n background: #fff;\n border-radius: 50%;\n border: 0;\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2);\n display: flex;\n height: 36px;\n justify-content: center;\n margin: 0;\n outline: none;\n padding: 0;\n transition-duration: 300ms;\n transition-property: box-shadow;\n width: 36px; }\n .wds-floating-button:not([disabled]), .wds-floating-button:not(.wds-is-disabled) {\n cursor: pointer; }\n .wds-floating-button:not([disabled]):hover, .wds-floating-button:not(.wds-is-disabled):hover {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.4); }\n\n.wds-floating-button-group {\n display: inline-flex; }\n .wds-floating-button-group.wds-is-vertical {\n flex-flow: column; }\n .wds-floating-button-group:not(.wds-is-vertical) > .wds-floating-button:not(:first-child) {\n margin-left: 8px; }\n .wds-floating-button-group.wds-is-vertical > .wds-floating-button:not(:first-child) {\n margin-top: 8px; }\n",""])},function(e,t,n){e.exports={description:"Floating button (icons-only)\n",displayName:"FloatingButton",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"bool"},required:!1,description:"Disabled attribute for the `",settings:{},evalInContext:a},{type:"markdown",content:"Different styles:"},{type:"code",content:"
\n\t\n\t\n\t\n\t\n
",settings:{},evalInContext:a},{type:"markdown",content:"Full width:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){e.exports={description:"Button group component\n",displayName:"ButtonGroup",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(341)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Regular buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a},{type:"markdown",content:"Secondary buttons:"},{type:"code",content:"\n\t\n\t\n\t\n\t\n",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(343);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function ContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-content-well ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(344);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) and (max-width: 1499px) {\n .wds-content-well {\n width: 1244px; } }\n @media only screen and (min-width: 1500px) {\n .wds-content-well {\n width: 1464px; } }\n",""])},function(e,t,n){e.exports={description:"ContentWell wraps `children` in `wds-content-well` CSS mixin.\n",displayName:"ContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(346)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
ContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(348);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-dropdown {\n display: inline-block;\n position: relative; }\n .wds-dropdown__toggle {\n cursor: default;\n position: relative; }\n .wds-dropdown__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 50%;\n min-width: 70%;\n padding: 7px 0;\n position: absolute;\n top: 100%;\n transform: translateX(-50%);\n z-index: 1; }\n .wds-dropdown__content.wds-is-right-aligned {\n left: auto;\n right: 0;\n transform: none; }\n .wds-dropdown__content.wds-is-left-aligned {\n left: 0;\n transform: none; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list {\n background-image: radial-gradient(farthest-side at 50% 0, rgba(26, 26, 26, 0.12), transparent), radial-gradient(farthest-side at 50% 100%, rgba(26, 26, 26, 0.12), transparent);\n background-position: 0 0, 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 9px;\n max-height: 270px;\n overflow-y: auto;\n position: relative;\n z-index: 1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before {\n background-color: #fff;\n content: '';\n display: block;\n height: 30px;\n margin: 0 0 -30px;\n position: relative;\n z-index: -1; }\n .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after {\n background-color: #fff;\n margin: -29px 0 0; }\n .wds-dropdown__content.wds-is-not-scrollable .wds-list {\n position: relative; }\n .wds-dropdown__content .wds-list {\n padding: 0; }\n .wds-dropdown__content .wds-list > li {\n margin: 0 9px;\n padding-left: 9px;\n padding-right: 9px;\n white-space: nowrap; }\n .wds-dropdown__content .wds-list.wds-is-linked > li {\n padding: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked > li > a {\n color: #39424d;\n padding-left: 9px;\n padding-right: 9px;\n text-decoration: none;\n transition-duration: 0.2s;\n transition-property: background-color, color; }\n .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button), .wds-dropdown__content .wds-list.wds-is-linked > li.wds-is-selected > a:not(.wds-button) {\n background-color: rgba(0, 172, 172, 0.1);\n color: #00acac; }\n .wds-dropdown::before, .wds-dropdown::after {\n bottom: -1px;\n content: '';\n display: none;\n height: 0;\n left: 50%;\n pointer-events: none;\n position: absolute;\n width: 0;\n z-index: 2; }\n .wds-dropdown::after {\n border: 8px solid transparent;\n border-bottom-color: #fff;\n margin-left: -8px; }\n .wds-dropdown::before {\n border: 9px solid transparent;\n border-bottom-color: #ccc;\n margin-left: -9px; }\n .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after {\n display: block; }\n .wds-dropdown.wds-is-active .wds-dropdown__content, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__content {\n display: inline-block; }\n .wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron, .wds-dropdown:not(.wds-is-touch-device):hover .wds-dropdown__toggle-chevron {\n transform: rotate(180deg); }\n .wds-dropdown.wds-is-active.wds-has-shadow::before, .wds-dropdown.wds-is-active.wds-has-dark-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-shadow::before, .wds-dropdown:not(.wds-is-touch-device):hover.wds-has-dark-shadow::before {\n display: none; }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2); }\n .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n box-shadow: 0 0 20px 0 rgba(26, 26, 26, 0.3); }\n .wds-dropdown.wds-has-shadow .wds-dropdown__content, .wds-dropdown.wds-has-dark-shadow .wds-dropdown__content {\n border: 0; }\n .wds-dropdown.wds-is-flipped::before, .wds-dropdown.wds-is-flipped::after {\n bottom: unset;\n top: -1px; }\n .wds-dropdown.wds-is-flipped::before {\n border-bottom-color: transparent;\n border-top-color: #ccc; }\n .wds-dropdown.wds-is-flipped::after {\n border-bottom-color: transparent;\n border-top-color: #fff; }\n .wds-dropdown.wds-is-flipped .wds-dropdown__content {\n bottom: 100%;\n top: unset; }\n\n.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 {\n margin-right: 0; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 > a {\n padding-right: 18px;\n display: flex;\n justify-content: space-between; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-chevron {\n transform: rotate(-90deg);\n margin-left: 18px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent {\n position: relative; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent .wds-dropdown-level-2__content {\n top: auto;\n bottom: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: none;\n left: 100%;\n padding: 7px 0;\n position: absolute;\n top: -8px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked > li > a {\n font-size: 12px; }\n .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-active .wds-dropdown-level-2__content, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2:not(.wds-is-touch-device):hover .wds-dropdown-level-2__content {\n display: block; }\n",""])},function(e,t,n){e.exports={description:"Basic Dropdown component\n",displayName:"Dropdown",methods:[],props:[{type:{name:"node"},required:!0,description:"React Component to display as a dropdown toggle",tags:{},name:"toggle"},{type:{name:"bool"},required:!1,description:"Whether or nor not dropdown should automatically flip when it's near the bottom of the viewport",defaultValue:{value:"false",computed:!1},tags:{},name:"canFlip"},{type:{name:"node"},required:!1,description:"React Component to display as the Dropdown Content",defaultValue:{value:"null",computed:!1},tags:{},name:"children"},{type:{name:"bool"},required:!1,description:"Should dropdown content be scrollable",defaultValue:{value:"false",computed:!1},tags:{},name:"contentScrollable"},{type:{name:"bool"},required:!1,description:"Should dropdown content be left-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownLeftAligned"},{type:{name:"bool"},required:!1,description:"Should dropdown content be right-aligned with the dropdown toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"dropdownRightAligned"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a drop shadow (darker than the one produced by hasShadow)",defaultValue:{value:"false",computed:!1},tags:{},name:"hasDarkShadow"},{type:{name:"bool"},required:!1,description:"Whether or not dropdown should have a slight drop shadow",defaultValue:{value:"false",computed:!1},tags:{},name:"hasShadow"},{type:{name:"enum",value:[{value:"'dropdown-tiny'",computed:!1},{value:"'menu-control-tiny'",computed:!1}]},required:!1,description:"The icon to use for the dropdown chevron",defaultValue:{value:"'menu-control-tiny'",computed:!1},tags:{},name:"iconName"},{type:{name:"bool"},required:!1,description:"is active",defaultValue:{value:"false",computed:!1},tags:{},name:"isActive"},{type:{name:"bool"},required:!1,description:"Is it a nested dropdown",defaultValue:{value:"false",computed:!1},tags:{},name:"isLevel2"},{type:{name:"bool"},required:!1,description:"if the top of nested dropdown content should be positioned at the same height as toggle",defaultValue:{value:"false",computed:!1},tags:{},name:"isStickedToParent"},{type:{name:"bool"},required:!1,description:"Should chevron on the top of dropdown content be hidden",defaultValue:{value:"false",computed:!1},tags:{},name:"noChevron"},{type:{name:"func"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"null",computed:!1},tags:{},name:"onClose"},{type:{name:"shape",value:{href:{name:"string",required:!1}}},required:!1,description:"HTML attributes to add to toggle",defaultValue:{value:"{}",computed:!1},tags:{},name:"toggleAttrs"},{type:{name:"string"},required:!1,description:"HTML classes to add to toggle",defaultValue:{value:"''",computed:!1},tags:{},name:"toggleClassName"}],doclets:{},tags:{},examples:n(350)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"\n

I am a text inside dropdown!

\n",settings:{},evalInContext:a},{type:"markdown",content:"Dropdown using dropdown-tiny chevron:"},{type:"code",content:'\n

I am a text inside dropdown!

\n',settings:{},evalInContext:a},{type:"markdown",content:"Nested dropdown:"},{type:"code",content:'\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n

I am a text inside dropdown!

\n \n

I am a text inside dropdown!

\n',settings:{},evalInContext:a}]},function(e,t,n){var r=n(352);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".expandable-text__expand {\n /* unstyle button */\n background: none;\n border: 0;\n cursor: pointer;\n display: inline;\n font: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0; }\n .expandable-text__expand:active {\n outline: 0; }\n",""])},function(e,t,n){e.exports={description:"ExpandableText component can be used to temporarily limit text showed to the user.\nIt has a button used to fully expand the text.\nIf the source text is shorter than the limit the button do not show.\n\nBoth button label and string used to ellipsis has to be configured.\nButton and the text itself can be syled with classes passed to the component.\n",displayName:"ExpandableText",methods:[],props:[{type:{name:"number"},required:!0,description:"Additional class name",tags:{},name:"characterLimit"},{type:{name:"string"},required:!0,description:"Label used on the expand button",tags:{},name:"expandLabel"},{type:{name:"string"},required:!0,description:"Full text to display",tags:{},name:"text"},{type:{name:"string"},required:!1,description:"Character limit",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"string"},required:!1,description:"Ellipsis (defaults to `…`)",defaultValue:{value:"'\\u2026'",computed:!1},tags:{},name:"ellipsis"},{type:{name:"string"},required:!1,description:"Additional class name for the expand button",defaultValue:{value:"''",computed:!1},tags:{},name:"expandClassName"}],doclets:{},tags:{},examples:n(354)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FandomBackgroundImage(e){var t=e.className,n=e.width,r=_objectWithoutProperties(e,["className","width"]),a=Math.floor(9*n/16);return o.a.createElement("svg",_extends({className:t,width:n,height:a,viewBox:"0 0 322 182",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},r),o.a.createElement("defs",null,o.a.createElement("path",{id:"fandom-background-image-a",d:"M0 0h322v181.125H0z"})),o.a.createElement("g",{fill:"none",fillRule:"evenodd"},o.a.createElement("mask",{id:"fandom-background-image-b",fill:"#fff"},o.a.createElement("use",{xlinkHref:"#fandom-background-image-a"})),o.a.createElement("use",{fill:"#00D6D6",xlinkHref:"#fandom-background-image-a"}),o.a.createElement("g",{fill:"#002A32",opacity:".07",mask:"url(#fandom-background-image-b)"},o.a.createElement("path",{d:"M220.746 101.305c0 1.17-.457 2.29-1.27 3.122l-53.435 54.578c-.9.908-1.81 1.315-2.94 1.315-1.17 0-2.2-.444-3.07-1.32l-3.77-3.607a1.695 1.695 0 0 1-.03-2.402l61.67-62.86c1.05-1.07 2.86-.32 2.86 1.19v10zm-68.525 41.157l-3.05 2.783a2.52 2.52 0 0 1-3.48-.078l-40.66-40.454a5.465 5.465 0 0 1-1.6-3.86v-7.56c0-2.722 3.26-4.094 5.19-2.18l43.17 42.947c.75.756 2.02 2.315 2.02 4.2 0 1.2-.27 2.902-1.56 4.202zm-36.34-78.29l13.99-14.086a1.66 1.66 0 0 1 2.36 0l46.85 47.188c5.02 5.053 5.02 13.244 0 18.296l-13.98 14.082a1.66 1.66 0 0 1-2.36 0l-46.84-47.19c-2.41-2.43-3.74-5.678-3.74-9.148 0-3.465 1.33-6.712 3.74-9.14zm55.43 8.07l14.62-14.726c2.85-2.867 6.82-4.218 10.93-3.647 2.88.4 5.5 1.9 7.56 3.98l14.81 14.91c.65.65.65 1.72 0 2.38L196.7 97.81a1.663 1.663 0 0 1-2.363 0L171.31 74.62a1.692 1.692 0 0 1 0-2.38zm58.14-2.797l-32.61-33.408a3.422 3.422 0 0 0-4.9-.01l-25.86 26.298a5.097 5.097 0 0 1-7.26.02l-25.86-26.02a3.424 3.424 0 0 0-4.85-.018L94.8 69.367a6.024 6.024 0 0 0-1.8 4.296v31.307c0 1.6.63 3.135 1.755 4.267l64.92 65.363a3.425 3.425 0 0 0 4.87-.002l64.862-65.363a6.055 6.055 0 0 0 1.753-4.265V73.673c0-1.58-.617-3.1-1.718-4.228z"}),o.a.createElement("path",{d:"M248.557 243.388a6.624 6.624 0 0 1-1.886 4.632l-79.28 80.987c-1.34 1.347-2.69 1.95-4.37 1.95-1.73 0-3.26-.66-4.55-1.958l-5.59-5.36a2.517 2.517 0 0 1-.06-3.57l91.51-93.29c1.56-1.59 4.25-.48 4.25 1.75v14.83zm-101.68 61.07l-4.536 4.13a3.735 3.735 0 0 1-5.16-.115l-60.34-60.03a8.074 8.074 0 0 1-2.37-5.727V231.5c0-4.04 4.84-6.077 7.69-3.237l64.05 63.727c1.12 1.123 3 3.436 3 6.232 0 1.78-.4 4.308-2.31 6.237zm-53.93-116.17l20.752-20.903a2.46 2.46 0 0 1 3.5 0l69.51 70.02c7.44 7.5 7.44 19.653 0 27.15l-20.74 20.895c-.97.975-2.54.975-3.51 0l-69.51-70.022c-3.58-3.606-5.55-8.426-5.55-13.575 0-5.142 1.97-9.96 5.54-13.565zm82.255 11.972l21.692-21.85c4.23-4.254 10.117-6.26 16.212-5.41 4.276.594 8.16 2.83 11.21 5.905l21.965 22.125c.97.975.97 2.555 0 3.532l-33.4 33.648c-.96.973-2.54.973-3.5 0l-34.16-34.42a2.505 2.505 0 0 1 0-3.53zm86.26-4.148l-48.38-49.573a5.084 5.084 0 0 0-7.278-.02l-38.37 39.02a7.565 7.565 0 0 1-10.774.03l-38.38-38.62a5.088 5.088 0 0 0-7.2-.03l-49.43 49.06a8.978 8.978 0 0 0-2.65 6.37v46.45c0 2.372.936 4.65 2.605 6.33l96.33 96.99a5.088 5.088 0 0 0 7.23 0l96.244-96.99a9.015 9.015 0 0 0 2.6-6.33v-46.44c0-2.35-.92-4.6-2.55-6.277zM74.452-61.735c0-1.733.68-3.397 1.887-4.63l79.28-80.988c1.34-1.347 2.69-1.95 4.37-1.95 1.73 0 3.26.66 4.55 1.958l5.59 5.352c1.01.963 1.03 2.57.06 3.565l-91.5 93.286c-1.56 1.59-4.25.477-4.25-1.755v-14.838zm101.68-61.07l4.537-4.13a3.735 3.735 0 0 1 5.16.115l60.34 60.03a8.078 8.078 0 0 1 2.37 5.728v11.215c0 4.04-4.84 6.077-7.69 3.237l-64.05-63.727c-1.12-1.123-3-3.436-3-6.232 0-1.78.4-4.3 2.31-6.23zm53.93 116.17L209.31 14.268a2.464 2.464 0 0 1-3.504 0l-69.517-70.02c-7.45-7.498-7.45-19.653 0-27.15l20.74-20.895a2.46 2.46 0 0 1 3.5 0l69.51 70.023c3.58 3.605 5.55 8.426 5.55 13.574 0 5.142-1.97 9.96-5.54 13.565zM147.81-18.607l-21.692 21.85c-4.23 4.255-10.117 6.26-16.212 5.412-4.276-.595-8.16-2.832-11.21-5.906L76.728-19.38a2.507 2.507 0 0 1 0-3.532l33.403-33.646a2.472 2.472 0 0 1 3.51 0l34.17 34.418c.97.976.97 2.557 0 3.53zM61.55-14.46l48.38 49.576a5.086 5.086 0 0 0 7.278.013l38.37-39.02a7.556 7.556 0 0 1 10.774-.03l38.38 38.61a5.079 5.079 0 0 0 7.2.02l49.43-49.06a8.984 8.984 0 0 0 2.65-6.38v-46.45a8.97 8.97 0 0 0-2.605-6.33l-96.33-96.99a5.088 5.088 0 0 0-7.23 0L61.6-73.5a8.986 8.986 0 0 0-2.6 6.327v46.44c0 2.348.915 4.6 2.55 6.274zM8.612 177.558a6.624 6.624 0 0 1-4.632-1.886l-80.987-79.285c-1.347-1.338-1.95-2.688-1.95-4.37 0-1.734.66-3.266 1.958-4.557l5.36-5.59a2.515 2.515 0 0 1 3.57-.058l93.29 91.505c1.59 1.558.48 4.243-1.75 4.243H8.62zm-61.07-101.68l-4.13-4.536a3.74 3.74 0 0 1 .115-5.164L3.557 5.83a8.074 8.074 0 0 1 5.726-2.378H20.5c4.04 0 6.077 4.837 3.237 7.69L-39.99 75.2c-1.123 1.113-3.436 2.993-6.232 2.993-1.78 0-4.308-.402-6.237-2.317zm116.17-53.93L84.615 42.7a2.464 2.464 0 0 1 0 3.504l-70.02 69.517c-7.5 7.45-19.653 7.45-27.15 0L-33.45 94.98a2.468 2.468 0 0 1 0-3.507L36.572 21.96c3.606-3.58 8.426-5.55 13.575-5.55 5.142 0 9.96 1.967 13.565 5.54zM51.74 104.202l21.85 21.692c4.254 4.23 6.26 10.117 5.41 16.212-.594 4.276-2.83 8.16-5.905 11.21L50.97 175.282c-.975.97-2.555.97-3.532 0L13.79 141.878a2.47 2.47 0 0 1 0-3.507l34.42-34.16a2.505 2.505 0 0 1 3.53 0zm4.148 86.26l49.573-48.38c2.05-2 2.06-5.272.02-7.278l-39.02-38.37a7.565 7.565 0 0 1-.03-10.774l38.62-38.38c2-1.987 2.01-5.202.03-7.2L56.01-9.35A8.997 8.997 0 0 0 49.63-12H3.174a8.974 8.974 0 0 0-6.33 2.605l-96.99 96.33a5.086 5.086 0 0 0 .002 7.23l96.99 96.244a9.009 9.009 0 0 0 6.328 2.6h46.44a9 9 0 0 0 6.274-2.55zM313.735 3.452c1.733 0 3.397.68 4.63 1.887l80.988 79.28c1.347 1.34 1.95 2.69 1.95 4.37 0 1.73-.66 3.26-1.958 4.55l-5.352 5.59a2.511 2.511 0 0 1-3.565.06l-93.286-91.5c-1.59-1.56-.477-4.25 1.755-4.25h14.838zm61.07 101.68l4.13 4.537a3.735 3.735 0 0 1-.115 5.16l-60.03 60.34a8.078 8.078 0 0 1-5.728 2.37h-11.215c-4.04 0-6.077-4.84-3.237-7.69l63.727-64.06c1.123-1.12 3.436-3 6.232-3 1.78 0 4.3.4 6.23 2.312zm-116.17 53.93l-20.903-20.75a2.466 2.466 0 0 1 0-3.505l70.02-69.517c7.498-7.444 19.653-7.444 27.15 0l20.895 20.743c.975.97.975 2.54 0 3.507l-70.023 69.515c-3.605 3.578-8.426 5.55-13.574 5.55-5.142 0-9.96-1.968-13.565-5.542zm11.972-82.254l-21.85-21.692c-4.255-4.23-6.26-10.117-5.412-16.212.595-4.276 2.832-8.16 5.906-11.21L271.38 5.73a2.507 2.507 0 0 1 3.532 0l33.646 33.402c.975.968.975 2.54 0 3.507L274.14 76.8a2.508 2.508 0 0 1-3.53 0zm-4.148-86.26l-49.58 48.38a5.084 5.084 0 0 0-.02 7.278l39.02 38.37a7.574 7.574 0 0 1 .03 10.774l-38.61 38.38a5.088 5.088 0 0 0-.03 7.2l49.05 49.43a8.978 8.978 0 0 0 6.37 2.65h46.46c2.37 0 4.65-.936 6.33-2.605l96.99-96.33a5.08 5.08 0 0 0-.01-7.23L325.5-9.4a8.986 8.986 0 0 0-6.327-2.6h-46.44c-2.348 0-4.6.915-6.274 2.55z"}))))};s.propTypes={className:i.a.string,width:i.a.number},s.defaultProps={className:"",width:322},t.default=s},function(e,t,n){e.exports={description:"An image background that can be used as a sample image.\n",displayName:"FandomBackgroundImage",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"number"},required:!1,description:"Image width",defaultValue:{value:"322",computed:!1},tags:{},name:"width"}],doclets:{},tags:{},examples:n(357)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:"",settings:{},evalInContext:a},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\n\t\n
",settings:{},evalInContext:a}]},function(e,t,n){var r=n(359);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-fandom-content-well {\n box-sizing: border-box; }\n @media only screen and (max-width: 767px) {\n .wds-fandom-content-well {\n margin: 0 18px; } }\n @media only screen and (min-width: 768px) {\n .wds-fandom-content-well {\n margin: 0 auto; } }\n @media only screen and (min-width: 768px) and (max-width: 1023px) {\n .wds-fandom-content-well {\n width: 732px; } }\n @media only screen and (min-width: 1024px) and (max-width: 1279px) {\n .wds-fandom-content-well {\n width: 988px; } }\n @media only screen and (min-width: 1280px) {\n .wds-fandom-content-well {\n width: 1244px; } }\n",""])},function(e,t,n){e.exports={description:"FandomContentWell wraps `children` in `wds-content-well($use-xxlarge-breakpoint: false)` CSS mixin.\n",displayName:"FandomContentWell",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},tags:{},examples:n(361)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Open this example in the new page to see the difference:"},{type:"code",content:'\n\t
FandomContentWell
\n',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(363);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function Fieldset(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fieldset ".concat(t)},r),n)};s.propTypes={children:i.a.node,className:i.a.string},s.defaultProps={children:null,className:""},t.default=s},function(e,t,n){var r=n(364);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,".wds-fieldset {\n background-color: #fff;\n border: 0;\n display: flex;\n flex-direction: column;\n margin-bottom: 6px;\n padding: 16px 0; }\n",""])},function(e,t,n){e.exports={description:"",displayName:"Fieldset",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"}],doclets:{},examples:n(366)}},function(e,t,n){var r={react:n(0)},o=n(2).bind(null,r),a=n(3).bind(null,"var React = require('react');",o);e.exports=[{type:"markdown",content:"Defaults:"},{type:"code",content:'
\n\t\n\t\n
',settings:{},evalInContext:a}]},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(1),i=n.n(a);n(368);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}var s=function FloatingButton(e){var t=e.className,n=e.href,r=e.children,a=_objectWithoutProperties(e,["className","href","children"]),i=["wds-floating-button",t].filter(function(e){return e}).join(" ");return n?o.a.createElement("a",_extends({href:n,className:i},a),r):o.a.createElement("button",_extends({className:i},a),r)};s.propTypes={children:i.a.node,className:i.a.string,disabled:i.a.bool,href:i.a.string,onClick:i.a.func},s.defaultProps={children:null,className:"",disabled:!1,href:null,onClick:function onClick(){}},t.default=s},function(e,t,n){var r=n(369);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(8)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(7)(!1)).push([e.i,"/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n/**\n* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/\n*/\n/**\n* Implementation taken from http://alienryderflex.com/hsp.html\n*/\n.wds-floating-button {\n align-items: center;\n background: #fff;\n border-radius: 50%;\n border: 0;\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.2);\n display: flex;\n height: 36px;\n justify-content: center;\n margin: 0;\n outline: none;\n padding: 0;\n transition-duration: 300ms;\n transition-property: box-shadow;\n width: 36px; }\n .wds-floating-button:not([disabled]), .wds-floating-button:not(.wds-is-disabled) {\n cursor: pointer; }\n .wds-floating-button:not([disabled]):hover, .wds-floating-button:not(.wds-is-disabled):hover {\n box-shadow: 0 0 10px 0 rgba(26, 26, 26, 0.4); }\n\n.wds-floating-button-group {\n display: inline-flex; }\n .wds-floating-button-group.wds-is-vertical {\n flex-flow: column; }\n .wds-floating-button-group:not(.wds-is-vertical) > .wds-floating-button:not(:first-child) {\n margin-left: 8px; }\n .wds-floating-button-group.wds-is-vertical > .wds-floating-button:not(:first-child) {\n margin-top: 8px; }\n",""])},function(e,t,n){e.exports={description:"Floating button (icons-only)\n",displayName:"FloatingButton",methods:[],props:[{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"bool"},required:!1,description:"Disabled attribute for the `