From faa0df9fb9d81377ebb8f4d03ff3b2ac8c0c1a9e Mon Sep 17 00:00:00 2001 From: Josh Date: Wed, 30 Jan 2019 10:36:44 -0800 Subject: [PATCH 01/22] Artifactory --- package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 2f009756..7044bc7a 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,6 @@ "version": "2.0.0", "description": "Wikia's reusable React parts", "license": "UNLICENSED", - "private": true, "peerDependencies": { "date-fns": "^1.29.0", "prop-types": "^15.6.2", @@ -12,5 +11,6 @@ "react-select": "^2.1.1", "react-redux": "^5.0.7", "immutable": "^4.0.0-rc.12" - } -} \ No newline at end of file + }, + "publishConfig":{"registry":"https://artifactory.wikia-inc.com/artifactory/api/npm/wikia-npm/"} +} From 96d50c085b40267f0294afeb955c59c3d811267b Mon Sep 17 00:00:00 2001 From: Josh Date: Wed, 30 Jan 2019 12:03:52 -0800 Subject: [PATCH 02/22] Remove dist files --- .gitignore | 2 +- assets/AvatarBadgeAdmin.js | 32 - assets/AvatarBadgeContentModerator.js | 32 - assets/AvatarBadgeDiscussionModerator.js | 32 - .../AvatarBadgeGlobalDiscussionsModerator.js | 32 - assets/AvatarBadgeHelper.js | 37 - assets/AvatarBadgeStaff.js | 32 - assets/AvatarBadgeVstf.js | 32 - assets/LogoFandom.js | 32 - assets/LogoFandomHeart.js | 27 - assets/LogoFandomWhite.js | 32 - assets/LogoWikia.js | 27 - assets/LogoWikiaOrgWhite.js | 41 - assets/README.md | 2 - assets/StoreAppstore.js | 33 - assets/StoreGoogleplay.js | 78 -- components/Avatar.css | 79 -- components/Avatar.js | 389 ------ components/BannerNotification.css | 76 -- components/BannerNotification.js | 184 --- components/BannerNotifications.css | 76 -- components/BannerNotifications.js | 400 ------- components/Button.css | 541 --------- components/Button.js | 132 --- components/ButtonGroup.css | 79 -- components/ButtonGroup.js | 91 -- components/ContentWell.css | 45 - components/ContentWell.js | 88 -- components/Dropdown.css | 219 ---- components/Dropdown.js | 674 ----------- components/ExpandableText.css | 14 - components/ExpandableText.js | 204 ---- components/FandomBackgroundImage.js | 121 -- components/FandomContentWell.css | 40 - components/FandomContentWell.js | 88 -- components/Fieldset.css | 8 - components/Fieldset.js | 84 -- components/FloatingButton.css | 53 - components/FloatingButton.js | 112 -- components/FloatingButtonGroup.css | 53 - components/FloatingButtonGroup.js | 96 -- components/Icon.css | 28 - components/Icon.js | 106 -- components/IconSprite.js | 19 - components/IconTest.js | 28 - components/Input.css | 82 -- components/Input.js | 927 --------------- components/README.md | 2 - components/Select.css | 82 -- components/Select.js | 524 --------- components/Spinner.css | 40 - components/Spinner.js | 85 -- components/Timeago.js | 259 ---- components/VideoPlayIcon.css | 9 - components/VideoPlayIcon.js | 80 -- components/Vignette.js | 199 ---- docs/build/1.f84a5b7d.js | 1 - docs/build/bundle.6e4b4ae0.js | 71 -- docs/index.html | 1 - hocs/README.md | 2 - hocs/withTimeoutFallback.js | 208 ---- icons/IconActivity.js | 32 - icons/IconActivitySmall.js | 32 - icons/IconActivityTiny.js | 32 - icons/IconAdd.js | 32 - icons/IconAddSmall.js | 32 - icons/IconAddTiny.js | 32 - icons/IconAlert.js | 32 - icons/IconAlertSmall.js | 32 - icons/IconAlertTiny.js | 32 - icons/IconArrow.js | 32 - icons/IconArrowSmall.js | 32 - icons/IconArrowTiny.js | 32 - icons/IconAvatar.js | 32 - icons/IconAvatarSmall.js | 32 - icons/IconAvatarTiny.js | 32 - icons/IconBell.js | 32 - icons/IconBellSmall.js | 32 - icons/IconBellTiny.js | 32 - icons/IconBold.js | 32 - icons/IconBoldActive.js | 32 - icons/IconBoldActiveSmall.js | 32 - icons/IconBoldActiveTiny.js | 32 - icons/IconBoldSmall.js | 32 - icons/IconBoldTiny.js | 32 - icons/IconBook.js | 32 - icons/IconBookSmall.js | 32 - icons/IconBookTiny.js | 32 - icons/IconBookmark.js | 32 - icons/IconBookmarkSmall.js | 32 - icons/IconBookmarkTiny.js | 32 - icons/IconBubble.js | 32 - icons/IconBubbleSmall.js | 32 - icons/IconBubbleTiny.js | 32 - icons/IconBulletList.js | 32 - icons/IconBulletListSmall.js | 32 - icons/IconBulletListTiny.js | 32 - icons/IconCalendar.js | 32 - icons/IconCalendarSmall.js | 32 - icons/IconCalendarTiny.js | 32 - icons/IconCamera.js | 32 - icons/IconCameraSmall.js | 32 - icons/IconCameraTiny.js | 32 - icons/IconCheckbox.js | 32 - icons/IconCheckboxEmpty.js | 32 - icons/IconCheckboxEmptySmall.js | 32 - icons/IconCheckboxEmptyTiny.js | 32 - icons/IconCheckboxSmall.js | 32 - icons/IconCheckboxTiny.js | 32 - icons/IconCheckmark.js | 27 - icons/IconCheckmarkSmall.js | 27 - icons/IconCheckmarkTiny.js | 27 - icons/IconClipboard.js | 32 - icons/IconClipboardSmall.js | 32 - icons/IconClipboardTiny.js | 32 - icons/IconClock.js | 27 - icons/IconClockSmall.js | 27 - icons/IconClockTiny.js | 27 - icons/IconClose.js | 32 - icons/IconCloseSmall.js | 32 - icons/IconCloseTiny.js | 32 - icons/IconComment.js | 32 - icons/IconCommentSmall.js | 32 - icons/IconCommentTiny.js | 32 - icons/IconControls.js | 32 - icons/IconControlsSmall.js | 32 - icons/IconControlsTiny.js | 32 - icons/IconDashboard.js | 27 - icons/IconDashboardSmall.js | 27 - icons/IconDashboardTiny.js | 27 - icons/IconDownload.js | 32 - icons/IconDownloadSmall.js | 32 - icons/IconDownloadTiny.js | 32 - icons/IconDropdown.js | 32 - icons/IconDropdownSmall.js | 32 - icons/IconDropdownTiny.js | 32 - icons/IconEnvelope.js | 27 - icons/IconEnvelopeSmall.js | 27 - icons/IconEnvelopeTiny.js | 27 - icons/IconExternal.js | 27 - icons/IconExternalSmall.js | 42 - icons/IconExternalTiny.js | 27 - icons/IconEye.js | 32 - icons/IconEyeCrossed.js | 32 - icons/IconEyeCrossedSmall.js | 32 - icons/IconEyeCrossedTiny.js | 32 - icons/IconEyeSmall.js | 32 - icons/IconEyeTiny.js | 32 - icons/IconFacebook.js | 32 - icons/IconFacebookSmall.js | 32 - icons/IconFacebookTiny.js | 32 - icons/IconFandom.js | 32 - icons/IconFandomSmall.js | 32 - icons/IconFandomTiny.js | 32 - icons/IconFlag.js | 32 - icons/IconFlagSmall.js | 32 - icons/IconFlagTiny.js | 32 - icons/IconFootnote.js | 32 - icons/IconFootnoteSmall.js | 32 - icons/IconFootnoteTiny.js | 32 - icons/IconGear.js | 27 - icons/IconGearSmall.js | 27 - icons/IconGearTiny.js | 27 - icons/IconGoogleplus.js | 27 - icons/IconGrid.js | 27 - icons/IconGridSmall.js | 27 - icons/IconGridTiny.js | 27 - icons/IconGripper.js | 32 - icons/IconGripperSmall.js | 32 - icons/IconGripperTiny.js | 32 - icons/IconH2.js | 32 - icons/IconH2Small.js | 32 - icons/IconH2Tiny.js | 32 - icons/IconH3.js | 32 - icons/IconH3Small.js | 32 - icons/IconH3Tiny.js | 32 - icons/IconHome.js | 32 - icons/IconHomeSmall.js | 32 - icons/IconHomeTiny.js | 32 - icons/IconImage.js | 32 - icons/IconImageSmall.js | 32 - icons/IconImageTiny.js | 32 - icons/IconImages.js | 32 - icons/IconImagesSmall.js | 32 - icons/IconImagesTiny.js | 32 - icons/IconIndentLeft.js | 32 - icons/IconIndentLeftSmall.js | 32 - icons/IconIndentLeftTiny.js | 32 - icons/IconIndentRight.js | 32 - icons/IconIndentRightSmall.js | 32 - icons/IconIndentRightTiny.js | 32 - icons/IconInstagram.js | 33 - icons/IconItalics.js | 32 - icons/IconItalicsSmall.js | 32 - icons/IconItalicsTiny.js | 32 - icons/IconLeftAlign.js | 32 - icons/IconLeftAlignSmall.js | 32 - icons/IconLeftAlignTiny.js | 32 - icons/IconLine.js | 27 - icons/IconLink.js | 32 - icons/IconLinkSmall.js | 32 - icons/IconLinkTiny.js | 32 - icons/IconLinkedin.js | 27 - icons/IconLoading.js | 27 - icons/IconLock.js | 32 - icons/IconLockSmall.js | 32 - icons/IconLockTiny.js | 32 - icons/IconMagnifyingGlass.js | 27 - icons/IconMagnifyingGlassSmall.js | 27 - icons/IconMagnifyingGlassTiny.js | 27 - icons/IconMap.js | 32 - icons/IconMapSmall.js | 32 - icons/IconMapTiny.js | 32 - icons/IconMeneame.js | 29 - icons/IconMenu.js | 32 - icons/IconMenuControl.js | 27 - icons/IconMenuControlSmall.js | 27 - icons/IconMenuControlTiny.js | 27 - icons/IconMenuSmall.js | 32 - icons/IconMenuTiny.js | 32 - icons/IconMessage.js | 32 - icons/IconMessageSmall.js | 32 - icons/IconMessageTiny.js | 32 - icons/IconMore.js | 32 - icons/IconMoreSmall.js | 32 - icons/IconMoreTiny.js | 32 - icons/IconNk.js | 27 - icons/IconNumberedList.js | 32 - icons/IconNumberedListSmall.js | 32 - icons/IconNumberedListTiny.js | 32 - icons/IconOdnoklassniki.js | 27 - icons/IconPage.js | 27 - icons/IconPageList.js | 32 - icons/IconPageListSmall.js | 32 - icons/IconPageListTiny.js | 32 - icons/IconPageSmall.js | 27 - icons/IconPageTiny.js | 27 - icons/IconPages.js | 32 - icons/IconPagesSmall.js | 32 - icons/IconPagesTiny.js | 32 - icons/IconParagraph.js | 32 - icons/IconParagraphSmall.js | 32 - icons/IconParagraphTiny.js | 32 - icons/IconPause.js | 32 - icons/IconPauseSmall.js | 32 - icons/IconPauseTiny.js | 32 - icons/IconPencil.js | 32 - icons/IconPencilSmall.js | 32 - icons/IconPencilTiny.js | 32 - icons/IconPin.js | 32 - icons/IconPinSmall.js | 32 - icons/IconPinTiny.js | 32 - icons/IconPlay.js | 32 - icons/IconPlaySmall.js | 32 - icons/IconPlayTiny.js | 32 - icons/IconPoll.js | 32 - icons/IconPollSmall.js | 32 - icons/IconPollTiny.js | 32 - icons/IconQuestion.js | 32 - icons/IconQuestionSmall.js | 32 - icons/IconQuestionTiny.js | 32 - icons/IconQuote.js | 32 - icons/IconQuoteSmall.js | 32 - icons/IconQuoteTiny.js | 32 - icons/IconQzone.js | 27 - icons/IconRadioActive.js | 32 - icons/IconRadioActiveSmall.js | 32 - icons/IconRadioActiveTiny.js | 32 - icons/IconRadioEmpty.js | 32 - icons/IconRadioEmptySmall.js | 32 - icons/IconRadioEmptyTiny.js | 32 - icons/IconReddit.js | 32 - icons/IconRedditSmall.js | 32 - icons/IconRedditTiny.js | 32 - icons/IconRefresh.js | 32 - icons/IconRefreshSmall.js | 32 - icons/IconRefreshTiny.js | 32 - icons/IconReply.js | 32 - icons/IconReplySmall.js | 32 - icons/IconReplyTiny.js | 32 - icons/IconShare.js | 32 - icons/IconShareSmall.js | 32 - icons/IconShareTiny.js | 32 - icons/IconSitemap.js | 32 - icons/IconSitemapSmall.js | 32 - icons/IconSitemapTiny.js | 32 - icons/IconSound.js | 32 - icons/IconSoundOff.js | 32 - icons/IconSoundOffSmall.js | 32 - icons/IconSoundOffTiny.js | 32 - icons/IconSoundSmall.js | 32 - icons/IconSoundTiny.js | 32 - icons/IconTag.js | 32 - icons/IconTagSmall.js | 32 - icons/IconTagTiny.js | 32 - icons/IconText.js | 32 - icons/IconTextSmall.js | 32 - icons/IconTextTiny.js | 32 - icons/IconTrash.js | 32 - icons/IconTrashOpen.js | 32 - icons/IconTrashOpenSmall.js | 32 - icons/IconTrashOpenTiny.js | 32 - icons/IconTrashSmall.js | 32 - icons/IconTrashTiny.js | 32 - icons/IconTumblr.js | 27 - icons/IconTwitter.js | 32 - icons/IconTwitterSmall.js | 32 - icons/IconTwitterTiny.js | 32 - icons/IconUnlock.js | 32 - icons/IconUnlockSmall.js | 32 - icons/IconUnlockTiny.js | 32 - icons/IconUpvote.js | 32 - icons/IconUpvoteSmall.js | 32 - icons/IconUpvoteTiny.js | 32 - icons/IconUser.js | 32 - icons/IconUserSmall.js | 32 - icons/IconUserTiny.js | 32 - icons/IconUsers.js | 32 - icons/IconUsersSmall.js | 32 - icons/IconUsersTiny.js | 32 - icons/IconVideo.js | 32 - icons/IconVideoSmall.js | 32 - icons/IconVideoTiny.js | 32 - icons/IconVkontakte.js | 27 - icons/IconWatch.js | 32 - icons/IconWatchSmall.js | 32 - icons/IconWatchTiny.js | 32 - icons/IconWeibo.js | 28 - icons/IconWykop.js | 27 - icons/IconYoutube.js | 27 - icons/IconZoomIn.js | 32 - icons/IconZoomInSmall.js | 32 - icons/IconZoomInTiny.js | 32 - icons/IconZoomOut.js | 32 - icons/IconZoomOutSmall.js | 32 - icons/IconZoomOutTiny.js | 32 - icons/README.md | 2 - models/Loadable.js | 489 -------- models/Model.js | 364 ------ models/README.md | 2 - package.json | 6 +- source/config/config.js | 2 +- source/package.json | 3 + source/scripts/build-readme.js | 2 +- systems/BannerNotifications.css | 76 -- systems/BannerNotifications.js | 1048 ----------------- systems/README.md | 2 - 347 files changed, 9 insertions(+), 17793 deletions(-) delete mode 100644 assets/AvatarBadgeAdmin.js delete mode 100644 assets/AvatarBadgeContentModerator.js delete mode 100644 assets/AvatarBadgeDiscussionModerator.js delete mode 100644 assets/AvatarBadgeGlobalDiscussionsModerator.js delete mode 100644 assets/AvatarBadgeHelper.js delete mode 100644 assets/AvatarBadgeStaff.js delete mode 100644 assets/AvatarBadgeVstf.js delete mode 100644 assets/LogoFandom.js delete mode 100644 assets/LogoFandomHeart.js delete mode 100644 assets/LogoFandomWhite.js delete mode 100644 assets/LogoWikia.js delete mode 100644 assets/LogoWikiaOrgWhite.js delete mode 100644 assets/README.md delete mode 100644 assets/StoreAppstore.js delete mode 100644 assets/StoreGoogleplay.js delete mode 100644 components/Avatar.css delete mode 100644 components/Avatar.js delete mode 100644 components/BannerNotification.css delete mode 100644 components/BannerNotification.js delete mode 100644 components/BannerNotifications.css delete mode 100644 components/BannerNotifications.js delete mode 100644 components/Button.css delete mode 100644 components/Button.js delete mode 100644 components/ButtonGroup.css delete mode 100644 components/ButtonGroup.js delete mode 100644 components/ContentWell.css delete mode 100644 components/ContentWell.js delete mode 100644 components/Dropdown.css delete mode 100644 components/Dropdown.js delete mode 100644 components/ExpandableText.css delete mode 100644 components/ExpandableText.js delete mode 100644 components/FandomBackgroundImage.js delete mode 100644 components/FandomContentWell.css delete mode 100644 components/FandomContentWell.js delete mode 100644 components/Fieldset.css delete mode 100644 components/Fieldset.js delete mode 100644 components/FloatingButton.css delete mode 100644 components/FloatingButton.js delete mode 100644 components/FloatingButtonGroup.css delete mode 100644 components/FloatingButtonGroup.js delete mode 100644 components/Icon.css delete mode 100644 components/Icon.js delete mode 100644 components/IconSprite.js delete mode 100644 components/IconTest.js delete mode 100644 components/Input.css delete mode 100644 components/Input.js delete mode 100644 components/README.md delete mode 100644 components/Select.css delete mode 100644 components/Select.js delete mode 100644 components/Spinner.css delete mode 100644 components/Spinner.js delete mode 100644 components/Timeago.js delete mode 100644 components/VideoPlayIcon.css delete mode 100644 components/VideoPlayIcon.js delete mode 100644 components/Vignette.js delete mode 100644 docs/build/1.f84a5b7d.js delete mode 100644 docs/build/bundle.6e4b4ae0.js delete mode 100644 docs/index.html delete mode 100644 hocs/README.md delete mode 100644 hocs/withTimeoutFallback.js delete mode 100644 icons/IconActivity.js delete mode 100644 icons/IconActivitySmall.js delete mode 100644 icons/IconActivityTiny.js delete mode 100644 icons/IconAdd.js delete mode 100644 icons/IconAddSmall.js delete mode 100644 icons/IconAddTiny.js delete mode 100644 icons/IconAlert.js delete mode 100644 icons/IconAlertSmall.js delete mode 100644 icons/IconAlertTiny.js delete mode 100644 icons/IconArrow.js delete mode 100644 icons/IconArrowSmall.js delete mode 100644 icons/IconArrowTiny.js delete mode 100644 icons/IconAvatar.js delete mode 100644 icons/IconAvatarSmall.js delete mode 100644 icons/IconAvatarTiny.js delete mode 100644 icons/IconBell.js delete mode 100644 icons/IconBellSmall.js delete mode 100644 icons/IconBellTiny.js delete mode 100644 icons/IconBold.js delete mode 100644 icons/IconBoldActive.js delete mode 100644 icons/IconBoldActiveSmall.js delete mode 100644 icons/IconBoldActiveTiny.js delete mode 100644 icons/IconBoldSmall.js delete mode 100644 icons/IconBoldTiny.js delete mode 100644 icons/IconBook.js delete mode 100644 icons/IconBookSmall.js delete mode 100644 icons/IconBookTiny.js delete mode 100644 icons/IconBookmark.js delete mode 100644 icons/IconBookmarkSmall.js delete mode 100644 icons/IconBookmarkTiny.js delete mode 100644 icons/IconBubble.js delete mode 100644 icons/IconBubbleSmall.js delete mode 100644 icons/IconBubbleTiny.js delete mode 100644 icons/IconBulletList.js delete mode 100644 icons/IconBulletListSmall.js delete mode 100644 icons/IconBulletListTiny.js delete mode 100644 icons/IconCalendar.js delete mode 100644 icons/IconCalendarSmall.js delete mode 100644 icons/IconCalendarTiny.js delete mode 100644 icons/IconCamera.js delete mode 100644 icons/IconCameraSmall.js delete mode 100644 icons/IconCameraTiny.js delete mode 100644 icons/IconCheckbox.js delete mode 100644 icons/IconCheckboxEmpty.js delete mode 100644 icons/IconCheckboxEmptySmall.js delete mode 100644 icons/IconCheckboxEmptyTiny.js delete mode 100644 icons/IconCheckboxSmall.js delete mode 100644 icons/IconCheckboxTiny.js delete mode 100644 icons/IconCheckmark.js delete mode 100644 icons/IconCheckmarkSmall.js delete mode 100644 icons/IconCheckmarkTiny.js delete mode 100644 icons/IconClipboard.js delete mode 100644 icons/IconClipboardSmall.js delete mode 100644 icons/IconClipboardTiny.js delete mode 100644 icons/IconClock.js delete mode 100644 icons/IconClockSmall.js delete mode 100644 icons/IconClockTiny.js delete mode 100644 icons/IconClose.js delete mode 100644 icons/IconCloseSmall.js delete mode 100644 icons/IconCloseTiny.js delete mode 100644 icons/IconComment.js delete mode 100644 icons/IconCommentSmall.js delete mode 100644 icons/IconCommentTiny.js delete mode 100644 icons/IconControls.js delete mode 100644 icons/IconControlsSmall.js delete mode 100644 icons/IconControlsTiny.js delete mode 100644 icons/IconDashboard.js delete mode 100644 icons/IconDashboardSmall.js delete mode 100644 icons/IconDashboardTiny.js delete mode 100644 icons/IconDownload.js delete mode 100644 icons/IconDownloadSmall.js delete mode 100644 icons/IconDownloadTiny.js delete mode 100644 icons/IconDropdown.js delete mode 100644 icons/IconDropdownSmall.js delete mode 100644 icons/IconDropdownTiny.js delete mode 100644 icons/IconEnvelope.js delete mode 100644 icons/IconEnvelopeSmall.js delete mode 100644 icons/IconEnvelopeTiny.js delete mode 100644 icons/IconExternal.js delete mode 100644 icons/IconExternalSmall.js delete mode 100644 icons/IconExternalTiny.js delete mode 100644 icons/IconEye.js delete mode 100644 icons/IconEyeCrossed.js delete mode 100644 icons/IconEyeCrossedSmall.js delete mode 100644 icons/IconEyeCrossedTiny.js delete mode 100644 icons/IconEyeSmall.js delete mode 100644 icons/IconEyeTiny.js delete mode 100644 icons/IconFacebook.js delete mode 100644 icons/IconFacebookSmall.js delete mode 100644 icons/IconFacebookTiny.js delete mode 100644 icons/IconFandom.js delete mode 100644 icons/IconFandomSmall.js delete mode 100644 icons/IconFandomTiny.js delete mode 100644 icons/IconFlag.js delete mode 100644 icons/IconFlagSmall.js delete mode 100644 icons/IconFlagTiny.js delete mode 100644 icons/IconFootnote.js delete mode 100644 icons/IconFootnoteSmall.js delete mode 100644 icons/IconFootnoteTiny.js delete mode 100644 icons/IconGear.js delete mode 100644 icons/IconGearSmall.js delete mode 100644 icons/IconGearTiny.js delete mode 100644 icons/IconGoogleplus.js delete mode 100644 icons/IconGrid.js delete mode 100644 icons/IconGridSmall.js delete mode 100644 icons/IconGridTiny.js delete mode 100644 icons/IconGripper.js delete mode 100644 icons/IconGripperSmall.js delete mode 100644 icons/IconGripperTiny.js delete mode 100644 icons/IconH2.js delete mode 100644 icons/IconH2Small.js delete mode 100644 icons/IconH2Tiny.js delete mode 100644 icons/IconH3.js delete mode 100644 icons/IconH3Small.js delete mode 100644 icons/IconH3Tiny.js delete mode 100644 icons/IconHome.js delete mode 100644 icons/IconHomeSmall.js delete mode 100644 icons/IconHomeTiny.js delete mode 100644 icons/IconImage.js delete mode 100644 icons/IconImageSmall.js delete mode 100644 icons/IconImageTiny.js delete mode 100644 icons/IconImages.js delete mode 100644 icons/IconImagesSmall.js delete mode 100644 icons/IconImagesTiny.js delete mode 100644 icons/IconIndentLeft.js delete mode 100644 icons/IconIndentLeftSmall.js delete mode 100644 icons/IconIndentLeftTiny.js delete mode 100644 icons/IconIndentRight.js delete mode 100644 icons/IconIndentRightSmall.js delete mode 100644 icons/IconIndentRightTiny.js delete mode 100644 icons/IconInstagram.js delete mode 100644 icons/IconItalics.js delete mode 100644 icons/IconItalicsSmall.js delete mode 100644 icons/IconItalicsTiny.js delete mode 100644 icons/IconLeftAlign.js delete mode 100644 icons/IconLeftAlignSmall.js delete mode 100644 icons/IconLeftAlignTiny.js delete mode 100644 icons/IconLine.js delete mode 100644 icons/IconLink.js delete mode 100644 icons/IconLinkSmall.js delete mode 100644 icons/IconLinkTiny.js delete mode 100644 icons/IconLinkedin.js delete mode 100644 icons/IconLoading.js delete mode 100644 icons/IconLock.js delete mode 100644 icons/IconLockSmall.js delete mode 100644 icons/IconLockTiny.js delete mode 100644 icons/IconMagnifyingGlass.js delete mode 100644 icons/IconMagnifyingGlassSmall.js delete mode 100644 icons/IconMagnifyingGlassTiny.js delete mode 100644 icons/IconMap.js delete mode 100644 icons/IconMapSmall.js delete mode 100644 icons/IconMapTiny.js delete mode 100644 icons/IconMeneame.js delete mode 100644 icons/IconMenu.js delete mode 100644 icons/IconMenuControl.js delete mode 100644 icons/IconMenuControlSmall.js delete mode 100644 icons/IconMenuControlTiny.js delete mode 100644 icons/IconMenuSmall.js delete mode 100644 icons/IconMenuTiny.js delete mode 100644 icons/IconMessage.js delete mode 100644 icons/IconMessageSmall.js delete mode 100644 icons/IconMessageTiny.js delete mode 100644 icons/IconMore.js delete mode 100644 icons/IconMoreSmall.js delete mode 100644 icons/IconMoreTiny.js delete mode 100644 icons/IconNk.js delete mode 100644 icons/IconNumberedList.js delete mode 100644 icons/IconNumberedListSmall.js delete mode 100644 icons/IconNumberedListTiny.js delete mode 100644 icons/IconOdnoklassniki.js delete mode 100644 icons/IconPage.js delete mode 100644 icons/IconPageList.js delete mode 100644 icons/IconPageListSmall.js delete mode 100644 icons/IconPageListTiny.js delete mode 100644 icons/IconPageSmall.js delete mode 100644 icons/IconPageTiny.js delete mode 100644 icons/IconPages.js delete mode 100644 icons/IconPagesSmall.js delete mode 100644 icons/IconPagesTiny.js delete mode 100644 icons/IconParagraph.js delete mode 100644 icons/IconParagraphSmall.js delete mode 100644 icons/IconParagraphTiny.js delete mode 100644 icons/IconPause.js delete mode 100644 icons/IconPauseSmall.js delete mode 100644 icons/IconPauseTiny.js delete mode 100644 icons/IconPencil.js delete mode 100644 icons/IconPencilSmall.js delete mode 100644 icons/IconPencilTiny.js delete mode 100644 icons/IconPin.js delete mode 100644 icons/IconPinSmall.js delete mode 100644 icons/IconPinTiny.js delete mode 100644 icons/IconPlay.js delete mode 100644 icons/IconPlaySmall.js delete mode 100644 icons/IconPlayTiny.js delete mode 100644 icons/IconPoll.js delete mode 100644 icons/IconPollSmall.js delete mode 100644 icons/IconPollTiny.js delete mode 100644 icons/IconQuestion.js delete mode 100644 icons/IconQuestionSmall.js delete mode 100644 icons/IconQuestionTiny.js delete mode 100644 icons/IconQuote.js delete mode 100644 icons/IconQuoteSmall.js delete mode 100644 icons/IconQuoteTiny.js delete mode 100644 icons/IconQzone.js delete mode 100644 icons/IconRadioActive.js delete mode 100644 icons/IconRadioActiveSmall.js delete mode 100644 icons/IconRadioActiveTiny.js delete mode 100644 icons/IconRadioEmpty.js delete mode 100644 icons/IconRadioEmptySmall.js delete mode 100644 icons/IconRadioEmptyTiny.js delete mode 100644 icons/IconReddit.js delete mode 100644 icons/IconRedditSmall.js delete mode 100644 icons/IconRedditTiny.js delete mode 100644 icons/IconRefresh.js delete mode 100644 icons/IconRefreshSmall.js delete mode 100644 icons/IconRefreshTiny.js delete mode 100644 icons/IconReply.js delete mode 100644 icons/IconReplySmall.js delete mode 100644 icons/IconReplyTiny.js delete mode 100644 icons/IconShare.js delete mode 100644 icons/IconShareSmall.js delete mode 100644 icons/IconShareTiny.js delete mode 100644 icons/IconSitemap.js delete mode 100644 icons/IconSitemapSmall.js delete mode 100644 icons/IconSitemapTiny.js delete mode 100644 icons/IconSound.js delete mode 100644 icons/IconSoundOff.js delete mode 100644 icons/IconSoundOffSmall.js delete mode 100644 icons/IconSoundOffTiny.js delete mode 100644 icons/IconSoundSmall.js delete mode 100644 icons/IconSoundTiny.js delete mode 100644 icons/IconTag.js delete mode 100644 icons/IconTagSmall.js delete mode 100644 icons/IconTagTiny.js delete mode 100644 icons/IconText.js delete mode 100644 icons/IconTextSmall.js delete mode 100644 icons/IconTextTiny.js delete mode 100644 icons/IconTrash.js delete mode 100644 icons/IconTrashOpen.js delete mode 100644 icons/IconTrashOpenSmall.js delete mode 100644 icons/IconTrashOpenTiny.js delete mode 100644 icons/IconTrashSmall.js delete mode 100644 icons/IconTrashTiny.js delete mode 100644 icons/IconTumblr.js delete mode 100644 icons/IconTwitter.js delete mode 100644 icons/IconTwitterSmall.js delete mode 100644 icons/IconTwitterTiny.js delete mode 100644 icons/IconUnlock.js delete mode 100644 icons/IconUnlockSmall.js delete mode 100644 icons/IconUnlockTiny.js delete mode 100644 icons/IconUpvote.js delete mode 100644 icons/IconUpvoteSmall.js delete mode 100644 icons/IconUpvoteTiny.js delete mode 100644 icons/IconUser.js delete mode 100644 icons/IconUserSmall.js delete mode 100644 icons/IconUserTiny.js delete mode 100644 icons/IconUsers.js delete mode 100644 icons/IconUsersSmall.js delete mode 100644 icons/IconUsersTiny.js delete mode 100644 icons/IconVideo.js delete mode 100644 icons/IconVideoSmall.js delete mode 100644 icons/IconVideoTiny.js delete mode 100644 icons/IconVkontakte.js delete mode 100644 icons/IconWatch.js delete mode 100644 icons/IconWatchSmall.js delete mode 100644 icons/IconWatchTiny.js delete mode 100644 icons/IconWeibo.js delete mode 100644 icons/IconWykop.js delete mode 100644 icons/IconYoutube.js delete mode 100644 icons/IconZoomIn.js delete mode 100644 icons/IconZoomInSmall.js delete mode 100644 icons/IconZoomInTiny.js delete mode 100644 icons/IconZoomOut.js delete mode 100644 icons/IconZoomOutSmall.js delete mode 100644 icons/IconZoomOutTiny.js delete mode 100644 icons/README.md delete mode 100644 models/Loadable.js delete mode 100644 models/Model.js delete mode 100644 models/README.md delete mode 100644 systems/BannerNotifications.css delete mode 100644 systems/BannerNotifications.js delete mode 100644 systems/README.md diff --git a/.gitignore b/.gitignore index 6c5202aa..197f49c0 100644 --- a/.gitignore +++ b/.gitignore @@ -67,4 +67,4 @@ typings/ .DS_Store # build -# dist/ +dist/ diff --git a/assets/AvatarBadgeAdmin.js b/assets/AvatarBadgeAdmin.js deleted file mode 100644 index d39afa2e..00000000 --- a/assets/AvatarBadgeAdmin.js +++ /dev/null @@ -1,32 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeAdmin = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#E3BD00", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement("path", { fill: "#FFF", d: "M12.567 7.523L10.41 7.21l-.964-1.954c-.17-.341-.728-.341-.897 0L7.585 7.21l-2.157.313a.5.5 0 0 0-.277.853l1.561 1.521-.368 2.148a.5.5 0 0 0 .725.527l1.928-1.014 1.93 1.014a.5.5 0 0 0 .725-.526l-.369-2.148 1.561-1.521a.501.501 0 0 0-.277-.854z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(AvatarBadgeAdmin, props); -}); - -module.exports = index; diff --git a/assets/AvatarBadgeContentModerator.js b/assets/AvatarBadgeContentModerator.js deleted file mode 100644 index 6f2a6909..00000000 --- a/assets/AvatarBadgeContentModerator.js +++ /dev/null @@ -1,32 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeContentModerator = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#999", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement("path", { d: "M9.05 6.75l-3.9 3.9c-.1.1-.15.2-.15.35v1.5c0 .3.2.5.5.5H7c.15 0 .25-.05.35-.15l3.9-3.9-2.2-2.2zm3.8-.1l-1.5-1.5c-.2-.2-.5-.2-.7 0l-.9.9 2.2 2.2.9-.9c.2-.2.2-.5 0-.7z", fill: "#FFF" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(AvatarBadgeContentModerator, props); -}); - -module.exports = index; diff --git a/assets/AvatarBadgeDiscussionModerator.js b/assets/AvatarBadgeDiscussionModerator.js deleted file mode 100644 index 16b3a990..00000000 --- a/assets/AvatarBadgeDiscussionModerator.js +++ /dev/null @@ -1,32 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeDiscussionModerator = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#999", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement("path", { fill: "#FFF", d: "M12.821 8.232c0 1.782-1.754 3.232-3.91 3.232a4.71 4.71 0 0 1-.98-.104l-1.832.727a.328.328 0 0 1-.319-.043.323.323 0 0 1-.126-.293l.171-1.533C5.292 9.653 5 8.953 5 8.232 5 6.45 6.754 5 8.91 5c2.157 0 3.911 1.45 3.911 3.232z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(AvatarBadgeDiscussionModerator, props); -}); - -module.exports = index; diff --git a/assets/AvatarBadgeGlobalDiscussionsModerator.js b/assets/AvatarBadgeGlobalDiscussionsModerator.js deleted file mode 100644 index b6373172..00000000 --- a/assets/AvatarBadgeGlobalDiscussionsModerator.js +++ /dev/null @@ -1,32 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeGlobalDiscussionsModerator = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#00B7E0", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement("path", { fill: "#FFF", d: "M12.821 8.232c0 1.782-1.754 3.232-3.91 3.232a4.71 4.71 0 0 1-.98-.104l-1.832.727a.328.328 0 0 1-.319-.043.323.323 0 0 1-.126-.293l.171-1.533C5.292 9.653 5 8.953 5 8.232 5 6.45 6.754 5 8.91 5c2.157 0 3.911 1.45 3.911 3.232z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(AvatarBadgeGlobalDiscussionsModerator, props); -}); - -module.exports = index; diff --git a/assets/AvatarBadgeHelper.js b/assets/AvatarBadgeHelper.js deleted file mode 100644 index 23ceb0ee..00000000 --- a/assets/AvatarBadgeHelper.js +++ /dev/null @@ -1,37 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeHelper = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#00B7E0", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement( - "g", - { fill: "#FFF" }, - React.createElement("path", { d: "M7.667 5h2.667v8H7.667z" }), - React.createElement("path", { d: "M13 7.667v2.667H5V7.667z" }) - ) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(AvatarBadgeHelper, props); -}); - -module.exports = index; diff --git a/assets/AvatarBadgeStaff.js b/assets/AvatarBadgeStaff.js deleted file mode 100644 index cdb88db8..00000000 --- a/assets/AvatarBadgeStaff.js +++ /dev/null @@ -1,32 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeStaff = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#00B7E0", d: "M1.661 5.96c.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9s1.247-2.04 1.661-3.04z" }), - React.createElement("path", { fill: "#FFF", d: "M11.234 4L9.06 6.055 6.89 4.008 4 6.445V9.14L8.995 14 14 9.14l-.01-2.688L11.235 4zM5.245 6.703l1.608-1.356 3.739 3.526-1.484 1.485-3.863-3.655zm4.542.038l1.466-1.385L12.764 6.7l-1.467 1.468-1.51-1.426zM5 8.717v-.87l3.401 3.22-.487.486L5 8.717zm3.63 3.533l4.366-4.369.002.836-4.003 3.89-.365-.357z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(AvatarBadgeStaff, props); -}); - -module.exports = index; diff --git a/assets/AvatarBadgeVstf.js b/assets/AvatarBadgeVstf.js deleted file mode 100644 index b52396e3..00000000 --- a/assets/AvatarBadgeVstf.js +++ /dev/null @@ -1,32 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeVstf = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#00B7E0", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement("path", { fill: "#FFF", d: "M8.767 12.856a.268.268 0 0 0 .465 0l3.735-6.453A.268.268 0 0 0 12.735 6h-1.616a.268.268 0 0 0-.232.134L9 9.397l-.289-.5-1.596-2.763A.268.268 0 0 0 6.884 6H5.268a.268.268 0 0 0-.232.403l3.73 6.453z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(AvatarBadgeVstf, props); -}); - -module.exports = index; diff --git a/assets/LogoFandom.js b/assets/LogoFandom.js deleted file mode 100644 index c937f228..00000000 --- a/assets/LogoFandom.js +++ /dev/null @@ -1,32 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var LogoFandom = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ viewBox: "0 0 164 35", xmlns: "http://www.w3.org/2000/svg" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { d: "M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z", fill: "#00D6D6" }), - React.createElement("path", { d: "M62.852 20.51l2.58-6.716a.468.468 0 0 1 .87 0l2.58 6.717h-6.03zm5.856-12.428c-.184-.48-.65-.8-1.17-.8h-3.342c-.52 0-.986.32-1.17.8l-7.083 18.5c-.21.552.2 1.14.796 1.14h2.753c.353 0 .67-.215.796-.542l.738-1.922a.849.849 0 0 1 .795-.542h8.088a.85.85 0 0 1 .796.542l.74 1.922c.125.327.44.543.795.543h2.754a.843.843 0 0 0 .796-1.14l-7.082-18.5zm93.504-.8h-2.715a1.86 1.86 0 0 0-1.677 1.047l-5.393 11.162-5.393-11.163a1.858 1.858 0 0 0-1.677-1.047h-2.715a.889.889 0 0 0-.893.883V26.84c0 .487.4.883.892.883h2.608a.889.889 0 0 0 .893-.883v-9.686l4.945 10.072c.15.304.46.497.803.497h1.073a.893.893 0 0 0 .803-.497l4.945-10.072v9.686c0 .487.4.883.894.883h2.608a.889.889 0 0 0 .893-.883V8.166c0-.487-.4-.883-.893-.883zm-106.972 8.8h-8.63V11.49h10.918a.88.88 0 0 0 .83-.578l.888-2.464a.872.872 0 0 0-.83-1.163h-15.18c-.486 0-.88.39-.88.87v18.7c0 .48.394.87.88.87h2.492c.486 0 .88-.39.88-.87V20.29h7.743a.88.88 0 0 0 .83-.578l.89-2.464a.872.872 0 0 0-.83-1.163zm51.76 7.61h-3.615V11.315H107c3.828 0 6.41 2.517 6.41 6.188 0 3.672-2.582 6.19-6.41 6.19zm-.124-16.41h-7.128c-.486 0-.88.39-.88.872v18.698c0 .48.394.87.88.87h7.128c6.453 0 10.912-4.44 10.912-10.16v-.117c0-5.72-4.46-10.162-10.912-10.162zm-11.947.03h-2.642a.87.87 0 0 0-.876.866v12.36l-8.755-12.72a1.242 1.242 0 0 0-1.023-.535H78.32a.873.873 0 0 0-.876.867v18.706c0 .48.393.867.877.867h2.64a.872.872 0 0 0 .878-.867V14.71l8.608 12.478c.23.334.613.535 1.022.535h3.46a.872.872 0 0 0 .877-.867V8.178a.87.87 0 0 0-.876-.867zm40.71 10.3c0 3.323-2.712 6.016-6.056 6.016-3.345 0-6.056-2.693-6.056-6.015v-.22c0-3.322 2.71-6.015 6.056-6.015 3.344 0 6.055 2.693 6.055 6.015v.22zm-6.056-10.44c-5.694 0-10.31 4.576-10.31 10.22v.22c0 5.646 4.616 10.22 10.31 10.22 5.693 0 10.308-4.574 10.308-10.22v-.22c0-5.644-4.615-10.22-10.308-10.22z", fill: "#002A32" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(LogoFandom, props); -}); - -module.exports = index; diff --git a/assets/LogoFandomHeart.js b/assets/LogoFandomHeart.js deleted file mode 100644 index 48d8cda4..00000000 --- a/assets/LogoFandomHeart.js +++ /dev/null @@ -1,27 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var LogoFandomHeart = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ viewBox: "0 0 35 35", xmlns: "http://www.w3.org/2000/svg" }, props), - React.createElement("path", { d: "M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z", fill: "#00D6D6", fillRule: "evenodd" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(LogoFandomHeart, props); -}); - -module.exports = index; diff --git a/assets/LogoFandomWhite.js b/assets/LogoFandomWhite.js deleted file mode 100644 index 0a2159dd..00000000 --- a/assets/LogoFandomWhite.js +++ /dev/null @@ -1,32 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var LogoFandomWhite = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ viewBox: "0 0 164 35", xmlns: "http://www.w3.org/2000/svg" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { d: "M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z", fill: "#00D6D6" }), - React.createElement("path", { d: "M62.852 20.51l2.58-6.716a.468.468 0 0 1 .87 0l2.58 6.717h-6.03zm5.856-12.428c-.184-.48-.65-.8-1.17-.8h-3.342c-.52 0-.986.32-1.17.8l-7.083 18.5c-.21.552.2 1.14.796 1.14h2.753c.353 0 .67-.215.796-.542l.738-1.922a.849.849 0 0 1 .795-.542h8.088a.85.85 0 0 1 .796.542l.74 1.922c.125.327.44.543.795.543h2.754a.843.843 0 0 0 .796-1.14l-7.082-18.5zm93.504-.8h-2.715a1.86 1.86 0 0 0-1.677 1.047l-5.393 11.162-5.393-11.163a1.858 1.858 0 0 0-1.677-1.047h-2.715a.889.889 0 0 0-.893.883V26.84c0 .487.4.883.892.883h2.608a.889.889 0 0 0 .893-.883v-9.686l4.945 10.072c.15.304.46.497.803.497h1.073a.893.893 0 0 0 .803-.497l4.945-10.072v9.686c0 .487.4.883.894.883h2.608a.889.889 0 0 0 .893-.883V8.166c0-.487-.4-.883-.893-.883zm-106.972 8.8h-8.63V11.49h10.918a.88.88 0 0 0 .83-.578l.888-2.464a.872.872 0 0 0-.83-1.163h-15.18c-.486 0-.88.39-.88.87v18.7c0 .48.394.87.88.87h2.492c.486 0 .88-.39.88-.87V20.29h7.743a.88.88 0 0 0 .83-.578l.89-2.464a.872.872 0 0 0-.83-1.163zm51.76 7.61h-3.615V11.315H107c3.828 0 6.41 2.517 6.41 6.188 0 3.672-2.582 6.19-6.41 6.19zm-.124-16.41h-7.128c-.486 0-.88.39-.88.872v18.698c0 .48.394.87.88.87h7.128c6.453 0 10.912-4.44 10.912-10.16v-.117c0-5.72-4.46-10.162-10.912-10.162zm-11.947.03h-2.642a.87.87 0 0 0-.876.866v12.36l-8.755-12.72a1.242 1.242 0 0 0-1.023-.535H78.32a.873.873 0 0 0-.876.867v18.706c0 .48.393.867.877.867h2.64a.872.872 0 0 0 .878-.867V14.71l8.608 12.478c.23.334.613.535 1.022.535h3.46a.872.872 0 0 0 .877-.867V8.178a.87.87 0 0 0-.876-.867zm40.71 10.3c0 3.323-2.712 6.016-6.056 6.016-3.345 0-6.056-2.693-6.056-6.015v-.22c0-3.322 2.71-6.015 6.056-6.015 3.344 0 6.055 2.693 6.055 6.015v.22zm-6.056-10.44c-5.694 0-10.31 4.576-10.31 10.22v.22c0 5.646 4.616 10.22 10.31 10.22 5.693 0 10.308-4.574 10.308-10.22v-.22c0-5.644-4.615-10.22-10.308-10.22z", fill: "#FFF" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(LogoFandomWhite, props); -}); - -module.exports = index; diff --git a/assets/LogoWikia.js b/assets/LogoWikia.js deleted file mode 100644 index 87ce326b..00000000 --- a/assets/LogoWikia.js +++ /dev/null @@ -1,27 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var LogoWikia = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 23" }, props), - React.createElement("path", { fillRule: "evenodd", d: "M28.82 19.085v-17h3.827v9.526l1.02-1.27 2.2-2.59h5.47l-4.588 4.48 4.78 6.858h-4.96l-2.608-4.31-1.318 1.25v3.06H28.82M7.297 7.748L5.442 15.49l-1.45-7.743H.004l2.948 11.338h5.126L9.514 13.2l1.436 5.885h5.126l2.956-11.338h-4.005l-1.442 7.743L11.7 7.747H7.297m55.486 3.297l.213-3.297h-3.492L59.24 8.99c-.804-.847-1.804-1.547-3.563-1.547-3.184 0-4.923 2.055-4.923 5.952 0 3.898 1.74 5.953 4.923 5.953 1.76 0 2.76-.7 3.563-1.545l.274 1.282h3.482l-.213-3.337v-4.704zm-3.817 3.793c-.49.635-1.253 1.06-2.25 1.06-1.145 0-2.057-.744-2.057-2.502 0-1.758.91-2.5 2.052-2.5.998 0 1.762.425 2.25 1.06v2.882zM23.113 2.147a2.186 2.186 0 1 0 0 4.372 2.184 2.184 0 1 0 0-4.367m3.294 7.988V7.75h-5.48v11.338h5.48v-2.38H24.69V10.14h1.717m18.06-5.807c0 1.208.98 2.186 2.188 2.186a2.186 2.186 0 0 0 2.188-2.184c0-1.203-.98-2.18-2.188-2.18a2.185 2.185 0 0 0-2.187 2.183m.612 12.374h-1.72v2.38h5.483V7.746H43.36v2.39h1.72" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(LogoWikia, props); -}); - -module.exports = index; diff --git a/assets/LogoWikiaOrgWhite.js b/assets/LogoWikiaOrgWhite.js deleted file mode 100644 index 5bd5d765..00000000 --- a/assets/LogoWikiaOrgWhite.js +++ /dev/null @@ -1,41 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var LogoWikiaOrgWhite = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 29" }, props), - React.createElement( - "defs", - null, - React.createElement( - "clipPath", - { id: "id-assets/LogoWikiaOrgWhite-a" }, - React.createElement("path", { fill: "none", clipRule: "evenodd", d: "M83.06 19.53v3h3v-3zm8.77-4a7 7 0 0 1 .34-2.28 4.92 4.92 0 0 1 .94-1.68 4 4 0 0 1 1.41-1 4.28 4.28 0 0 1 3.41 0 4 4 0 0 1 1.41 1 4.92 4.92 0 0 1 .94 1.68 7 7 0 0 1 .34 2.28 7 7 0 0 1-.34 2.28 4.77 4.77 0 0 1-.94 1.67 4.09 4.09 0 0 1-1.41 1 4.28 4.28 0 0 1-3.41 0 4.09 4.09 0 0 1-1.41-1 4.77 4.77 0 0 1-.94-1.67 7 7 0 0 1-.34-2.28zm-2.46 0a9.28 9.28 0 0 0 .44 2.9 6.61 6.61 0 0 0 1.31 2.34 6 6 0 0 0 2.16 1.56 8.09 8.09 0 0 0 5.91 0 6.06 6.06 0 0 0 2.14-1.56 6.61 6.61 0 0 0 1.31-2.34 9.28 9.28 0 0 0 .44-2.9 9.41 9.41 0 0 0-.44-2.91 6.59 6.59 0 0 0-1.31-2.35 6.21 6.21 0 0 0-2.13-1.58 7.91 7.91 0 0 0-5.91 0 6.18 6.18 0 0 0-2.16 1.57 6.59 6.59 0 0 0-1.31 2.35 9.41 9.41 0 0 0-.44 2.91zm16.36-7.08v14.12h2.32v-6.29a9.66 9.66 0 0 1 .27-2.42 4.63 4.63 0 0 1 .87-1.79 3.75 3.75 0 0 1 1.6-1.07 6.57 6.57 0 0 1 2.38-.38V8.11a5.22 5.22 0 0 0-3.11.76 6.29 6.29 0 0 0-2.06 2.55h-.05v-3zm21.37 12.91V8.44h-2.19v2a4.13 4.13 0 0 0-1.75-1.76 5.21 5.21 0 0 0-2.46-.59 6.29 6.29 0 0 0-3.09.7 6 6 0 0 0-2 1.78 7 7 0 0 0-1.09 2.4 10.73 10.73 0 0 0-.33 2.58 9.35 9.35 0 0 0 .4 2.75 6.57 6.57 0 0 0 1.19 2.27 5.77 5.77 0 0 0 2 1.54 6.22 6.22 0 0 0 2.76.57 5.64 5.64 0 0 0 2.58-.61 3.9 3.9 0 0 0 1.82-1.93h.05v.93a9.39 9.39 0 0 1-.23 2.16 4.51 4.51 0 0 1-.75 1.68 3.64 3.64 0 0 1-1.39 1.09 4.31 4.31 0 0 1-1.94.4 6.26 6.26 0 0 1-1.2-.12 4.37 4.37 0 0 1-1.16-.4 2.89 2.89 0 0 1-.9-.71 1.72 1.72 0 0 1-.4-1.07h-2.32a3.65 3.65 0 0 0 .6 1.94 4.33 4.33 0 0 0 1.38 1.28 6.15 6.15 0 0 0 1.86.71 9.61 9.61 0 0 0 2 .22q3.39 0 5-1.72a7.44 7.44 0 0 0 1.58-5.19zm-6.5-.68a3.55 3.55 0 0 1-1.91-.48 3.69 3.69 0 0 1-1.23-1.26 5.44 5.44 0 0 1-.66-1.73 9.73 9.73 0 0 1-.19-1.91 8 8 0 0 1 .23-1.94 4.81 4.81 0 0 1 .74-1.64 3.72 3.72 0 0 1 1.3-1.13 4 4 0 0 1 1.91-.42 3.69 3.69 0 0 1 1.86.44 3.62 3.62 0 0 1 1.24 1.16 5.11 5.11 0 0 1 .7 1.63 7.74 7.74 0 0 1 .22 1.83 8.53 8.53 0 0 1-.23 2 5.74 5.74 0 0 1-.72 1.76 3.81 3.81 0 0 1-1.3 1.26 3.76 3.76 0 0 1-2 .48z" }) - ) - ), - React.createElement("path", { fill: "#FFF", d: "M37.35 22.64V1.14h4.8v12l1.29-1.57 2.77-3.32h6.83l-5.72 5.72 5.99 8.67h-6.27l-3.23-5.44-1.66 1.57v3.87h-4.8zM10.23 8.25l-2.4 9.78-1.85-9.78H1l3.69 14.39h6.46l1.84-7.47 1.76 7.47h6.55l3.69-14.39h-5.08l-1.84 9.78-2.31-9.78h-5.53zm69.84 4.24l.28-4.24h-4.43l-.37 1.57A5.64 5.64 0 0 0 71 7.88c-4 0-6.18 2.58-6.18 7.47s2.21 7.47 6.18 7.47a5.94 5.94 0 0 0 4.52-1.94l.37 1.66h4.43l-.28-4.24zm-4.8 4.71a3.39 3.39 0 0 1-2.86 1.29c-1.48 0-2.58-.92-2.58-3.14s1.11-3.14 2.58-3.14a3.46 3.46 0 0 1 2.86 1.38zM30.16 1.23A2.78 2.78 0 0 0 27.39 4a2.72 2.72 0 0 0 2.77 2.77A2.78 2.78 0 0 0 32.92 4a2.84 2.84 0 0 0-2.76-2.77zm4.15 10.06V8.25h-6.92v14.39h6.92V19.6h-2.22v-8.31h2.22zM57 4a2.72 2.72 0 0 0 2.77 2.77A2.77 2.77 0 1 0 57 4zm.84 7.29v8.31h-2.22v3.04h6.92V8.25h-6.92v3.04h2.22z" }), - React.createElement( - "g", - { clipPath: "url(#id-assets/LogoWikiaOrgWhite-a)" }, - React.createElement("path", { fill: "#dee7e5", d: "M76.25 5.78h60.19v24.44H76.25z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(LogoWikiaOrgWhite, props); -}); - -module.exports = index; diff --git a/assets/README.md b/assets/README.md deleted file mode 100644 index 51d528d8..00000000 --- a/assets/README.md +++ /dev/null @@ -1,2 +0,0 @@ - -Files in this directory are automatically re-generated. See the `source` directory in the root. diff --git a/assets/StoreAppstore.js b/assets/StoreAppstore.js deleted file mode 100644 index b82b8a54..00000000 --- a/assets/StoreAppstore.js +++ /dev/null @@ -1,33 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var StoreAppstore = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ viewBox: "0 0 119 35", xmlns: "http://www.w3.org/2000/svg" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { d: "M114.766 35H4.17C1.87 35 0 33.138 0 30.859V4.135C0 1.855 1.87 0 4.169 0h110.597C117.063 0 119 1.855 119 4.135V30.86c0 2.279-1.937 4.141-4.234 4.141", fill: "#A9AAA9" }), - React.createElement("path", { d: "M118.147 30.86c0 1.851-1.511 3.35-3.38 3.35H4.17c-1.87 0-3.385-1.498-3.385-3.35V4.134C.785 2.284 2.3.78 4.169.78h110.597c1.87 0 3.38 1.505 3.38 3.355V30.86", fill: "#0A0B09" }), - React.createElement("path", { d: "M26.557 17.311c-.025-2.82 2.327-4.192 2.434-4.257-1.332-1.928-3.396-2.19-4.122-2.211-1.734-.181-3.416 1.03-4.299 1.03-.9 0-2.262-1.012-3.727-.983-1.885.03-3.65 1.113-4.619 2.797-1.997 3.432-.507 8.477 1.406 11.251.958 1.36 2.076 2.877 3.54 2.823 1.432-.06 1.967-.907 3.696-.907 1.713 0 2.216.907 3.709.873 1.537-.025 2.505-1.365 3.429-2.736 1.106-1.558 1.55-3.092 1.568-3.171-.036-.012-2.986-1.129-3.015-4.509m-2.82-8.293c.77-.957 1.296-2.258 1.15-3.578-1.115.049-2.51.765-3.312 1.7-.71.825-1.345 2.176-1.181 3.447 1.253.092 2.539-.628 3.343-1.57M43.858 22.71l-.992-3.04c-.104-.31-.301-1.042-.592-2.194h-.034a84.012 84.012 0 0 1-.557 2.195l-.974 3.04h3.15zm3.43 4.856h-2.003l-1.096-3.42h-3.811l-1.045 3.42h-1.948l3.776-11.644h2.332l3.794 11.644zm7.796-4.233c0-.817-.185-1.491-.557-2.021-.407-.553-.951-.83-1.636-.83a1.96 1.96 0 0 0-1.262.459 2.115 2.115 0 0 0-.74 1.2 2.42 2.42 0 0 0-.087.57v1.4c0 .61.19 1.126.566 1.546.378.42.868.63 1.47.63.708 0 1.26-.27 1.654-.811.394-.542.592-1.256.592-2.143zm1.914-.068c0 1.427-.388 2.556-1.166 3.385-.696.738-1.56 1.106-2.593 1.106-1.113 0-1.914-.397-2.401-1.193h-.036v4.423h-1.879v-9.052c0-.898-.024-1.82-.07-2.765h1.653l.105 1.331h.035c.626-1.002 1.578-1.503 2.854-1.503.998 0 1.83.391 2.498 1.174.667.784 1 1.815 1 3.094zm7.815.068c0-.817-.186-1.491-.557-2.021-.407-.553-.952-.83-1.636-.83-.465 0-.885.154-1.263.459a2.123 2.123 0 0 0-.738 1.2c-.058.231-.088.42-.088.57v1.4c0 .61.189 1.126.564 1.546.378.42.869.63 1.473.63.707 0 1.258-.27 1.652-.811.395-.542.593-1.256.593-2.143zm1.914-.068c0 1.427-.388 2.556-1.167 3.385-.695.738-1.56 1.106-2.592 1.106-1.114 0-1.915-.397-2.401-1.193h-.036v4.423h-1.879v-9.052c0-.898-.024-1.82-.07-2.765h1.654l.104 1.331h.035c.626-1.002 1.576-1.503 2.854-1.503.997 0 1.83.391 2.498 1.174.666.784 1 1.815 1 3.094zm10.878 1.036c0 .99-.347 1.796-1.042 2.418-.764.68-1.828 1.02-3.196 1.02-1.26 0-2.274-.242-3.04-.726l.436-1.555a5.18 5.18 0 0 0 2.716.743c.708 0 1.26-.158 1.655-.476.395-.317.59-.741.59-1.272 0-.473-.16-.87-.487-1.194-.323-.323-.864-.623-1.617-.9-2.054-.76-3.081-1.874-3.081-3.34 0-.956.36-1.741 1.08-2.353.717-.611 1.674-.917 2.871-.917 1.068 0 1.955.184 2.662.552l-.47 1.521c-.661-.357-1.409-.535-2.245-.535-.661 0-1.178.16-1.548.483a1.38 1.38 0 0 0-.47 1.055c0 .46.179.84.54 1.139.312.277.88.577 1.705.9 1.01.403 1.75.874 2.228 1.415.476.542.713 1.216.713 2.022m6.213-3.731h-2.071v4.076c0 1.037.365 1.555 1.096 1.555.336 0 .616-.029.836-.086l.051 1.417c-.37.137-.857.206-1.461.206-.743 0-1.323-.224-1.741-.672-.416-.45-.627-1.204-.627-2.264V20.57h-1.234v-1.4H79.9v-1.538l1.846-.553v2.09h2.071v1.4m7.398 2.79c0-.774-.168-1.438-.505-1.992-.394-.67-.958-1.005-1.687-1.005-.756 0-1.33.334-1.724 1.005-.337.554-.504 1.229-.504 2.027 0 .774.167 1.439.504 1.992.407.67.975 1.005 1.707 1.005.717 0 1.28-.34 1.687-1.022.347-.565.522-1.236.522-2.01zm1.95-.06c0 1.29-.371 2.35-1.114 3.178-.778.853-1.811 1.279-3.099 1.279-1.241 0-2.23-.409-2.966-1.227-.737-.817-1.106-1.849-1.106-3.092 0-1.301.38-2.367 1.14-3.196.76-.83 1.783-1.244 3.071-1.244 1.242 0 2.24.409 2.995 1.227.719.794 1.079 1.819 1.079 3.075zm6.108-2.489a3.281 3.281 0 0 0-.592-.05c-.661 0-1.172.247-1.532.742-.314.438-.47.99-.47 1.658v4.406h-1.878l.016-5.752c0-.969-.023-1.85-.07-2.645h1.638l.068 1.607h.052c.198-.552.512-.997.94-1.33.418-.3.871-.449 1.358-.449.174 0 .331.012.47.034v1.78m6.613 1.676c.013-.553-.11-1.03-.365-1.434-.325-.518-.825-.777-1.497-.777-.615 0-1.115.252-1.496.76-.314.403-.5.887-.556 1.45h3.914zm1.792.484c0 .334-.022.616-.069.846h-5.637c.022.83.294 1.463.817 1.901.475.391 1.09.587 1.844.587.834 0 1.596-.133 2.281-.398l.294 1.296c-.8.346-1.745.519-2.835.519-1.312 0-2.342-.384-3.09-1.15-.747-.766-1.123-1.794-1.123-3.084 0-1.267.347-2.32 1.046-3.16.73-.9 1.716-1.348 2.957-1.348 1.219 0 2.142.448 2.769 1.347.497.714.746 1.596.746 2.643zM42.263 8.783c0-.667-.178-1.18-.535-1.536-.357-.356-.877-.535-1.56-.535-.292 0-.54.02-.745.06v4.277c.114.018.322.026.624.026.707 0 1.253-.195 1.638-.585.385-.39.578-.96.578-1.707zm.974-.025c0 1.03-.31 1.805-.932 2.326-.577.48-1.394.72-2.454.72-.525 0-.975-.022-1.351-.067V6.11c.49-.079 1.02-.118 1.59-.118 1.01 0 1.77.218 2.284.654.574.492.863 1.196.863 2.113zm4.206.929c0-.38-.083-.706-.248-.978-.194-.33-.47-.495-.83-.495-.37 0-.652.165-.846.495-.165.272-.248.604-.248.995 0 .38.083.707.248.98.2.328.478.492.838.492.354 0 .63-.167.83-.501.17-.278.256-.607.256-.988zm.958-.03c0 .635-.182 1.155-.547 1.562-.383.42-.89.629-1.522.629-.61 0-1.096-.2-1.458-.603-.362-.402-.543-.909-.543-1.52 0-.639.186-1.162.56-1.57.373-.408.876-.61 1.508-.61.611 0 1.1.2 1.472.602.352.39.53.894.53 1.51zm6.925-2.027l-1.3 4.124h-.845l-.54-1.791a13.32 13.32 0 0 1-.334-1.333h-.016c-.08.453-.191.898-.334 1.333l-.573 1.79h-.855L49.307 7.63h.949l.47 1.96c.113.465.208.906.283 1.325h.016c.068-.345.182-.784.342-1.316l.59-1.969h.752l.565 1.927c.137.47.248.922.333 1.358h.026c.062-.425.157-.877.283-1.358l.504-1.927h.906m4.789 4.124h-.924V9.39c0-.728-.278-1.092-.837-1.092a.837.837 0 0 0-.667.301c-.171.2-.257.436-.257.707v2.447h-.924V8.809c0-.363-.011-.755-.033-1.18h.812l.043.645h.026c.107-.2.268-.367.478-.498.25-.155.53-.232.838-.232.387 0 .71.125.967.374.319.305.478.76.478 1.366v2.47m1.625-6.017h.923v6.017h-.923zm5.402 3.95c0-.38-.082-.706-.247-.978-.193-.33-.471-.495-.829-.495-.372 0-.654.165-.847.495-.165.272-.248.604-.248.995 0 .38.083.707.248.98.2.328.479.492.838.492.354 0 .629-.167.829-.501.172-.278.256-.607.256-.988zm.96-.03c0 .635-.183 1.155-.548 1.562-.382.42-.89.629-1.522.629-.611 0-1.097-.2-1.458-.603-.362-.402-.542-.909-.542-1.52 0-.639.186-1.162.559-1.57.373-.408.877-.61 1.508-.61.612 0 1.1.2 1.472.602.353.39.53.894.53 1.51zm3.511.679V9.7c-1.019-.017-1.528.26-1.528.832 0 .215.058.376.177.483.119.108.27.161.451.161a.927.927 0 0 0 .564-.19.777.777 0 0 0 .336-.65zm.96 1.418h-.83l-.07-.475h-.025c-.284.379-.689.569-1.214.569-.392 0-.709-.125-.949-.374a1.168 1.168 0 0 1-.325-.84c0-.504.212-.888.637-1.155.425-.265 1.023-.396 1.793-.39v-.077c0-.543-.288-.814-.863-.814-.41 0-.772.101-1.083.305l-.188-.603c.386-.237.862-.356 1.426-.356 1.086 0 1.63.569 1.63 1.707v1.519c0 .412.02.74.06.984zm4.291-1.74v-.687a1.043 1.043 0 0 0-.36-.844.908.908 0 0 0-.617-.226.952.952 0 0 0-.813.407c-.197.272-.296.62-.296 1.044 0 .408.094.739.284.993.2.271.47.408.807.408a.895.895 0 0 0 .73-.34c.178-.209.265-.46.265-.755zm.958 1.74h-.82l-.042-.662h-.027c-.262.503-.707.755-1.334.755-.501 0-.917-.195-1.248-.585-.33-.391-.496-.897-.496-1.52 0-.667.179-1.208.539-1.62a1.662 1.662 0 0 1 1.283-.578c.557 0 .948.187 1.17.56h.017V5.737h.925v4.906c0 .401.01.771.033 1.11zm6.943-2.067c0-.38-.083-.706-.248-.978-.194-.33-.47-.495-.83-.495-.37 0-.652.165-.847.495-.165.272-.248.604-.248.995 0 .38.083.707.248.98.2.328.479.492.839.492.353 0 .63-.167.83-.501.17-.278.256-.607.256-.988zm.957-.03c0 .635-.182 1.155-.547 1.562-.383.42-.889.629-1.522.629-.61 0-1.095-.2-1.458-.603-.362-.402-.542-.909-.542-1.52 0-.639.186-1.162.56-1.57.372-.408.875-.61 1.51-.61.608 0 1.1.2 1.469.602.353.39.53.894.53 1.51zm4.968 2.097h-.923V9.39c0-.728-.279-1.092-.839-1.092a.833.833 0 0 0-.666.301c-.17.2-.257.436-.257.707v2.447h-.924V8.809c0-.363-.01-.755-.033-1.18h.811l.043.645h.026c.108-.2.269-.367.478-.498.252-.155.531-.232.839-.232.388 0 .71.125.966.374.32.305.478.76.478 1.366v2.47m6.218-3.438h-1.019v2.004c0 .509.181.764.54.764.165 0 .302-.014.41-.043l.025.696c-.182.068-.422.102-.718.102-.365 0-.649-.11-.853-.331-.207-.221-.309-.591-.309-1.112v-2.08h-.608v-.687h.608v-.756l.905-.271v1.027h1.019v.687m4.89 3.438h-.924V9.409c0-.74-.28-1.11-.837-1.11-.429 0-.721.215-.882.644-.027.09-.042.2-.042.33v2.48h-.923V5.738h.923v2.485h.017c.29-.452.708-.678 1.248-.678.383 0 .699.125.95.374.314.31.47.772.47 1.383v2.453m4.163-2.497a1.23 1.23 0 0 0-.179-.704c-.16-.255-.404-.382-.735-.382a.88.88 0 0 0-.735.374 1.38 1.38 0 0 0-.274.712h1.923zm.882.238c0 .165-.013.303-.035.416h-2.77c.012.408.144.718.4.934.235.192.539.288.909.288.41 0 .783-.064 1.12-.195l.145.636c-.394.17-.857.256-1.395.256-.643 0-1.15-.188-1.516-.565-.368-.377-.55-.882-.55-1.515 0-.622.17-1.14.512-1.553.358-.442.842-.663 1.453-.663.598 0 1.052.221 1.358.663.246.35.369.784.369 1.298z", fill: "#FFF" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(StoreAppstore, props); -}); - -module.exports = index; diff --git a/assets/StoreGoogleplay.js b/assets/StoreGoogleplay.js deleted file mode 100644 index c0deb927..00000000 --- a/assets/StoreGoogleplay.js +++ /dev/null @@ -1,78 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var StoreGoogleplay = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 119 35" }, props), - React.createElement( - "defs", - null, - React.createElement( - "linearGradient", - { id: "id-assets/StoreGoogleplay-a", x1: "91.536%", x2: "-37.559%", y1: "4.839%", y2: "71.968%" }, - React.createElement("stop", { stopColor: "#00A0FF", offset: "0%" }), - React.createElement("stop", { stopColor: "#00A1FF", offset: ".657%" }), - React.createElement("stop", { stopColor: "#00BEFF", offset: "26.01%" }), - React.createElement("stop", { stopColor: "#00D2FF", offset: "51.22%" }), - React.createElement("stop", { stopColor: "#00DFFF", offset: "76.04%" }), - React.createElement("stop", { stopColor: "#00E3FF", offset: "100%" }) - ), - React.createElement( - "linearGradient", - { id: "id-assets/StoreGoogleplay-b", x1: "107.728%", x2: "-130.665%", y1: "49.428%", y2: "49.428%" }, - React.createElement("stop", { stopColor: "#FFE000", offset: "0%" }), - React.createElement("stop", { stopColor: "#FFBD00", offset: "40.87%" }), - React.createElement("stop", { stopColor: "orange", offset: "77.54%" }), - React.createElement("stop", { stopColor: "#FF9C00", offset: "100%" }) - ), - React.createElement( - "linearGradient", - { id: "id-assets/StoreGoogleplay-c", x1: "86.389%", x2: "-49.888%", y1: "17.815%", y2: "194.393%" }, - React.createElement("stop", { stopColor: "#FF3A44", offset: "0%" }), - React.createElement("stop", { stopColor: "#C31162", offset: "100%" }) - ), - React.createElement( - "linearGradient", - { id: "id-assets/StoreGoogleplay-d", x1: "-18.579%", x2: "42.275%", y1: "-54.527%", y2: "24.69%" }, - React.createElement("stop", { stopColor: "#32A071", offset: "0%" }), - React.createElement("stop", { stopColor: "#2DA771", offset: "6.85%" }), - React.createElement("stop", { stopColor: "#15CF74", offset: "47.62%" }), - React.createElement("stop", { stopColor: "#06E775", offset: "80.09%" }), - React.createElement("stop", { stopColor: "#00F076", offset: "100%" }) - ) - ), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#000", d: "M114.593 35H4.407C1.94 35 0 33.075 0 30.625V4.375C0 1.925 1.94 0 4.407 0h110.186C117.06 0 119 1.925 119 4.375v26.25c0 2.362-1.94 4.375-4.407 4.375z" }), - React.createElement("path", { fill: "#A6A6A6", d: "M114.593.7c2.027 0 3.702 1.662 3.702 3.675v26.25c0 2.013-1.675 3.675-3.702 3.675H4.407C2.38 34.3.705 32.638.705 30.625V4.375C.705 2.362 2.38.7 4.407.7h110.186zm0-.7H4.407C1.94 0 0 1.925 0 4.375v26.25C0 33.075 1.94 35 4.407 35h110.186c2.468 0 4.407-1.925 4.407-4.375V4.375C119 2.013 117.06 0 114.593 0z" }), - React.createElement("path", { fill: "#FFF", stroke: "#FFF", strokeWidth: ".2", d: "M41.475 8.925c0 .7-.175 1.313-.613 1.75-.525.525-1.137.787-1.925.787-.787 0-1.4-.262-1.924-.787-.526-.525-.788-1.138-.788-1.925 0-.787.262-1.4.788-1.925.525-.525 1.137-.788 1.925-.788.35 0 .7.088 1.05.263.35.175.612.35.787.612l-.438.438c-.35-.438-.787-.612-1.4-.612-.524 0-1.05.174-1.4.612-.437.35-.612.875-.612 1.488 0 .612.175 1.137.613 1.487.437.35.875.613 1.4.613.612 0 1.05-.176 1.487-.613.263-.262.438-.612.438-1.05h-1.925v-.613h2.537v.263zM45.5 6.737h-2.362V8.4h2.187v.612h-2.187v1.663H45.5v.7h-3.062v-5.25H45.5zm2.888 4.638h-.7V6.737H46.2v-.612h3.675v.612h-1.487zm4.025 0v-5.25h.7v5.25zm3.674 0h-.7V6.737H53.9v-.612h3.587v.612H56v4.638zm8.313-.7c-.525.525-1.138.787-1.925.787-.788 0-1.4-.262-1.925-.787-.525-.525-.787-1.138-.787-1.925 0-.787.262-1.4.787-1.925.525-.525 1.138-.788 1.925-.788.788 0 1.4.263 1.925.788.525.525.787 1.138.787 1.925 0 .787-.262 1.4-.787 1.925zm-3.325-.438c.35.35.875.613 1.4.613.525 0 1.05-.175 1.4-.612.35-.35.612-.875.612-1.488s-.174-1.138-.612-1.487c-.35-.35-.875-.613-1.4-.613-.525 0-1.05.175-1.4.612-.35.35-.613.875-.613 1.488s.175 1.137.613 1.488zm5.075 1.138v-5.25h.788l2.537 4.113V6.125h.7v5.25h-.7l-2.712-4.287v4.287z" }), - React.createElement("path", { fill: "#FFF", d: "M59.587 19.075c-2.1 0-3.762 1.575-3.762 3.762 0 2.1 1.662 3.763 3.762 3.763s3.763-1.575 3.763-3.763c0-2.274-1.663-3.762-3.763-3.762zm0 5.95c-1.137 0-2.1-.962-2.1-2.275s.963-2.275 2.1-2.275c1.138 0 2.1.875 2.1 2.275 0 1.313-.962 2.275-2.1 2.275zm-8.137-5.95c-2.1 0-3.763 1.575-3.763 3.762 0 2.1 1.663 3.763 3.763 3.763 2.1 0 3.762-1.575 3.762-3.763 0-2.274-1.662-3.762-3.762-3.762zm0 5.95c-1.138 0-2.1-.962-2.1-2.275s.962-2.275 2.1-2.275c1.137 0 2.1.875 2.1 2.275 0 1.313-.962 2.275-2.1 2.275zm-9.713-4.813v1.576H45.5c-.087.875-.438 1.575-.875 2.012-.525.525-1.4 1.137-2.888 1.137-2.362 0-4.112-1.837-4.112-4.2 0-2.362 1.837-4.2 4.112-4.2 1.225 0 2.188.526 2.888 1.138l1.138-1.137c-.963-.876-2.188-1.575-3.938-1.575-3.15 0-5.863 2.624-5.863 5.775 0 3.15 2.713 5.774 5.863 5.774 1.75 0 2.975-.524 4.025-1.662 1.05-1.05 1.4-2.538 1.4-3.675 0-.35 0-.7-.087-.963h-5.425zm39.726 1.226c-.35-.875-1.225-2.363-3.15-2.363-1.925 0-3.5 1.488-3.5 3.762 0 2.1 1.575 3.763 3.674 3.763 1.663 0 2.713-1.05 3.063-1.663l-1.225-.875c-.438.613-.963 1.05-1.838 1.05-.874 0-1.4-.35-1.837-1.137l4.987-2.1-.174-.438zm-5.075 1.225c0-1.4 1.137-2.188 1.924-2.188.613 0 1.225.35 1.4.787l-3.325 1.4zm-4.113 3.587h1.662V15.312h-1.662V26.25zm-2.625-6.387c-.438-.438-1.138-.875-2.013-.875-1.837 0-3.587 1.662-3.587 3.762s1.663 3.675 3.588 3.675c.874 0 1.575-.438 1.924-.875h.088v.525c0 1.4-.788 2.188-2.013 2.188-.962 0-1.662-.7-1.837-1.313l-1.4.613c.438.962 1.487 2.187 3.325 2.187 1.925 0 3.5-1.137 3.5-3.85v-6.65H69.65v.613zm-1.925 5.162c-1.137 0-2.1-.962-2.1-2.275s.963-2.275 2.1-2.275c1.138 0 2.013.962 2.013 2.275s-.876 2.275-2.013 2.275zm21.35-9.712h-3.938V26.25H86.8v-4.113h2.275c1.837 0 3.587-1.312 3.587-3.412 0-2.1-1.75-3.413-3.587-3.413zm.087 5.25H86.8V16.8h2.362c1.225 0 1.925 1.05 1.925 1.837-.087.963-.787 1.925-1.925 1.925zm10.063-1.575c-1.225 0-2.45.524-2.887 1.662l1.487.613c.35-.613.875-.788 1.487-.788.876 0 1.663.525 1.75 1.4v.087c-.262-.174-.962-.437-1.662-.437-1.575 0-3.15.875-3.15 2.45 0 1.487 1.313 2.45 2.713 2.45 1.137 0 1.662-.525 2.1-1.05h.087v.875h1.575v-4.2c-.175-1.925-1.662-3.063-3.5-3.063zm-.175 6.037c-.525 0-1.313-.262-1.313-.962 0-.875.963-1.138 1.75-1.138.7 0 1.05.175 1.488.35-.175 1.05-1.05 1.75-1.925 1.75zm9.188-5.775l-1.838 4.725h-.088l-1.924-4.725h-1.75l2.887 6.65-1.663 3.675h1.663l4.462-10.325h-1.75zm-14.7 7H95.2V15.312h-1.663V26.25z" }), - React.createElement("path", { fill: "url(#id-assets/StoreGoogleplay-a)", d: "M9.1 6.563c-.262.262-.438.7-.438 1.224v19.338c0 .525.175.962.438 1.225l.088.087 10.85-10.85v-.174L9.1 6.563z" }), - React.createElement("path", { fill: "url(#id-assets/StoreGoogleplay-b)", d: "M23.625 21.262l-3.587-3.587v-.262l3.587-3.588.087.088L28 16.363c1.225.7 1.225 1.837 0 2.537l-4.375 2.363z" }), - React.createElement("path", { fill: "url(#id-assets/StoreGoogleplay-c)", d: "M23.712 21.175L20.038 17.5 9.1 28.438c.438.437 1.05.437 1.838.087l12.774-7.35" }), - React.createElement("path", { fill: "url(#id-assets/StoreGoogleplay-d)", d: "M23.712 13.825L10.938 6.563c-.788-.438-1.4-.35-1.838.087L20.038 17.5l3.674-3.675z" }), - React.createElement("path", { fill: "#000", d: "M23.625 21.087l-12.688 7.175c-.7.438-1.312.35-1.75 0l-.087.088.088.087c.437.35 1.05.438 1.75 0l12.687-7.35z", opacity: ".2" }), - React.createElement("path", { fill: "#000", d: "M9.15 28.262c-.3-.262-.4-.7-.4-1.224v.087c0 .525.2.962.5 1.225v-.088h-.1zM28 18.637l-4.375 2.45.087.088L28 18.725c.613-.35.875-.788.875-1.225 0 .438-.35.788-.875 1.137z", opacity: ".12" }), - React.createElement("path", { fill: "#FFF", d: "M10.938 6.65L28 16.363c.525.35.875.7.875 1.137 0-.438-.262-.875-.875-1.225L10.937 6.563c-1.224-.7-2.187-.088-2.187 1.312v.088c0-1.4.963-2.013 2.188-1.313z", opacity: ".25" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var index = (function (props) { - return React.createElement(StoreGoogleplay, props); -}); - -module.exports = index; diff --git a/components/Avatar.css b/components/Avatar.css deleted file mode 100644 index 00519be9..00000000 --- a/components/Avatar.css +++ /dev/null @@ -1,79 +0,0 @@ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -.wds-avatar { - display: inline-block; - position: relative; -} -.wds-avatar a { - height: 100%; - width: 100%; -} - -.wds-avatar__image { - height: 100%; - min-width: 100%; - width: 100%; - display: inline-block; - border-radius: 50%; - box-sizing: border-box; -} - -.wds-avatar__badge { - line-height: 0; - position: absolute; -} -.wds-avatar__badge svg { - height: 100%; - min-width: 100%; - width: 100%; -} - -.wds-avatar { - height: 48px; - min-width: 48px; - width: 48px; -} -.wds-avatar a { - color: #bed1cf; -} -.wds-avatar a:hover { - color: #bed1cf; -} -.wds-avatar .wds-avatar__image { - background-color: #fff; - fill: #bed1cf; -} -.wds-avatar .wds-avatar__image:hover { - fill: #bed1cf; -} -.wds-avatar img.wds-avatar__image { - border: solid 3px #bed1cf; -} -.wds-avatar img.wds-avatar__image:hover { - border-color: #bed1cf; -} -.wds-avatar.is-default:before { - height: 42px; - min-width: 42px; - width: 42px; - border: solid 3px #fff; - left: 3px; - top: 3px; -} -.wds-avatar .wds-avatar__badge { - height: 20.1872px; - min-width: 20.1872px; - width: 20.1872px; - left: -4.4860444444px; - top: -5.7677714286px; -} \ No newline at end of file diff --git a/components/Avatar.js b/components/Avatar.js deleted file mode 100644 index df2b301d..00000000 --- a/components/Avatar.js +++ /dev/null @@ -1,389 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); -var PropTypes = _interopDefault(require('prop-types')); - -function createCommonjsModule(fn, module) { - return module = { exports: {} }, fn(module, module.exports), module.exports; -} - -var classnames = createCommonjsModule(function (module) { -/*! - Copyright (c) 2017 Jed Watson. - Licensed under the MIT License (MIT), see - http://jedwatson.github.io/classnames -*/ -/* global define */ - -(function () { - - var hasOwn = {}.hasOwnProperty; - - function classNames () { - var classes = []; - - for (var i = 0; i < arguments.length; i++) { - var arg = arguments[i]; - if (!arg) continue; - - var argType = typeof arg; - - if (argType === 'string' || argType === 'number') { - classes.push(arg); - } else if (Array.isArray(arg) && arg.length) { - var inner = classNames.apply(null, arg); - if (inner) { - classes.push(inner); - } - } else if (argType === 'object') { - for (var key in arg) { - if (hasOwn.call(arg, key) && arg[key]) { - classes.push(key); - } - } - } - } - - return classes.join(' '); - } - - if (module.exports) { - classNames.default = classNames; - module.exports = classNames; - } else { - window.classNames = classNames; - } -}()); -}); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var IconAvatar = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 24 24" }, props), - React.createElement( - "defs", - null, - React.createElement("path", { id: "id-components/Avatar-a", d: "M12 11c-.965 0-1.75-.785-1.75-1.75S11.035 7.5 12 7.5s1.75.785 1.75 1.75S12.965 11 12 11m0-5.5a3.754 3.754 0 0 0-3.75 3.75A3.754 3.754 0 0 0 12 13a3.754 3.754 0 0 0 3.75-3.75A3.754 3.754 0 0 0 12 5.5m7.679 12.914c-1.987-2.104-4.727-3.289-7.679-3.289-2.953 0-5.692 1.185-7.679 3.289A9.955 9.955 0 0 1 2 12C2 6.486 6.486 2 12 2s10 4.486 10 10a9.956 9.956 0 0 1-2.321 6.414M12 22a9.995 9.995 0 0 1-6.25-2.187c1.613-1.719 3.844-2.688 6.25-2.688s4.637.969 6.249 2.688A9.993 9.993 0 0 1 12 22m0-22C5.383 0 0 5.383 0 12c0 3.268 1.294 6.33 3.651 8.63l.012.013A12 12 0 0 0 12 24h.036a12.008 12.008 0 0 0 8.306-3.363C22.701 18.341 24 15.273 24 12c0-6.617-5.383-12-12-12" }) - ), - React.createElement("use", { fillRule: "evenodd", xlinkHref: "#id-components/Avatar-a" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var IconAvatar$1 = (function (props) { - return React.createElement(IconAvatar, props); -}); - -var AvatarImage = function AvatarImage(_ref) { - var src = _ref.src, - alt = _ref.alt; - var className = 'wds-avatar__image'; - return src ? React.createElement("img", { - src: src, - alt: alt, - title: alt, - className: className - }) : React.createElement(IconAvatar$1, { - className: "wds-avatar__image", - title: className - }); -}; - -AvatarImage.propTypes = { - alt: PropTypes.string, - src: PropTypes.string -}; -AvatarImage.defaultProps = { - alt: undefined, - src: undefined -}; - -var _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$1(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeAdmin = ((_ref) => { - let props = _objectWithoutProperties$1(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$1({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#E3BD00", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement("path", { fill: "#FFF", d: "M12.567 7.523L10.41 7.21l-.964-1.954c-.17-.341-.728-.341-.897 0L7.585 7.21l-2.157.313a.5.5 0 0 0-.277.853l1.561 1.521-.368 2.148a.5.5 0 0 0 .725.527l1.928-1.014 1.93 1.014a.5.5 0 0 0 .725-.526l-.369-2.148 1.561-1.521a.501.501 0 0 0-.277-.854z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var AvatarBadgeAdmin$1 = (function (props) { - return React.createElement(AvatarBadgeAdmin, props); -}); - -var _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$2(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeContentModerator = ((_ref) => { - let props = _objectWithoutProperties$2(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$2({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#999", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement("path", { d: "M9.05 6.75l-3.9 3.9c-.1.1-.15.2-.15.35v1.5c0 .3.2.5.5.5H7c.15 0 .25-.05.35-.15l3.9-3.9-2.2-2.2zm3.8-.1l-1.5-1.5c-.2-.2-.5-.2-.7 0l-.9.9 2.2 2.2.9-.9c.2-.2.2-.5 0-.7z", fill: "#FFF" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var AvatarBadgeContentModerator$1 = (function (props) { - return React.createElement(AvatarBadgeContentModerator, props); -}); - -var _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$3(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeDiscussionModerator = ((_ref) => { - let props = _objectWithoutProperties$3(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$3({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#999", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement("path", { fill: "#FFF", d: "M12.821 8.232c0 1.782-1.754 3.232-3.91 3.232a4.71 4.71 0 0 1-.98-.104l-1.832.727a.328.328 0 0 1-.319-.043.323.323 0 0 1-.126-.293l.171-1.533C5.292 9.653 5 8.953 5 8.232 5 6.45 6.754 5 8.91 5c2.157 0 3.911 1.45 3.911 3.232z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var AvatarBadgeDiscussionModerator$1 = (function (props) { - return React.createElement(AvatarBadgeDiscussionModerator, props); -}); - -var _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$4(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeGlobalDiscussionsModerator = ((_ref) => { - let props = _objectWithoutProperties$4(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$4({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#00B7E0", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement("path", { fill: "#FFF", d: "M12.821 8.232c0 1.782-1.754 3.232-3.91 3.232a4.71 4.71 0 0 1-.98-.104l-1.832.727a.328.328 0 0 1-.319-.043.323.323 0 0 1-.126-.293l.171-1.533C5.292 9.653 5 8.953 5 8.232 5 6.45 6.754 5 8.91 5c2.157 0 3.911 1.45 3.911 3.232z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var AvatarBadgeGlobalDiscussionsModerator$1 = (function (props) { - return React.createElement(AvatarBadgeGlobalDiscussionsModerator, props); -}); - -var _extends$5 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$5(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeHelper = ((_ref) => { - let props = _objectWithoutProperties$5(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$5({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#00B7E0", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement( - "g", - { fill: "#FFF" }, - React.createElement("path", { d: "M7.667 5h2.667v8H7.667z" }), - React.createElement("path", { d: "M13 7.667v2.667H5V7.667z" }) - ) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var AvatarBadgeHelper$1 = (function (props) { - return React.createElement(AvatarBadgeHelper, props); -}); - -var _extends$6 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$6(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeStaff = ((_ref) => { - let props = _objectWithoutProperties$6(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$6({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#00B7E0", d: "M1.661 5.96c.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9s1.247-2.04 1.661-3.04z" }), - React.createElement("path", { fill: "#FFF", d: "M11.234 4L9.06 6.055 6.89 4.008 4 6.445V9.14L8.995 14 14 9.14l-.01-2.688L11.235 4zM5.245 6.703l1.608-1.356 3.739 3.526-1.484 1.485-3.863-3.655zm4.542.038l1.466-1.385L12.764 6.7l-1.467 1.468-1.51-1.426zM5 8.717v-.87l3.401 3.22-.487.486L5 8.717zm3.63 3.533l4.366-4.369.002.836-4.003 3.89-.365-.357z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var AvatarBadgeStaff$1 = (function (props) { - return React.createElement(AvatarBadgeStaff, props); -}); - -var _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$7(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var AvatarBadgeVstf = ((_ref) => { - let props = _objectWithoutProperties$7(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$7({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18" }, props), - React.createElement( - "g", - { fill: "none", fillRule: "evenodd" }, - React.createElement("path", { fill: "#00B7E0", d: "M0 9c0-1.149 1.247-2.04 1.661-3.04.43-1.035.195-2.544.975-3.324.78-.78 2.29-.546 3.324-.975C6.96 1.247 7.851 0 9 0s2.04 1.247 3.04 1.661c1.035.43 2.544.195 3.324.975.78.78.546 2.29.975 3.324C16.753 6.96 18 7.851 18 9s-1.247 2.04-1.661 3.04c-.43 1.035-.195 2.544-.975 3.324-.78.78-2.29.546-3.324.975C11.04 16.753 10.149 18 9 18s-2.04-1.247-3.04-1.661c-1.035-.43-2.544-.195-3.324-.975-.78-.78-.546-2.29-.975-3.324C1.247 11.04 0 10.149 0 9" }), - React.createElement("path", { fill: "#FFF", d: "M8.767 12.856a.268.268 0 0 0 .465 0l3.735-6.453A.268.268 0 0 0 12.735 6h-1.616a.268.268 0 0 0-.232.134L9 9.397l-.289-.5-1.596-2.763A.268.268 0 0 0 6.884 6H5.268a.268.268 0 0 0-.232.403l3.73 6.453z" }) - ) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var AvatarBadgeVstf$1 = (function (props) { - return React.createElement(AvatarBadgeVstf, props); -}); - -var Badge = function Badge(_ref) { - var badge = _ref.badge; - var badgeIcons = { - admin: { - icon: React.createElement(AvatarBadgeAdmin$1, null), - title: 'Community Admin' - }, - 'content-moderator': { - icon: React.createElement(AvatarBadgeContentModerator$1, null), - title: 'Content Moderator' - }, - 'discussion-moderator': { - icon: React.createElement(AvatarBadgeDiscussionModerator$1, null), - title: 'Discussions Moderator' - }, - 'global-discussions-moderator': { - icon: React.createElement(AvatarBadgeGlobalDiscussionsModerator$1, null), - title: 'Global Discussions Moderator' - }, - helper: { - icon: React.createElement(AvatarBadgeHelper$1, null), - title: 'FANDOM Helper' - }, - staff: { - icon: React.createElement(AvatarBadgeStaff$1, null), - title: 'FANDOM Staff' - }, - vstf: { - icon: React.createElement(AvatarBadgeVstf$1, null), - title: 'VSTF' - } - }; - var badgeIcon = badgeIcons[badge]; - return badgeIcon ? React.createElement("span", { - title: badgeIcon.title, - className: "wds-avatar__badge" - }, badgeIcon.icon) : null; -}; - -Badge.propTypes = { - badge: PropTypes.string -}; -Badge.defaultProps = { - badge: undefined -}; - -var getAvatarImage = function getAvatarImage(href, alt, src) { - var avatarImage = React.createElement(AvatarImage, { - alt: alt, - src: src - }); - return href ? React.createElement("a", { - href: href - }, avatarImage) : avatarImage; -}; - -var Avatar = function Avatar(_ref) { - var alt = _ref.alt, - badge = _ref.badge, - className = _ref.className, - href = _ref.href, - src = _ref.src, - title = _ref.title; - return React.createElement("div", { - className: classnames('wds-avatar', className), - title: title - }, getAvatarImage(href, alt, src), badge && React.createElement(Badge, { - badge: badge - })); -}; - -Avatar.propTypes = { - /** Alt text for avatar */ - alt: PropTypes.string, - - /** Badge to display for avatar. */ - badge: PropTypes.oneOf(['admin', 'content-moderator', 'discussion-moderator', 'sysop', 'global-discussions-moderator', 'helper', 'staff', 'vstf', '']), - - /** Additional class name */ - className: PropTypes.string, - - /** Link to user's profile */ - href: PropTypes.string, - - /** Image src for avatar */ - src: PropTypes.string, - - /** Title attribute for avatar */ - title: PropTypes.string -}; -Avatar.defaultProps = { - alt: 'User avatar', - badge: undefined, - className: undefined, - href: undefined, - src: undefined, - title: undefined -}; - -module.exports = Avatar; diff --git a/components/BannerNotification.css b/components/BannerNotification.css deleted file mode 100644 index f0645dd2..00000000 --- a/components/BannerNotification.css +++ /dev/null @@ -1,76 +0,0 @@ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -.wds-banner-notification { - background-color: #fff; - color: #999; - display: flex; - transition: opacity 0.4s; -} -.wds-banner-notification.wds-is-transparent { - opacity: 0; -} -.wds-banner-notification__container { - box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); -} -.wds-banner-notification__icon { - align-items: center; - color: #fff; - display: flex; - justify-content: center; - width: 48px; -} -.wds-alert .wds-banner-notification__icon { - background-color: #d71035; -} -.wds-warning .wds-banner-notification__icon { - background-color: #dfec24; -} -.wds-success .wds-banner-notification__icon { - background-color: #4cda9a; -} -.wds-message .wds-banner-notification__icon { - background-color: #460084; -} -.wds-banner-notification__text { - color: #666; - flex: 1; - font-size: 14px; - line-height: 1.29; - padding: 13px 12px; -} -.wds-banner-notification__close { - box-sizing: content-box; - cursor: pointer; - padding: 18px; -} -.wds-banner-notification + .wds-banner-notification .wds-banner-notification__close, .wds-banner-notification + .wds-banner-notification .wds-banner-notification__text { - border-top: 1px solid #ccc; -} - -.wds-banner-notification__close { - fill: currentColor; - height: 12px; - width: 12px; -} - -.wds-banner-notification__icon-mark { - fill: currentColor; - height: 18px; - width: 18px; -} \ No newline at end of file diff --git a/components/BannerNotification.js b/components/BannerNotification.js deleted file mode 100644 index 25fc87a6..00000000 --- a/components/BannerNotification.js +++ /dev/null @@ -1,184 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); -var PropTypes = _interopDefault(require('prop-types')); - -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var IconCloseTiny = ((_ref) => { - let props = _objectWithoutProperties(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 12 12" }, props), - React.createElement( - "defs", - null, - React.createElement("path", { id: "id-components/BannerNotification-a", d: "M7.426 6.001l4.278-4.279A1.008 1.008 0 1 0 10.278.296L6 4.574 1.723.296A1.008 1.008 0 1 0 .295 1.722l4.278 4.28-4.279 4.277a1.008 1.008 0 1 0 1.427 1.426L6 7.427l4.278 4.278a1.006 1.006 0 0 0 1.426 0 1.008 1.008 0 0 0 0-1.426L7.425 6.001z" }) - ), - React.createElement("use", { fillRule: "evenodd", xlinkHref: "#id-components/BannerNotification-a" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var IconCloseTiny$1 = (function (props) { - return React.createElement(IconCloseTiny, props); -}); - -var _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$1(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var IconAlertSmall = ((_ref) => { - let props = _objectWithoutProperties$1(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$1({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 18 18" }, props), - React.createElement( - "defs", - null, - React.createElement("path", { id: "id-components/BannerNotification-a", d: "M2.618 15.995L9 3.199l6.382 12.796H2.618zm15.276.554l-8-16.04C9.555-.17 8.445-.17 8.105.51l-8 16.04A1.003 1.003 0 0 0 1 18h16c.347 0 .668-.18.85-.476a.998.998 0 0 0 .044-.975zM8 7.975V9.98a1 1 0 1 0 2 0V7.975a1 1 0 1 0-2 0m1.71 4.3c-.05-.04-.1-.09-.16-.12a.567.567 0 0 0-.17-.09.61.61 0 0 0-.19-.06.999.999 0 0 0-.9.27c-.09.101-.16.201-.21.33a1.01 1.01 0 0 0-.08.383c0 .26.11.52.29.711.19.18.44.291.71.291.06 0 .13-.01.19-.02a.635.635 0 0 0 .19-.06.59.59 0 0 0 .17-.09c.06-.04.11-.08.16-.12.18-.192.29-.452.29-.712 0-.132-.03-.261-.08-.382a.94.94 0 0 0-.21-.33" }) - ), - React.createElement("use", { fillRule: "evenodd", xlinkHref: "#id-components/BannerNotification-a" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var IconAlertSmall$1 = (function (props) { - return React.createElement(IconAlertSmall, props); -}); - -var _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$2(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var IconCheckmarkSmall = ((_ref) => { - let props = _objectWithoutProperties$2(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$2({ viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, props), - React.createElement("path", { d: "M6 16a.997.997 0 0 1-.707-.293l-5-5a.999.999 0 1 1 1.414-1.414L6 13.586 16.293 3.293a.999.999 0 1 1 1.414 1.414l-11 11A.997.997 0 0 1 6 16", fillRule: "evenodd" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var IconCheckmarkSmall$1 = (function (props) { - return React.createElement(IconCheckmarkSmall, props); -}); - -var _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$3(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var IconFlagSmall = ((_ref) => { - let props = _objectWithoutProperties$3(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$3({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 18 18" }, props), - React.createElement( - "defs", - null, - React.createElement("path", { id: "id-components/BannerNotification-a", d: "M3 11h10.586l-3.293-3.293a.999.999 0 0 1 0-1.414L13.586 3H3v8zm-1 7a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0h13a1.002 1.002 0 0 1 .707 1.707L12.414 7l4.293 4.293A1 1 0 0 1 16 13H3v4a1 1 0 0 1-1 1z" }) - ), - React.createElement("use", { fillRule: "evenodd", xlinkHref: "#id-components/BannerNotification-a" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var IconFlagSmall$1 = (function (props) { - return React.createElement(IconFlagSmall, props); -}); - -function getIcon(type) { - switch (type) { - case 'alert': - return React.createElement(IconAlertSmall$1, { - className: "wds-banner-notification__icon-mark" - }); - - case 'warning': - return React.createElement(IconAlertSmall$1, { - className: "wds-banner-notification__icon-mark" - }); - - case 'success': - return React.createElement(IconCheckmarkSmall$1, { - className: "wds-banner-notification__icon-mark" - }); - - default: - return React.createElement(IconFlagSmall$1, { - className: "wds-banner-notification__icon-mark" - }); - } -} - -function getClassName(type) { - switch (type) { - case 'alert': - return 'wds-alert'; - - case 'warning': - return 'wds-warning'; - - case 'success': - return 'wds-success'; - - default: - return 'wds-message'; - } -} -/** - * This is a single component used in `BannerNotifications` component. - */ - - -var BannerNotification = function BannerNotification(_ref) { - var className = _ref.className, - type = _ref.type, - text = _ref.text, - onClose = _ref.onClose, - children = _ref.children; - return React.createElement("div", { - className: "wds-banner-notification ".concat(getClassName(type), " ").concat(className) - }, React.createElement("div", { - className: "wds-banner-notification__icon" - }, getIcon(type)), React.createElement("span", { - className: "wds-banner-notification__text" - }, children || text), React.createElement(IconCloseTiny$1, { - className: "wds-banner-notification__close", - onClick: onClose - })); -}; - -BannerNotification.propTypes = { - /** Children to display */ - children: PropTypes.node, - - /** An additional class name */ - className: PropTypes.string, - onClose: PropTypes.func, - - /** Text to display if there are no children. */ - text: PropTypes.string, - type: PropTypes.oneOf(['alert', 'warning', 'success', 'message']).isRequired -}; -BannerNotification.defaultProps = { - children: null, - className: '', - onClose: null, - text: '' -}; - -module.exports = BannerNotification; diff --git a/components/BannerNotifications.css b/components/BannerNotifications.css deleted file mode 100644 index f0645dd2..00000000 --- a/components/BannerNotifications.css +++ /dev/null @@ -1,76 +0,0 @@ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -.wds-banner-notification { - background-color: #fff; - color: #999; - display: flex; - transition: opacity 0.4s; -} -.wds-banner-notification.wds-is-transparent { - opacity: 0; -} -.wds-banner-notification__container { - box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); -} -.wds-banner-notification__icon { - align-items: center; - color: #fff; - display: flex; - justify-content: center; - width: 48px; -} -.wds-alert .wds-banner-notification__icon { - background-color: #d71035; -} -.wds-warning .wds-banner-notification__icon { - background-color: #dfec24; -} -.wds-success .wds-banner-notification__icon { - background-color: #4cda9a; -} -.wds-message .wds-banner-notification__icon { - background-color: #460084; -} -.wds-banner-notification__text { - color: #666; - flex: 1; - font-size: 14px; - line-height: 1.29; - padding: 13px 12px; -} -.wds-banner-notification__close { - box-sizing: content-box; - cursor: pointer; - padding: 18px; -} -.wds-banner-notification + .wds-banner-notification .wds-banner-notification__close, .wds-banner-notification + .wds-banner-notification .wds-banner-notification__text { - border-top: 1px solid #ccc; -} - -.wds-banner-notification__close { - fill: currentColor; - height: 12px; - width: 12px; -} - -.wds-banner-notification__icon-mark { - fill: currentColor; - height: 18px; - width: 18px; -} \ No newline at end of file diff --git a/components/BannerNotifications.js b/components/BannerNotifications.js deleted file mode 100644 index a6df44c2..00000000 --- a/components/BannerNotifications.js +++ /dev/null @@ -1,400 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); -var PropTypes = _interopDefault(require('prop-types')); - -function _classCallCheck(instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } -} - -function _defineProperties(target, props) { - for (var i = 0; i < props.length; i++) { - var descriptor = props[i]; - descriptor.enumerable = descriptor.enumerable || false; - descriptor.configurable = true; - if ("value" in descriptor) descriptor.writable = true; - Object.defineProperty(target, descriptor.key, descriptor); - } -} - -function _createClass(Constructor, protoProps, staticProps) { - if (protoProps) _defineProperties(Constructor.prototype, protoProps); - if (staticProps) _defineProperties(Constructor, staticProps); - return Constructor; -} - -function _defineProperty(obj, key, value) { - if (key in obj) { - Object.defineProperty(obj, key, { - value: value, - enumerable: true, - configurable: true, - writable: true - }); - } else { - obj[key] = value; - } - - return obj; -} - -function _extends() { - _extends = Object.assign || function (target) { - for (var i = 1; i < arguments.length; i++) { - var source = arguments[i]; - - for (var key in source) { - if (Object.prototype.hasOwnProperty.call(source, key)) { - target[key] = source[key]; - } - } - } - - return target; - }; - - return _extends.apply(this, arguments); -} - -function _inherits(subClass, superClass) { - if (typeof superClass !== "function" && superClass !== null) { - throw new TypeError("Super expression must either be null or a function"); - } - - subClass.prototype = Object.create(superClass && superClass.prototype, { - constructor: { - value: subClass, - writable: true, - configurable: true - } - }); - if (superClass) _setPrototypeOf(subClass, superClass); -} - -function _getPrototypeOf(o) { - _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { - return o.__proto__ || Object.getPrototypeOf(o); - }; - return _getPrototypeOf(o); -} - -function _setPrototypeOf(o, p) { - _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { - o.__proto__ = p; - return o; - }; - - return _setPrototypeOf(o, p); -} - -function _assertThisInitialized(self) { - if (self === void 0) { - throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); - } - - return self; -} - -function _possibleConstructorReturn(self, call) { - if (call && (typeof call === "object" || typeof call === "function")) { - return call; - } - - return _assertThisInitialized(self); -} - -var _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$1(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var IconCloseTiny = ((_ref) => { - let props = _objectWithoutProperties$1(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$1({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 12 12" }, props), - React.createElement( - "defs", - null, - React.createElement("path", { id: "id-components/BannerNotifications-a", d: "M7.426 6.001l4.278-4.279A1.008 1.008 0 1 0 10.278.296L6 4.574 1.723.296A1.008 1.008 0 1 0 .295 1.722l4.278 4.28-4.279 4.277a1.008 1.008 0 1 0 1.427 1.426L6 7.427l4.278 4.278a1.006 1.006 0 0 0 1.426 0 1.008 1.008 0 0 0 0-1.426L7.425 6.001z" }) - ), - React.createElement("use", { fillRule: "evenodd", xlinkHref: "#id-components/BannerNotifications-a" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var IconCloseTiny$1 = (function (props) { - return React.createElement(IconCloseTiny, props); -}); - -var _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$2(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var IconAlertSmall = ((_ref) => { - let props = _objectWithoutProperties$2(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$2({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 18 18" }, props), - React.createElement( - "defs", - null, - React.createElement("path", { id: "id-components/BannerNotifications-a", d: "M2.618 15.995L9 3.199l6.382 12.796H2.618zm15.276.554l-8-16.04C9.555-.17 8.445-.17 8.105.51l-8 16.04A1.003 1.003 0 0 0 1 18h16c.347 0 .668-.18.85-.476a.998.998 0 0 0 .044-.975zM8 7.975V9.98a1 1 0 1 0 2 0V7.975a1 1 0 1 0-2 0m1.71 4.3c-.05-.04-.1-.09-.16-.12a.567.567 0 0 0-.17-.09.61.61 0 0 0-.19-.06.999.999 0 0 0-.9.27c-.09.101-.16.201-.21.33a1.01 1.01 0 0 0-.08.383c0 .26.11.52.29.711.19.18.44.291.71.291.06 0 .13-.01.19-.02a.635.635 0 0 0 .19-.06.59.59 0 0 0 .17-.09c.06-.04.11-.08.16-.12.18-.192.29-.452.29-.712 0-.132-.03-.261-.08-.382a.94.94 0 0 0-.21-.33" }) - ), - React.createElement("use", { fillRule: "evenodd", xlinkHref: "#id-components/BannerNotifications-a" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var IconAlertSmall$1 = (function (props) { - return React.createElement(IconAlertSmall, props); -}); - -var _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$3(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var IconCheckmarkSmall = ((_ref) => { - let props = _objectWithoutProperties$3(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$3({ viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, props), - React.createElement("path", { d: "M6 16a.997.997 0 0 1-.707-.293l-5-5a.999.999 0 1 1 1.414-1.414L6 13.586 16.293 3.293a.999.999 0 1 1 1.414 1.414l-11 11A.997.997 0 0 1 6 16", fillRule: "evenodd" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var IconCheckmarkSmall$1 = (function (props) { - return React.createElement(IconCheckmarkSmall, props); -}); - -var _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - -function _objectWithoutProperties$4(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var IconFlagSmall = ((_ref) => { - let props = _objectWithoutProperties$4(_ref, ["styles"]); - - return React.createElement( - "svg", - _extends$4({ xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 18 18" }, props), - React.createElement( - "defs", - null, - React.createElement("path", { id: "id-components/BannerNotifications-a", d: "M3 11h10.586l-3.293-3.293a.999.999 0 0 1 0-1.414L13.586 3H3v8zm-1 7a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0h13a1.002 1.002 0 0 1 .707 1.707L12.414 7l4.293 4.293A1 1 0 0 1 16 13H3v4a1 1 0 0 1-1 1z" }) - ), - React.createElement("use", { fillRule: "evenodd", xlinkHref: "#id-components/BannerNotifications-a" }) - ); -}); - -// This file is generated automatically via extract-assets-from-ds.js -/** @component */ - -var IconFlagSmall$1 = (function (props) { - return React.createElement(IconFlagSmall, props); -}); - -function getIcon(type) { - switch (type) { - case 'alert': - return React.createElement(IconAlertSmall$1, { - className: "wds-banner-notification__icon-mark" - }); - - case 'warning': - return React.createElement(IconAlertSmall$1, { - className: "wds-banner-notification__icon-mark" - }); - - case 'success': - return React.createElement(IconCheckmarkSmall$1, { - className: "wds-banner-notification__icon-mark" - }); - - default: - return React.createElement(IconFlagSmall$1, { - className: "wds-banner-notification__icon-mark" - }); - } -} - -function getClassName(type) { - switch (type) { - case 'alert': - return 'wds-alert'; - - case 'warning': - return 'wds-warning'; - - case 'success': - return 'wds-success'; - - default: - return 'wds-message'; - } -} -/** - * This is a single component used in `BannerNotifications` component. - */ - - -var BannerNotification = function BannerNotification(_ref) { - var className = _ref.className, - type = _ref.type, - text = _ref.text, - onClose = _ref.onClose, - children = _ref.children; - return React.createElement("div", { - className: "wds-banner-notification ".concat(getClassName(type), " ").concat(className) - }, React.createElement("div", { - className: "wds-banner-notification__icon" - }, getIcon(type)), React.createElement("span", { - className: "wds-banner-notification__text" - }, children || text), React.createElement(IconCloseTiny$1, { - className: "wds-banner-notification__close", - onClick: onClose - })); -}; - -BannerNotification.propTypes = { - /** Children to display */ - children: PropTypes.node, - - /** An additional class name */ - className: PropTypes.string, - onClose: PropTypes.func, - - /** Text to display if there are no children. */ - text: PropTypes.string, - type: PropTypes.oneOf(['alert', 'warning', 'success', 'message']).isRequired -}; -BannerNotification.defaultProps = { - children: null, - className: '', - onClose: null, - text: '' -}; - -var messageType = PropTypes.shape({ - id: PropTypes.string.isRequired, - permanent: PropTypes.bool, - text: PropTypes.string.isRequired, - type: PropTypes.oneOf(['alert', 'warning', 'success', 'message']).isRequired -}); - -/** - * Component used to create notifications. For full functionality it needs some - * app logic to handle the array of messages - adding/removing. - * - * See the following: - * - https://github.com/Wikia/f2/blob/master/frontend/react-app/curationTools/containers/Notifications.jsx - * - https://github.com/Wikia/f2/tree/master/frontend/react-app/curationTools/reducers/notifications - * - * The `messages` prop is an array of `bannerNotificationsMessageType` objects with the following props: - * - `id`: unique string that's send as the param of the `onClose` function - * - `type`: one of: `'alert'`, `'warning'`, `'success'` or `'message'`. - * - `text`: text that is going to be displayed on the notification - * - `permanent`: a boolean flag - if present the close button won't be displayed on the notification - * - * `bannerNotificationsMessageType` is exported along with `BannerNotification` - */ - -var BannerNotifications = -/*#__PURE__*/ -function (_React$Component) { - _inherits(BannerNotifications, _React$Component); - - function BannerNotifications() { - var _getPrototypeOf2; - - var _this; - - _classCallCheck(this, BannerNotifications); - - for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { - args[_key] = arguments[_key]; - } - - _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(BannerNotifications)).call.apply(_getPrototypeOf2, [this].concat(args))); - - _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "onClose", function (id) { - var onClose = _this.props.onClose; - onClose(id); - }); - - return _this; - } - - _createClass(BannerNotifications, [{ - key: "renderNotification", - value: function renderNotification(_ref) { - var _this2 = this; - - var text = _ref.text, - type = _ref.type, - id = _ref.id, - permanent = _ref.permanent; - var props = { - key: id, - type: type, - text: text - }; - - if (permanent) { - return React.createElement(BannerNotification, props); - } - - return React.createElement(BannerNotification, _extends({}, props, { - onClose: function onClose() { - return _this2.onClose(id); - } - })); - } - }, { - key: "render", - value: function render() { - var _this3 = this; - - var _this$props = this.props, - className = _this$props.className, - messages = _this$props.messages; - - if (messages.length === 0) { - return null; - } - - return React.createElement("div", { - className: "wds-banner-notification__container ".concat(className) - }, messages.map(function (message) { - return _this3.renderNotification(message); - })); - } - }]); - - return BannerNotifications; -}(React.Component); - -_defineProperty(BannerNotifications, "propTypes", { - /** An additional class name */ - className: PropTypes.string, - - /** An array of `bannerNotificationsMessageType` objects */ - messages: PropTypes.arrayOf(messageType).isRequired, - - /** Action invoked when close button is clicked */ - onClose: PropTypes.func.isRequired -}); - -_defineProperty(BannerNotifications, "defaultProps", { - className: '' -}); - -module.exports = BannerNotifications; diff --git a/components/Button.css b/components/Button.css deleted file mode 100644 index afa67e45..00000000 --- a/components/Button.css +++ /dev/null @@ -1,541 +0,0 @@ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -/** -* Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/ -*/ -/** -* Implementation taken from http://alienryderflex.com/hsp.html -*/ -.wds-button { - color: #fff; - background: none; - align-items: center; - border-style: solid; - border-width: 1px; - border-radius: 3px; - box-sizing: content-box; - cursor: default; - display: inline-flex; - font-size: 12px; - font-weight: 600; - justify-content: center; - letter-spacing: 0.15px; - line-height: 16px; - margin: 0; - min-height: 18px; - outline: none; - padding: 7px 18px; - text-decoration: none; - text-transform: uppercase; - transition-duration: 300ms; - transition-property: background-color, border-color, color; - vertical-align: top; - -webkit-appearance: none; -} -.wds-button:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #00b7e0; -} -.wds-button:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #00647a; - border-color: #00647a; -} -.wds-button:not(.wds-is-text) { - border-color: #00b7e0; -} -.wds-button.wds-is-secondary { - border-color: #00b7e0; - color: #00b7e0; -} -.wds-button.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-secondary:active, .wds-button.wds-is-secondary.wds-is-active { - border-color: #00647a; - color: #00647a; -} -.wds-button.wds-is-text { - color: #00b7e0; -} -.wds-button.wds-is-text:focus:not(:disabled), .wds-button.wds-is-text:hover:not(:disabled), .wds-button.wds-is-text:active, .wds-button.wds-is-text.wds-is-active { - color: #00647a; -} -button.wds-button, a.wds-button { - cursor: pointer; -} - -.wds-button:disabled { - cursor: default; - opacity: 0.5; - pointer-events: none; -} -.wds-button:focus:not(:disabled), .wds-button:hover:not(:disabled), .wds-button:active, .wds-button.wds-is-active { - text-decoration: none; -} -.wds-button.wds-is-full-width { - display: flex; -} -.wds-button.wds-is-square { - height: 36px; - min-width: 36px; - width: 36px; - align-items: center; - display: inline-flex; - justify-content: center; - padding: 0; -} -.wds-button.wds-is-text { - border: 0; -} -.wds-button .wds-icon { - align-self: center; - pointer-events: none; -} -.wds-button .wds-icon:not(:only-child):first-child { - margin-right: 6px; -} -.wds-button .wds-icon:not(:only-child):last-child { - margin-left: 6px; -} -.wds-button .wds-list { - color: #1a1a1a; - font-weight: normal; - letter-spacing: normal; - text-transform: none; - text-align: left; -} -.wds-button .wds-dropdown__content { - top: calc(100% + 1px); -} - -.wds-button.wds-is-facebook-color { - color: #fff; - background: none; -} -.wds-button.wds-is-facebook-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #3b5998; -} -.wds-button.wds-is-facebook-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-facebook-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-facebook-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-facebook-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #718dc8; - border-color: #718dc8; -} -.wds-button.wds-is-facebook-color:not(.wds-is-text) { - border-color: #3b5998; -} -.wds-button.wds-is-facebook-color.wds-is-secondary { - border-color: #3b5998; - color: #3b5998; -} -.wds-button.wds-is-facebook-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-facebook-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-facebook-color.wds-is-secondary:active, .wds-button.wds-is-facebook-color.wds-is-secondary.wds-is-active { - border-color: #718dc8; - color: #718dc8; -} -.wds-button.wds-is-facebook-color.wds-is-text { - color: #3b5998; -} -.wds-button.wds-is-facebook-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-facebook-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-facebook-color.wds-is-text:active, .wds-button.wds-is-facebook-color.wds-is-text.wds-is-active { - color: #718dc8; -} -.wds-button.wds-is-googleplus-color { - color: #fff; - background: none; -} -.wds-button.wds-is-googleplus-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #dd4b39; -} -.wds-button.wds-is-googleplus-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-googleplus-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-googleplus-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-googleplus-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #96271a; - border-color: #96271a; -} -.wds-button.wds-is-googleplus-color:not(.wds-is-text) { - border-color: #dd4b39; -} -.wds-button.wds-is-googleplus-color.wds-is-secondary { - border-color: #dd4b39; - color: #dd4b39; -} -.wds-button.wds-is-googleplus-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-googleplus-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-googleplus-color.wds-is-secondary:active, .wds-button.wds-is-googleplus-color.wds-is-secondary.wds-is-active { - border-color: #96271a; - color: #96271a; -} -.wds-button.wds-is-googleplus-color.wds-is-text { - color: #dd4b39; -} -.wds-button.wds-is-googleplus-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-googleplus-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-googleplus-color.wds-is-text:active, .wds-button.wds-is-googleplus-color.wds-is-text.wds-is-active { - color: #96271a; -} -.wds-button.wds-is-line-color { - color: #fff; - background: none; -} -.wds-button.wds-is-line-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #00c300; -} -.wds-button.wds-is-line-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-line-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-line-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-line-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #005d00; - border-color: #005d00; -} -.wds-button.wds-is-line-color:not(.wds-is-text) { - border-color: #00c300; -} -.wds-button.wds-is-line-color.wds-is-secondary { - border-color: #00c300; - color: #00c300; -} -.wds-button.wds-is-line-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-line-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-line-color.wds-is-secondary:active, .wds-button.wds-is-line-color.wds-is-secondary.wds-is-active { - border-color: #005d00; - color: #005d00; -} -.wds-button.wds-is-line-color.wds-is-text { - color: #00c300; -} -.wds-button.wds-is-line-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-line-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-line-color.wds-is-text:active, .wds-button.wds-is-line-color.wds-is-text.wds-is-active { - color: #005d00; -} -.wds-button.wds-is-linkedin-color { - color: #fff; - background: none; -} -.wds-button.wds-is-linkedin-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #0077b5; -} -.wds-button.wds-is-linkedin-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-linkedin-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-linkedin-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-linkedin-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #1cb1ff; - border-color: #1cb1ff; -} -.wds-button.wds-is-linkedin-color:not(.wds-is-text) { - border-color: #0077b5; -} -.wds-button.wds-is-linkedin-color.wds-is-secondary { - border-color: #0077b5; - color: #0077b5; -} -.wds-button.wds-is-linkedin-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-linkedin-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-linkedin-color.wds-is-secondary:active, .wds-button.wds-is-linkedin-color.wds-is-secondary.wds-is-active { - border-color: #1cb1ff; - color: #1cb1ff; -} -.wds-button.wds-is-linkedin-color.wds-is-text { - color: #0077b5; -} -.wds-button.wds-is-linkedin-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-linkedin-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-linkedin-color.wds-is-text:active, .wds-button.wds-is-linkedin-color.wds-is-text.wds-is-active { - color: #1cb1ff; -} -.wds-button.wds-is-instagram-color { - color: #fff; - background: none; -} -.wds-button.wds-is-instagram-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #e02d69; -} -.wds-button.wds-is-instagram-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-instagram-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-instagram-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-instagram-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #92153f; - border-color: #92153f; -} -.wds-button.wds-is-instagram-color:not(.wds-is-text) { - border-color: #e02d69; -} -.wds-button.wds-is-instagram-color.wds-is-secondary { - border-color: #e02d69; - color: #e02d69; -} -.wds-button.wds-is-instagram-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-instagram-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-instagram-color.wds-is-secondary:active, .wds-button.wds-is-instagram-color.wds-is-secondary.wds-is-active { - border-color: #92153f; - color: #92153f; -} -.wds-button.wds-is-instagram-color.wds-is-text { - color: #e02d69; -} -.wds-button.wds-is-instagram-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-instagram-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-instagram-color.wds-is-text:active, .wds-button.wds-is-instagram-color.wds-is-text.wds-is-active { - color: #92153f; -} -.wds-button.wds-is-meneame-color { - color: #fff; - background: none; -} -.wds-button.wds-is-meneame-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #ff6400; -} -.wds-button.wds-is-meneame-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-meneame-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-meneame-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-meneame-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #993c00; - border-color: #993c00; -} -.wds-button.wds-is-meneame-color:not(.wds-is-text) { - border-color: #ff6400; -} -.wds-button.wds-is-meneame-color.wds-is-secondary { - border-color: #ff6400; - color: #ff6400; -} -.wds-button.wds-is-meneame-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-meneame-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-meneame-color.wds-is-secondary:active, .wds-button.wds-is-meneame-color.wds-is-secondary.wds-is-active { - border-color: #993c00; - color: #993c00; -} -.wds-button.wds-is-meneame-color.wds-is-text { - color: #ff6400; -} -.wds-button.wds-is-meneame-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-meneame-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-meneame-color.wds-is-text:active, .wds-button.wds-is-meneame-color.wds-is-text.wds-is-active { - color: #993c00; -} -.wds-button.wds-is-nk-color { - color: #fff; - background: none; -} -.wds-button.wds-is-nk-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #4077a7; -} -.wds-button.wds-is-nk-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-nk-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-nk-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-nk-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #7fa9ce; - border-color: #7fa9ce; -} -.wds-button.wds-is-nk-color:not(.wds-is-text) { - border-color: #4077a7; -} -.wds-button.wds-is-nk-color.wds-is-secondary { - border-color: #4077a7; - color: #4077a7; -} -.wds-button.wds-is-nk-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-nk-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-nk-color.wds-is-secondary:active, .wds-button.wds-is-nk-color.wds-is-secondary.wds-is-active { - border-color: #7fa9ce; - color: #7fa9ce; -} -.wds-button.wds-is-nk-color.wds-is-text { - color: #4077a7; -} -.wds-button.wds-is-nk-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-nk-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-nk-color.wds-is-text:active, .wds-button.wds-is-nk-color.wds-is-text.wds-is-active { - color: #7fa9ce; -} -.wds-button.wds-is-odnoklassniki-color { - color: #fff; - background: none; -} -.wds-button.wds-is-odnoklassniki-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #f96900; -} -.wds-button.wds-is-odnoklassniki-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-odnoklassniki-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-odnoklassniki-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-odnoklassniki-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #933e00; - border-color: #933e00; -} -.wds-button.wds-is-odnoklassniki-color:not(.wds-is-text) { - border-color: #f96900; -} -.wds-button.wds-is-odnoklassniki-color.wds-is-secondary { - border-color: #f96900; - color: #f96900; -} -.wds-button.wds-is-odnoklassniki-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-odnoklassniki-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-odnoklassniki-color.wds-is-secondary:active, .wds-button.wds-is-odnoklassniki-color.wds-is-secondary.wds-is-active { - border-color: #933e00; - color: #933e00; -} -.wds-button.wds-is-odnoklassniki-color.wds-is-text { - color: #f96900; -} -.wds-button.wds-is-odnoklassniki-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-odnoklassniki-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-odnoklassniki-color.wds-is-text:active, .wds-button.wds-is-odnoklassniki-color.wds-is-text.wds-is-active { - color: #933e00; -} -.wds-button.wds-is-reddit-color { - color: #fff; - background: none; -} -.wds-button.wds-is-reddit-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #ff4500; -} -.wds-button.wds-is-reddit-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-reddit-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-reddit-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-reddit-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #992900; - border-color: #992900; -} -.wds-button.wds-is-reddit-color:not(.wds-is-text) { - border-color: #ff4500; -} -.wds-button.wds-is-reddit-color.wds-is-secondary { - border-color: #ff4500; - color: #ff4500; -} -.wds-button.wds-is-reddit-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-reddit-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-reddit-color.wds-is-secondary:active, .wds-button.wds-is-reddit-color.wds-is-secondary.wds-is-active { - border-color: #992900; - color: #992900; -} -.wds-button.wds-is-reddit-color.wds-is-text { - color: #ff4500; -} -.wds-button.wds-is-reddit-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-reddit-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-reddit-color.wds-is-text:active, .wds-button.wds-is-reddit-color.wds-is-text.wds-is-active { - color: #992900; -} -.wds-button.wds-is-tumblr-color { - color: #fff; - background: none; -} -.wds-button.wds-is-tumblr-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #34465d; -} -.wds-button.wds-is-tumblr-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-tumblr-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-tumblr-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-tumblr-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #59779e; - border-color: #59779e; -} -.wds-button.wds-is-tumblr-color:not(.wds-is-text) { - border-color: #34465d; -} -.wds-button.wds-is-tumblr-color.wds-is-secondary { - border-color: #34465d; - color: #34465d; -} -.wds-button.wds-is-tumblr-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-tumblr-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-tumblr-color.wds-is-secondary:active, .wds-button.wds-is-tumblr-color.wds-is-secondary.wds-is-active { - border-color: #59779e; - color: #59779e; -} -.wds-button.wds-is-tumblr-color.wds-is-text { - color: #34465d; -} -.wds-button.wds-is-tumblr-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-tumblr-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-tumblr-color.wds-is-text:active, .wds-button.wds-is-tumblr-color.wds-is-text.wds-is-active { - color: #59779e; -} -.wds-button.wds-is-twitter-color { - color: #fff; - background: none; -} -.wds-button.wds-is-twitter-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #1da1f2; -} -.wds-button.wds-is-twitter-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-twitter-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-twitter-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-twitter-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #0967a0; - border-color: #0967a0; -} -.wds-button.wds-is-twitter-color:not(.wds-is-text) { - border-color: #1da1f2; -} -.wds-button.wds-is-twitter-color.wds-is-secondary { - border-color: #1da1f2; - color: #1da1f2; -} -.wds-button.wds-is-twitter-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-twitter-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-twitter-color.wds-is-secondary:active, .wds-button.wds-is-twitter-color.wds-is-secondary.wds-is-active { - border-color: #0967a0; - color: #0967a0; -} -.wds-button.wds-is-twitter-color.wds-is-text { - color: #1da1f2; -} -.wds-button.wds-is-twitter-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-twitter-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-twitter-color.wds-is-text:active, .wds-button.wds-is-twitter-color.wds-is-text.wds-is-active { - color: #0967a0; -} -.wds-button.wds-is-vkontakte-color { - color: #fff; - background: none; -} -.wds-button.wds-is-vkontakte-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #587ca3; -} -.wds-button.wds-is-vkontakte-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-vkontakte-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-vkontakte-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-vkontakte-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #99b0c8; - border-color: #99b0c8; -} -.wds-button.wds-is-vkontakte-color:not(.wds-is-text) { - border-color: #587ca3; -} -.wds-button.wds-is-vkontakte-color.wds-is-secondary { - border-color: #587ca3; - color: #587ca3; -} -.wds-button.wds-is-vkontakte-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-vkontakte-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-vkontakte-color.wds-is-secondary:active, .wds-button.wds-is-vkontakte-color.wds-is-secondary.wds-is-active { - border-color: #99b0c8; - color: #99b0c8; -} -.wds-button.wds-is-vkontakte-color.wds-is-text { - color: #587ca3; -} -.wds-button.wds-is-vkontakte-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-vkontakte-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-vkontakte-color.wds-is-text:active, .wds-button.wds-is-vkontakte-color.wds-is-text.wds-is-active { - color: #99b0c8; -} -.wds-button.wds-is-wykop-color { - color: #fff; - background: none; -} -.wds-button.wds-is-wykop-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #fb803f; -} -.wds-button.wds-is-wykop-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-wykop-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-wykop-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-wykop-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #d04b04; - border-color: #d04b04; -} -.wds-button.wds-is-wykop-color:not(.wds-is-text) { - border-color: #fb803f; -} -.wds-button.wds-is-wykop-color.wds-is-secondary { - border-color: #fb803f; - color: #fb803f; -} -.wds-button.wds-is-wykop-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-wykop-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-wykop-color.wds-is-secondary:active, .wds-button.wds-is-wykop-color.wds-is-secondary.wds-is-active { - border-color: #d04b04; - color: #d04b04; -} -.wds-button.wds-is-wykop-color.wds-is-text { - color: #fb803f; -} -.wds-button.wds-is-wykop-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-wykop-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-wykop-color.wds-is-text:active, .wds-button.wds-is-wykop-color.wds-is-text.wds-is-active { - color: #d04b04; -} -.wds-button.wds-is-weibo-color { - color: #fff; - background: none; -} -.wds-button.wds-is-weibo-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #ff8140; -} -.wds-button.wds-is-weibo-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-weibo-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-weibo-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-weibo-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #d94a00; - border-color: #d94a00; -} -.wds-button.wds-is-weibo-color:not(.wds-is-text) { - border-color: #ff8140; -} -.wds-button.wds-is-weibo-color.wds-is-secondary { - border-color: #ff8140; - color: #ff8140; -} -.wds-button.wds-is-weibo-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-weibo-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-weibo-color.wds-is-secondary:active, .wds-button.wds-is-weibo-color.wds-is-secondary.wds-is-active { - border-color: #d94a00; - color: #d94a00; -} -.wds-button.wds-is-weibo-color.wds-is-text { - color: #ff8140; -} -.wds-button.wds-is-weibo-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-weibo-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-weibo-color.wds-is-text:active, .wds-button.wds-is-weibo-color.wds-is-text.wds-is-active { - color: #d94a00; -} -.wds-button.wds-is-youtube-color { - color: #fff; - background: none; -} -.wds-button.wds-is-youtube-color:not(.wds-is-text):not(.wds-is-secondary) { - background-color: #cd201f; -} -.wds-button.wds-is-youtube-color:not(.wds-is-text):not(.wds-is-secondary):focus:not(:disabled), .wds-button.wds-is-youtube-color:not(.wds-is-text):not(.wds-is-secondary):hover:not(:disabled), .wds-button.wds-is-youtube-color:not(.wds-is-text):not(.wds-is-secondary):active, .wds-button.wds-is-youtube-color:not(.wds-is-text):not(.wds-is-secondary).wds-is-active { - background-color: #e86a6a; - border-color: #e86a6a; -} -.wds-button.wds-is-youtube-color:not(.wds-is-text) { - border-color: #cd201f; -} -.wds-button.wds-is-youtube-color.wds-is-secondary { - border-color: #cd201f; - color: #cd201f; -} -.wds-button.wds-is-youtube-color.wds-is-secondary:focus:not(:disabled), .wds-button.wds-is-youtube-color.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-youtube-color.wds-is-secondary:active, .wds-button.wds-is-youtube-color.wds-is-secondary.wds-is-active { - border-color: #e86a6a; - color: #e86a6a; -} -.wds-button.wds-is-youtube-color.wds-is-text { - color: #cd201f; -} -.wds-button.wds-is-youtube-color.wds-is-text:focus:not(:disabled), .wds-button.wds-is-youtube-color.wds-is-text:hover:not(:disabled), .wds-button.wds-is-youtube-color.wds-is-text:active, .wds-button.wds-is-youtube-color.wds-is-text.wds-is-active { - color: #e86a6a; -} - -.wds-button.wds-is-fullwidth { - box-sizing: border-box; - width: 100%; -} \ No newline at end of file diff --git a/components/Button.js b/components/Button.js deleted file mode 100644 index 8d3f6e5b..00000000 --- a/components/Button.js +++ /dev/null @@ -1,132 +0,0 @@ -'use strict'; - -function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } - -var React = _interopDefault(require('react')); -var PropTypes = _interopDefault(require('prop-types')); - -function _extends() { - _extends = Object.assign || function (target) { - for (var i = 1; i < arguments.length; i++) { - var source = arguments[i]; - - for (var key in source) { - if (Object.prototype.hasOwnProperty.call(source, key)) { - target[key] = source[key]; - } - } - } - - return target; - }; - - return _extends.apply(this, arguments); -} - -function _objectWithoutPropertiesLoose(source, excluded) { - if (source == null) return {}; - var target = {}; - var sourceKeys = Object.keys(source); - var key, i; - - for (i = 0; i < sourceKeys.length; i++) { - key = sourceKeys[i]; - if (excluded.indexOf(key) >= 0) continue; - target[key] = source[key]; - } - - return target; -} - -function _objectWithoutProperties(source, excluded) { - if (source == null) return {}; - - var target = _objectWithoutPropertiesLoose(source, excluded); - - var key, i; - - if (Object.getOwnPropertySymbols) { - var sourceSymbolKeys = Object.getOwnPropertySymbols(source); - - for (i = 0; i < sourceSymbolKeys.length; i++) { - key = sourceSymbolKeys[i]; - if (excluded.indexOf(key) >= 0) continue; - if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; - target[key] = source[key]; - } - } - - return target; -} - -/** - * Basic button component - */ - -var Button = function Button(_ref) { - var className = _ref.className, - href = _ref.href, - text = _ref.text, - secondary = _ref.secondary, - square = _ref.square, - fullwidth = _ref.fullwidth, - children = _ref.children, - rest = _objectWithoutProperties(_ref, ["className", "href", "text", "secondary", "square", "fullwidth", "children"]); - - var classes = ['wds-button', className, secondary ? 'wds-is-secondary' : '', square ? 'wds-is-square' : '', text ? 'wds-is-text' : '', fullwidth ? 'wds-is-fullwidth' : ''].filter(function (c) { - return c; - }).join(' '); - - if (href) { - return React.createElement("a", _extends({ - href: href, - className: classes - }, rest), children); - } - - return React.createElement("button", _extends({ - className: classes - }, rest), children); -}; - -Button.propTypes = { - /** @ignore */ - children: PropTypes.node, - - /** Additional class name */ - className: PropTypes.string, - - /** 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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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 ` diff --git a/docs/README.md b/docs/README.md new file mode 100644 index 00000000..50ac7e78 --- /dev/null +++ b/docs/README.md @@ -0,0 +1 @@ +Both `build/` and `index.html` is automatically generated with `yarn build`. From 75d4c3e700c20cd7996bba4890a0a885f9ddfc93 Mon Sep 17 00:00:00 2001 From: "Bartosz V. Bentkowski" Date: Thu, 31 Jan 2019 19:24:16 -0800 Subject: [PATCH 14/22] Tweak INSTALLATION.md (2) --- docs/INSTALLATION.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/INSTALLATION.md b/docs/INSTALLATION.md index 9315b332..c113d92c 100644 --- a/docs/INSTALLATION.md +++ b/docs/INSTALLATION.md @@ -8,7 +8,8 @@ This setup will work for both `yarn` and `npm`. If you run into issues consult [ 1. Verify you can login to [Artifactory Wikia](https://artifactory.wikia-inc.com/artifactory/webapp/#/home) 2. Change wikia scoped packages to use artifactory * `npm config set @wikia:registry https://artifactory.wikia-inc.com/artifactory/api/npm/npm-source/` -3. Run `npm login --scope=@wikia` +3. Login + * `npm login --scope=@wikia` * Use artifactory login and artifactory API key for password by going to "Edit Profile" in artifactory web ui ### Add the package to `package.json` From 2937d77e6e714558e7cd9d5f070ad4ada6733eaa Mon Sep 17 00:00:00 2001 From: "Bartosz V. Bentkowski" Date: Thu, 31 Jan 2019 19:26:38 -0800 Subject: [PATCH 15/22] Tweak extract-assets-from-ds --- scripts/extract-assets-from-ds.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/scripts/extract-assets-from-ds.js b/scripts/extract-assets-from-ds.js index 44acbe0b..02ebf890 100644 --- a/scripts/extract-assets-from-ds.js +++ b/scripts/extract-assets-from-ds.js @@ -47,7 +47,7 @@ const ASSET_CATEGORIES_KEYS = Object.keys(ASSET_CATEGORIES); */ ASSET_CATEGORIES_KEYS.forEach( (category) => { - const name = `./${ASSET_CATEGORIES[category].directory}`; + const name = `./source/${ASSET_CATEGORIES[category].directory}`; console.log(`Deleting ${name}`); rimraf.sync(name); } @@ -97,7 +97,7 @@ function generateComponent(assetData) { const componentName = `${assetData.directory}/${assetData.to}`; console.log(`Writing ${componentName}`); - const outDirectory = `${__dirname}/../${componentName}`; + const outDirectory = `${__dirname}/../source/${componentName}`; const fromFile = assetData.from.replace(/^node_modules\//, ''); const jsxTemplate = `// This file is generated automatically via extract-assets-from-ds.js @@ -126,7 +126,7 @@ assets.forEach(asset => generateComponent(asset)); function generateReadmeAndTest(directory, components) { console.log(`Writing tests and README.md for ${directory}`); - const outDirectory = `${__dirname}/../${directory}`; + const outDirectory = `${__dirname}/../source/${directory}`; // generate README.md const readmeTemplate = `Files and directories in this directory are automatically re-generated. See the source/scripts/extract-assets-from-ds.js. From 684385dab2094d739e08524c054a4416cfaa9d84 Mon Sep 17 00:00:00 2001 From: "Bartosz V. Bentkowski" Date: Thu, 31 Jan 2019 19:43:48 -0800 Subject: [PATCH 16/22] Tweak prepublishOnly --- docs/build/{bundle.c4ac4f1f.js => bundle.1dbc11d6.js} | 2 +- docs/index.html | 2 +- package.json | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) rename docs/build/{bundle.c4ac4f1f.js => bundle.1dbc11d6.js} (68%) diff --git a/docs/build/bundle.c4ac4f1f.js b/docs/build/bundle.1dbc11d6.js similarity index 68% rename from docs/build/bundle.c4ac4f1f.js rename to docs/build/bundle.1dbc11d6.js index 2bf18b8f..d07deb84 100644 --- a/docs/build/bundle.c4ac4f1f.js +++ b/docs/build/bundle.1dbc11d6.js @@ -68,4 +68,4 @@ var r=n(262),o=n(263),a=n(264);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(75),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(314),o=n(75),a=n(315),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--:++aimport Button from \'@wikia/react-common/components/Button\';\nimport Icon from \'@wikia/react-common/components/Button\';\n\n\n...\n\n\n<div>\n <Button>\n <Icon name="camera" />\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:"# Contribution\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 `/src/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 root directory (equivalent of `yarn clean`).\n2. Build the library outputting built ES5 files to the root (`yarn lib:build`).\n3. Build the `docs/` in the root directory; it contains the build styleguide that will appear on the GitHub pages (`yarn styleguide:build`).\n4. Build the `package.json` in the root directory (`yarn package:build`).\n5. Build the `README.md` in the root directory and in all auto generated directories (`yarn readme: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### Usual 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(324);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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.is-default:before {\n height: 42px;\n min-width: 42px;\n width: 42px;\n border: solid 3px #fff;\n left: 3px;\n top: 3px; }\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:"Avatar",methods:[],props:[{type:{name:"string"},required:!1,description:"Alt text for avatar",defaultValue:{value:"'User avatar'",computed:!1},tags:{},name:"alt"},{type:{name:"enum",value:[{value:"'admin'",computed:!1},{value:"'content-moderator'",computed:!1},{value:"'discussion-moderator'",computed:!1},{value:"'sysop'",computed:!1},{value:"'global-discussions-moderator'",computed:!1},{value:"'helper'",computed:!1},{value:"'staff'",computed:!1},{value:"'vstf'",computed:!1},{value:"''",computed:!1}]},required:!1,description:"Badge to display for avatar.",defaultValue:{value:"undefined",computed:!0},tags:{},name:"badge"},{type:{name:"string"},required:!1,description:"Additional class name",defaultValue:{value:"undefined",computed:!0},tags:{},name:"className"},{type:{name:"string"},required:!1,description:"Link to user's profile",defaultValue:{value:"undefined",computed:!0},tags:{},name:"href"},{type:{name:"string"},required:!1,description:"Image src for avatar",defaultValue:{value:"undefined",computed:!0},tags:{},name:"src"},{type:{name:"string"},required:!1,description:"Title attribute for avatar",defaultValue:{value:"undefined",computed:!0},tags:{},name:"title"}],doclets:{},examples:n(326)}},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(328);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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:"This is a single component used in `BannerNotifications` component.\n",displayName:"BannerNotification",methods:[],props:[{type:{name:"enum",value:[{value:"'alert'",computed:!1},{value:"'warning'",computed:!1},{value:"'success'",computed:!1},{value:"'message'",computed:!1}]},required:!0,description:"",tags:{},name:"type"},{type:{name:"node"},required:!1,description:"Children to display",defaultValue:{value:"null",computed:!1},tags:{},name:"children"},{type:{name:"string"},required:!1,description:"An additional class name",defaultValue:{value:"''",computed:!1},tags:{},name:"className"},{type:{name:"func"},required:!1,description:"",defaultValue:{value:"null",computed:!1},tags:{},name:"onClose"},{type:{name:"string"},required:!1,description:"Text to display if there are no children.",defaultValue:{value:"''",computed:!1},tags:{},name:"text"}],doclets:{},tags:{},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:"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(332)}},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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(338);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(339);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"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(343);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(345);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(347)}},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(349);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(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:"",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(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},{type:"markdown",content:"Custom width and className:"},{type:"code",content:"
\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(356);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 FandomContentWell(e){var t=e.className,n=e.children,r=_objectWithoutProperties(e,["className","children"]);return o.a.createElement("div",_extends({className:"wds-fandom-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(357);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(359)}},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(361);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(362);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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(364)}},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(366);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(367);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(9)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(8)(!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 `