├── .editorconfig
├── .ember-cli
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .npmignore
├── .npmrc
├── .svgo-dist.yml
├── .svgo-source.yml
├── .template-lintrc.js
├── .watchmanconfig
├── CNAME
├── CONTRIBUTING.md
├── Jenkinsfile-auto-deploy
├── Jenkinsfile-auto-deploy-marker
├── Jenkinsfile-pr-checks
├── LICENSE.md
├── README.md
├── app
    ├── components
    │   ├── avatar-badge.js
    │   ├── avatar-stack.js
    │   ├── banner-notification.js
    │   ├── banner-notifications.js
    │   ├── community-bar.js
    │   ├── community-bar
    │   │   ├── local-navigation-dropdown.js
    │   │   ├── local-navigation-level-2.js
    │   │   ├── local-navigation-level-3.js
    │   │   └── local-navigation.js
    │   ├── community-header.js
    │   ├── community-header
    │   │   └── local-navigation-dropdown-level-2.js
    │   ├── dialog.js
    │   ├── dropdown.js
    │   ├── global-footer-wikia-org.js
    │   ├── global-footer.js
    │   ├── global-navigation.js
    │   ├── global-navigation
    │   │   ├── anon.js
    │   │   ├── content-recommendation-card.js
    │   │   ├── content-recommendations.js
    │   │   ├── link-logout.js
    │   │   ├── search-modal.js
    │   │   ├── search.js
    │   │   ├── sponsored-content-card.js
    │   │   └── user-modal.js
    │   ├── icon.js
    │   ├── on-site-notifications
    │   │   ├── notification-card.js
    │   │   ├── notifications-dropdown.js
    │   │   ├── notifications-list.js
    │   │   └── notifications.js
    │   ├── spinner.js
    │   ├── tab.js
    │   ├── tabs.js
    │   ├── textarea.js
    │   └── tracking-pixel.js
    ├── helpers
    │   ├── classnames.js
    │   ├── optional.js
    │   └── wrap-me.js
    ├── models
    │   └── wds-on-site-notifications
    │   │   ├── wds-on-site-notification.js
    │   │   └── wds-on-site-notifications.js
    ├── services
    │   ├── wds-banner-notifications.js
    │   └── wds-on-site-notifications.js
    ├── templates
    │   └── components
    │   │   ├── avatar-badge.hbs
    │   │   ├── avatar-image.hbs
    │   │   ├── avatar-stack.hbs
    │   │   ├── avatar.hbs
    │   │   ├── banner-notification.hbs
    │   │   ├── banner-notifications.hbs
    │   │   ├── button.hbs
    │   │   ├── community-bar.hbs
    │   │   ├── community-bar
    │   │       ├── local-navigation-dropdown.hbs
    │   │       ├── local-navigation-level-2.hbs
    │   │       ├── local-navigation-level-3.hbs
    │   │       └── local-navigation.hbs
    │   │   ├── community-header.hbs
    │   │   ├── community-header
    │   │       ├── local-navigation-dropdown-level-2.hbs
    │   │       ├── local-navigation-dropdown.hbs
    │   │       ├── local-navigation.hbs
    │   │       ├── nav-item-with-icon.hbs
    │   │       └── nav-item.hbs
    │   │   ├── dialog.hbs
    │   │   ├── dropdown-content.hbs
    │   │   ├── dropdown-icon.hbs
    │   │   ├── dropdown-toggle.hbs
    │   │   ├── dropdown.hbs
    │   │   ├── global-footer-fandom.hbs
    │   │   ├── global-footer-wikia-org.hbs
    │   │   ├── global-footer.hbs
    │   │   ├── global-footer
    │   │       ├── bottom-bar.hbs
    │   │       ├── image.hbs
    │   │       ├── link-branded.hbs
    │   │       ├── link-image.hbs
    │   │       ├── link-text.hbs
    │   │       └── section.hbs
    │   │   ├── global-navigation.hbs
    │   │   ├── global-navigation
    │   │       ├── anon.hbs
    │   │       ├── content-recommendation-card.hbs
    │   │       ├── content-recommendations.hbs
    │   │       ├── link-button.hbs
    │   │       ├── link-group.hbs
    │   │       ├── link-logout.hbs
    │   │       ├── link-text.hbs
    │   │       ├── main-navigation.hbs
    │   │       ├── search-modal.hbs
    │   │       ├── search.hbs
    │   │       ├── sponsored-content-card.hbs
    │   │       ├── user-modal.hbs
    │   │       └── user.hbs
    │   │   ├── icon.hbs
    │   │   ├── label.hbs
    │   │   ├── list.hbs
    │   │   ├── on-site-notifications
    │   │       ├── notification-card.hbs
    │   │       ├── notifications-dropdown.hbs
    │   │       ├── notifications-list.hbs
    │   │       └── notifications.hbs
    │   │   ├── spinner.hbs
    │   │   ├── tabs.hbs
    │   │   ├── textarea.hbs
    │   │   ├── toggle.hbs
    │   │   └── tracking-pixel.hbs
    └── utils
    │   ├── local-storage-connector.js
    │   ├── notification-types.js
    │   ├── thumbnail.js
    │   ├── viewport-size.js
    │   └── wds-track.js
├── config
    ├── deploy.js
    ├── environment.js
    └── optional-features.json
├── crowdin.conf
├── ember-cli-build.js
├── i18n
    ├── de
    │   └── design-system.json
    ├── en
    │   └── design-system.json
    ├── es
    │   └── design-system.json
    ├── fi
    │   └── design-system.json
    ├── fr
    │   └── design-system.json
    ├── id
    │   └── design-system.json
    ├── it
    │   └── design-system.json
    ├── ja
    │   └── design-system.json
    ├── ko
    │   └── design-system.json
    ├── nl
    │   └── design-system.json
    ├── pl
    │   └── design-system.json
    ├── pt
    │   └── design-system.json
    ├── ru
    │   └── design-system.json
    ├── vi
    │   └── design-system.json
    ├── zh-hant
    │   └── design-system.json
    └── zh
    │   └── design-system.json
├── index.js
├── jsconfig.json
├── package.json
├── scripts
    ├── create-svg-sprite.js
    ├── release-test.sh
    ├── release.sh
    └── set-artifactory-token.sh
├── style-guide
    ├── assets
    │   ├── wds-avatar-badges-admin.svg
    │   ├── wds-avatar-badges-content-moderator.svg
    │   ├── wds-avatar-badges-discussion-moderator.svg
    │   ├── wds-avatar-badges-global-discussions-moderator.svg
    │   ├── wds-avatar-badges-helper.svg
    │   ├── wds-avatar-badges-staff.svg
    │   ├── wds-avatar-badges-vstf.svg
    │   ├── wds-company-logo-fandom-heart.svg
    │   ├── wds-company-logo-fandom-white.svg
    │   ├── wds-company-logo-fandom.svg
    │   ├── wds-company-logo-gamepedia-book.svg
    │   ├── wds-company-logo-gamepedia.svg
    │   ├── wds-company-logo-wikia-org-white.svg
    │   ├── wds-company-logo-wikia-org.svg
    │   ├── wds-company-logo-wikia.svg
    │   ├── wds-company-store-appstore.svg
    │   ├── wds-company-store-googleplay.svg
    │   ├── wds-company-store-logo-ddb.svg
    │   ├── wds-company-store-logo-fandom.svg
    │   ├── wds-icons-activity-small.svg
    │   ├── wds-icons-activity-tiny.svg
    │   ├── wds-icons-activity.svg
    │   ├── wds-icons-add-small.svg
    │   ├── wds-icons-add-tiny.svg
    │   ├── wds-icons-add.svg
    │   ├── wds-icons-alert-small.svg
    │   ├── wds-icons-alert-tiny.svg
    │   ├── wds-icons-alert.svg
    │   ├── wds-icons-arrow-small.svg
    │   ├── wds-icons-arrow-tiny.svg
    │   ├── wds-icons-arrow.svg
    │   ├── wds-icons-avatar-small.svg
    │   ├── wds-icons-avatar-tiny.svg
    │   ├── wds-icons-avatar.svg
    │   ├── wds-icons-bell-small.svg
    │   ├── wds-icons-bell-tiny.svg
    │   ├── wds-icons-bell.svg
    │   ├── wds-icons-blocks-small.svg
    │   ├── wds-icons-blocks-tiny.svg
    │   ├── wds-icons-blocks.svg
    │   ├── wds-icons-bold-active-small.svg
    │   ├── wds-icons-bold-active-tiny.svg
    │   ├── wds-icons-bold-active.svg
    │   ├── wds-icons-bold-small.svg
    │   ├── wds-icons-bold-tiny.svg
    │   ├── wds-icons-bold.svg
    │   ├── wds-icons-book-small.svg
    │   ├── wds-icons-book-tiny.svg
    │   ├── wds-icons-book.svg
    │   ├── wds-icons-bookmark-small.svg
    │   ├── wds-icons-bookmark-tiny.svg
    │   ├── wds-icons-bookmark.svg
    │   ├── wds-icons-bubble-small.svg
    │   ├── wds-icons-bubble-tiny.svg
    │   ├── wds-icons-bubble.svg
    │   ├── wds-icons-bullet-list-small.svg
    │   ├── wds-icons-bullet-list-tiny.svg
    │   ├── wds-icons-bullet-list.svg
    │   ├── wds-icons-calendar-small.svg
    │   ├── wds-icons-calendar-tiny.svg
    │   ├── wds-icons-calendar.svg
    │   ├── wds-icons-camera-small.svg
    │   ├── wds-icons-camera-tiny.svg
    │   ├── wds-icons-camera.svg
    │   ├── wds-icons-checkbox-empty-small.svg
    │   ├── wds-icons-checkbox-empty-tiny.svg
    │   ├── wds-icons-checkbox-empty.svg
    │   ├── wds-icons-checkbox-small.svg
    │   ├── wds-icons-checkbox-tiny.svg
    │   ├── wds-icons-checkbox.svg
    │   ├── wds-icons-checkmark-small.svg
    │   ├── wds-icons-checkmark-tiny.svg
    │   ├── wds-icons-checkmark.svg
    │   ├── wds-icons-clipboard-small.svg
    │   ├── wds-icons-clipboard-tiny.svg
    │   ├── wds-icons-clipboard.svg
    │   ├── wds-icons-clock-small.svg
    │   ├── wds-icons-clock-tiny.svg
    │   ├── wds-icons-clock.svg
    │   ├── wds-icons-close-small.svg
    │   ├── wds-icons-close-tiny.svg
    │   ├── wds-icons-close.svg
    │   ├── wds-icons-comment-small.svg
    │   ├── wds-icons-comment-tiny.svg
    │   ├── wds-icons-comment.svg
    │   ├── wds-icons-controls-small.svg
    │   ├── wds-icons-controls-tiny.svg
    │   ├── wds-icons-controls.svg
    │   ├── wds-icons-cross-small.svg
    │   ├── wds-icons-cross-tiny.svg
    │   ├── wds-icons-cross.svg
    │   ├── wds-icons-dashboard-small.svg
    │   ├── wds-icons-dashboard-tiny.svg
    │   ├── wds-icons-dashboard.svg
    │   ├── wds-icons-discord.svg
    │   ├── wds-icons-download-small.svg
    │   ├── wds-icons-download-tiny.svg
    │   ├── wds-icons-download.svg
    │   ├── wds-icons-dropdown-small.svg
    │   ├── wds-icons-dropdown-tiny.svg
    │   ├── wds-icons-dropdown.svg
    │   ├── wds-icons-envelope-small.svg
    │   ├── wds-icons-envelope-tiny.svg
    │   ├── wds-icons-envelope.svg
    │   ├── wds-icons-error-small.svg
    │   ├── wds-icons-error-tiny.svg
    │   ├── wds-icons-error.svg
    │   ├── wds-icons-external-small.svg
    │   ├── wds-icons-external-tiny.svg
    │   ├── wds-icons-external.svg
    │   ├── wds-icons-eye-crossed-small.svg
    │   ├── wds-icons-eye-crossed-tiny.svg
    │   ├── wds-icons-eye-crossed.svg
    │   ├── wds-icons-eye-small.svg
    │   ├── wds-icons-eye-tiny.svg
    │   ├── wds-icons-eye.svg
    │   ├── wds-icons-facebook-small.svg
    │   ├── wds-icons-facebook-tiny.svg
    │   ├── wds-icons-facebook.svg
    │   ├── wds-icons-fandom-small.svg
    │   ├── wds-icons-fandom-tiny.svg
    │   ├── wds-icons-fandom.svg
    │   ├── wds-icons-flag-small.svg
    │   ├── wds-icons-flag-tiny.svg
    │   ├── wds-icons-flag.svg
    │   ├── wds-icons-footnote-small.svg
    │   ├── wds-icons-footnote-tiny.svg
    │   ├── wds-icons-footnote.svg
    │   ├── wds-icons-gear-small.svg
    │   ├── wds-icons-gear-tiny.svg
    │   ├── wds-icons-gear.svg
    │   ├── wds-icons-googleplus.svg
    │   ├── wds-icons-grid-small.svg
    │   ├── wds-icons-grid-tiny.svg
    │   ├── wds-icons-grid.svg
    │   ├── wds-icons-gripper-small.svg
    │   ├── wds-icons-gripper-tiny.svg
    │   ├── wds-icons-gripper.svg
    │   ├── wds-icons-h2-small.svg
    │   ├── wds-icons-h2-tiny.svg
    │   ├── wds-icons-h2.svg
    │   ├── wds-icons-h3-small.svg
    │   ├── wds-icons-h3-tiny.svg
    │   ├── wds-icons-h3.svg
    │   ├── wds-icons-heart-filled-small.svg
    │   ├── wds-icons-heart-filled-tiny.svg
    │   ├── wds-icons-heart-filled.svg
    │   ├── wds-icons-heart-small.svg
    │   ├── wds-icons-heart-tiny.svg
    │   ├── wds-icons-heart.svg
    │   ├── wds-icons-home-small.svg
    │   ├── wds-icons-home-tiny.svg
    │   ├── wds-icons-home.svg
    │   ├── wds-icons-image-small.svg
    │   ├── wds-icons-image-tiny.svg
    │   ├── wds-icons-image.svg
    │   ├── wds-icons-images-small.svg
    │   ├── wds-icons-images-tiny.svg
    │   ├── wds-icons-images.svg
    │   ├── wds-icons-indent-left-small.svg
    │   ├── wds-icons-indent-left-tiny.svg
    │   ├── wds-icons-indent-left.svg
    │   ├── wds-icons-indent-right-small.svg
    │   ├── wds-icons-indent-right-tiny.svg
    │   ├── wds-icons-indent-right.svg
    │   ├── wds-icons-info-small.svg
    │   ├── wds-icons-info-tiny.svg
    │   ├── wds-icons-info.svg
    │   ├── wds-icons-instagram.svg
    │   ├── wds-icons-italics-small.svg
    │   ├── wds-icons-italics-tiny.svg
    │   ├── wds-icons-italics.svg
    │   ├── wds-icons-left-align-small.svg
    │   ├── wds-icons-left-align-tiny.svg
    │   ├── wds-icons-left-align.svg
    │   ├── wds-icons-line.svg
    │   ├── wds-icons-link-small.svg
    │   ├── wds-icons-link-tiny.svg
    │   ├── wds-icons-link.svg
    │   ├── wds-icons-linkedin.svg
    │   ├── wds-icons-loading.svg
    │   ├── wds-icons-lock-small.svg
    │   ├── wds-icons-lock-tiny.svg
    │   ├── wds-icons-lock.svg
    │   ├── wds-icons-magnifying-glass-small.svg
    │   ├── wds-icons-magnifying-glass-tiny.svg
    │   ├── wds-icons-magnifying-glass.svg
    │   ├── wds-icons-map-small.svg
    │   ├── wds-icons-map-tiny.svg
    │   ├── wds-icons-map.svg
    │   ├── wds-icons-meneame.svg
    │   ├── wds-icons-mention-small.svg
    │   ├── wds-icons-mention-tiny.svg
    │   ├── wds-icons-mention.svg
    │   ├── wds-icons-menu-control-small.svg
    │   ├── wds-icons-menu-control-tiny.svg
    │   ├── wds-icons-menu-control.svg
    │   ├── wds-icons-menu-small.svg
    │   ├── wds-icons-menu-tiny.svg
    │   ├── wds-icons-menu.svg
    │   ├── wds-icons-message-small.svg
    │   ├── wds-icons-message-tiny.svg
    │   ├── wds-icons-message.svg
    │   ├── wds-icons-more-small.svg
    │   ├── wds-icons-more-tiny.svg
    │   ├── wds-icons-more.svg
    │   ├── wds-icons-move-small.svg
    │   ├── wds-icons-move-tiny.svg
    │   ├── wds-icons-move.svg
    │   ├── wds-icons-nk.svg
    │   ├── wds-icons-numbered-list-small.svg
    │   ├── wds-icons-numbered-list-tiny.svg
    │   ├── wds-icons-numbered-list.svg
    │   ├── wds-icons-odnoklassniki.svg
    │   ├── wds-icons-page-list-small.svg
    │   ├── wds-icons-page-list-tiny.svg
    │   ├── wds-icons-page-list.svg
    │   ├── wds-icons-page-small.svg
    │   ├── wds-icons-page-tiny.svg
    │   ├── wds-icons-page.svg
    │   ├── wds-icons-pages-small.svg
    │   ├── wds-icons-pages-tiny.svg
    │   ├── wds-icons-pages.svg
    │   ├── wds-icons-paragraph-small.svg
    │   ├── wds-icons-paragraph-tiny.svg
    │   ├── wds-icons-paragraph.svg
    │   ├── wds-icons-pause-small.svg
    │   ├── wds-icons-pause-tiny.svg
    │   ├── wds-icons-pause.svg
    │   ├── wds-icons-pencil-small.svg
    │   ├── wds-icons-pencil-tiny.svg
    │   ├── wds-icons-pencil.svg
    │   ├── wds-icons-pin-small.svg
    │   ├── wds-icons-pin-tiny.svg
    │   ├── wds-icons-pin.svg
    │   ├── wds-icons-play-small.svg
    │   ├── wds-icons-play-tiny.svg
    │   ├── wds-icons-play.svg
    │   ├── wds-icons-poll-small.svg
    │   ├── wds-icons-poll-tiny.svg
    │   ├── wds-icons-poll.svg
    │   ├── wds-icons-preformat-small.svg
    │   ├── wds-icons-preformat-tiny.svg
    │   ├── wds-icons-preformat.svg
    │   ├── wds-icons-question-small.svg
    │   ├── wds-icons-question-tiny.svg
    │   ├── wds-icons-question.svg
    │   ├── wds-icons-quiz-small.svg
    │   ├── wds-icons-quiz-tiny.svg
    │   ├── wds-icons-quiz.svg
    │   ├── wds-icons-quote-small.svg
    │   ├── wds-icons-quote-tiny.svg
    │   ├── wds-icons-quote.svg
    │   ├── wds-icons-qzone.svg
    │   ├── wds-icons-radio-active-small.svg
    │   ├── wds-icons-radio-active-tiny.svg
    │   ├── wds-icons-radio-active.svg
    │   ├── wds-icons-radio-empty-small.svg
    │   ├── wds-icons-radio-empty-tiny.svg
    │   ├── wds-icons-radio-empty.svg
    │   ├── wds-icons-reddit-small.svg
    │   ├── wds-icons-reddit-tiny.svg
    │   ├── wds-icons-reddit.svg
    │   ├── wds-icons-refresh-small.svg
    │   ├── wds-icons-refresh-tiny.svg
    │   ├── wds-icons-refresh.svg
    │   ├── wds-icons-reply-small.svg
    │   ├── wds-icons-reply-tiny.svg
    │   ├── wds-icons-reply.svg
    │   ├── wds-icons-share-small.svg
    │   ├── wds-icons-share-tiny.svg
    │   ├── wds-icons-share.svg
    │   ├── wds-icons-sitemap-small.svg
    │   ├── wds-icons-sitemap-tiny.svg
    │   ├── wds-icons-sitemap.svg
    │   ├── wds-icons-sound-off-small.svg
    │   ├── wds-icons-sound-off-tiny.svg
    │   ├── wds-icons-sound-off.svg
    │   ├── wds-icons-sound-small.svg
    │   ├── wds-icons-sound-tiny.svg
    │   ├── wds-icons-sound.svg
    │   ├── wds-icons-star-small.svg
    │   ├── wds-icons-star-tiny.svg
    │   ├── wds-icons-star.svg
    │   ├── wds-icons-tag-small.svg
    │   ├── wds-icons-tag-tiny.svg
    │   ├── wds-icons-tag.svg
    │   ├── wds-icons-text-small.svg
    │   ├── wds-icons-text-tiny.svg
    │   ├── wds-icons-text.svg
    │   ├── wds-icons-toc-small.svg
    │   ├── wds-icons-toc-tiny.svg
    │   ├── wds-icons-toc.svg
    │   ├── wds-icons-trash-open-small.svg
    │   ├── wds-icons-trash-open-tiny.svg
    │   ├── wds-icons-trash-open.svg
    │   ├── wds-icons-trash-small.svg
    │   ├── wds-icons-trash-tiny.svg
    │   ├── wds-icons-trash.svg
    │   ├── wds-icons-tumblr.svg
    │   ├── wds-icons-twitter-small.svg
    │   ├── wds-icons-twitter-tiny.svg
    │   ├── wds-icons-twitter.svg
    │   ├── wds-icons-unlock-small.svg
    │   ├── wds-icons-unlock-tiny.svg
    │   ├── wds-icons-unlock.svg
    │   ├── wds-icons-upvote-small.svg
    │   ├── wds-icons-upvote-tiny.svg
    │   ├── wds-icons-upvote.svg
    │   ├── wds-icons-user-small.svg
    │   ├── wds-icons-user-tiny.svg
    │   ├── wds-icons-user.svg
    │   ├── wds-icons-users-small.svg
    │   ├── wds-icons-users-tiny.svg
    │   ├── wds-icons-users.svg
    │   ├── wds-icons-video-small.svg
    │   ├── wds-icons-video-tiny.svg
    │   ├── wds-icons-video.svg
    │   ├── wds-icons-vkontakte.svg
    │   ├── wds-icons-watch-small.svg
    │   ├── wds-icons-watch-tiny.svg
    │   ├── wds-icons-watch.svg
    │   ├── wds-icons-weibo.svg
    │   ├── wds-icons-wykop.svg
    │   ├── wds-icons-youtube.svg
    │   ├── wds-icons-zoom-in-small.svg
    │   ├── wds-icons-zoom-in-tiny.svg
    │   ├── wds-icons-zoom-in.svg
    │   ├── wds-icons-zoom-out-small.svg
    │   ├── wds-icons-zoom-out-tiny.svg
    │   ├── wds-icons-zoom-out.svg
    │   └── wds-player-icon-play.svg
    └── styles
    │   ├── index.scss
    │   ├── wds-components
    │       ├── _avatar-stack.scss
    │       ├── _avatar.scss
    │       ├── _banner-notification.scss
    │       ├── _button-groups.scss
    │       ├── _buttons.scss
    │       ├── _community-bar.scss
    │       ├── _community-header.scss
    │       ├── _dialogs.scss
    │       ├── _dropdowns.scss
    │       ├── _floating-buttons.scss
    │       ├── _global-footer-wikia-org.scss
    │       ├── _global-footer.scss
    │       ├── _global-navigation-search.scss
    │       ├── _global-navigation-wikia-org.scss
    │       ├── _global-navigation.scss
    │       ├── _icons.scss
    │       ├── _inputs.scss
    │       ├── _is-disabled.scss
    │       ├── _is-hidden.scss
    │       ├── _links.scss
    │       ├── _lists.scss
    │       ├── _menu-chevron.scss
    │       ├── _no-scroll.scss
    │       ├── _on-site-notifications.scss
    │       ├── _pills.scss
    │       ├── _player.scss
    │       ├── _search-modal.scss
    │       ├── _sign-out.scss
    │       ├── _spinner.scss
    │       ├── _tabs.scss
    │       ├── _toggles.scss
    │       ├── buttons
    │       │   ├── _common.scss
    │       │   └── _social.scss
    │       ├── global-navigation
    │       │   ├── _content-recommendations.scss
    │       │   └── _user-modal.scss
    │       ├── index.scss
    │       └── inputs
    │       │   ├── _input.scss
    │       │   └── _textarea.scss
    │   ├── wds-functions
    │       ├── _active-color.scss
    │       ├── _brightness.scss
    │       ├── _community-header-text-color.scss
    │       ├── _sqrt.scss
    │       ├── _wds-grid-columns-width.scss
    │       └── index.scss
    │   ├── wds-mixins
    │       ├── _button-group-theming.scss
    │       ├── _button-theming.scss
    │       ├── _community-header-gradient.scss
    │       ├── _community-header-theming.scss
    │       ├── _dialog-theming.scss
    │       ├── _dropdown-theming.scss
    │       ├── _ellipsis.scss
    │       ├── _is-disabled.scss
    │       ├── _is-right-aligned.scss
    │       ├── _link-theming.scss
    │       ├── _pill-theming.scss
    │       ├── _scrollable-list.scss
    │       ├── _square.scss
    │       ├── _tabs-theming.scss
    │       ├── _toggle-theming.scss
    │       ├── _wds-avatar.scss
    │       ├── _wds-box-underline.scss
    │       ├── _wds-content-well.scss
    │       ├── _wds-dropdown-linked-list.scss
    │       ├── _wds-grid.scss
    │       ├── _wds-hide-on-breakpoint.scss
    │       ├── _wds-midlight.scss
    │       ├── _wds-player-icon-play.scss
    │       ├── _wikia-org-theming.scss
    │       └── index.scss
    │   ├── wds-typography
    │       ├── classes
    │       │   ├── _font-weight-scale.scss
    │       │   ├── _line-height-scale.scss
    │       │   ├── _text-style.scss
    │       │   ├── _typescale.scss
    │       │   └── index.scss
    │       └── index.scss
    │   └── wds-variables
    │       ├── _breakpoints.scss
    │       ├── _colors.scss
    │       ├── _icons.scss
    │       ├── _player.scss
    │       ├── _typography.scss
    │       ├── _wds-breakpoints.scss
    │       ├── _wds-grid.scss
    │       ├── _z-index-scale.scss
    │       └── index.scss
├── testem.js
├── tests
    ├── dummy
    │   ├── app
    │   │   ├── app.js
    │   │   ├── components
    │   │   │   ├── asset-box.js
    │   │   │   ├── code-sample.js
    │   │   │   ├── color-box.js
    │   │   │   ├── demo.js
    │   │   │   ├── font-weight-line.js
    │   │   │   └── main-navigation.js
    │   │   ├── controllers
    │   │   │   ├── application.js
    │   │   │   ├── base-styles
    │   │   │   │   └── breakpoints.js
    │   │   │   ├── identity
    │   │   │   │   ├── community-bar
    │   │   │   │   │   └── standalone.js
    │   │   │   │   ├── community-header.js
    │   │   │   │   ├── community-header
    │   │   │   │   │   └── standalone.js
    │   │   │   │   ├── global-navigation.js
    │   │   │   │   └── global-navigation
    │   │   │   │   │   └── standalone.js
    │   │   │   └── route-components
    │   │   │   │   ├── avatars.js
    │   │   │   │   ├── banner-notifications.js
    │   │   │   │   ├── dialogs.js
    │   │   │   │   └── inputs.js
    │   │   ├── helpers
    │   │   │   ├── equal.js
    │   │   │   ├── i18n.js
    │   │   │   ├── numeral.js
    │   │   │   └── svg.js
    │   │   ├── index.html
    │   │   ├── initializers
    │   │   │   ├── highlight.js
    │   │   │   └── load-svg.js
    │   │   ├── models
    │   │   │   ├── community-header.json
    │   │   │   ├── global-footer.json
    │   │   │   └── global-navigation.json
    │   │   ├── resolver.js
    │   │   ├── router.js
    │   │   ├── routes
    │   │   │   ├── application.js
    │   │   │   ├── identity
    │   │   │   │   ├── browser-theming.js
    │   │   │   │   ├── community-bar.js
    │   │   │   │   ├── community-bar
    │   │   │   │   │   └── standalone.js
    │   │   │   │   ├── community-header.js
    │   │   │   │   ├── community-header
    │   │   │   │   │   └── standalone.js
    │   │   │   │   ├── global-footer.js
    │   │   │   │   ├── global-footer
    │   │   │   │   │   └── standalone.js
    │   │   │   │   ├── global-navigation.js
    │   │   │   │   └── global-navigation
    │   │   │   │   │   └── standalone.js
    │   │   │   └── index.js
    │   │   ├── services
    │   │   │   ├── current-user.js
    │   │   │   ├── fastboot.js
    │   │   │   ├── fetch.js
    │   │   │   ├── i18n.js
    │   │   │   ├── logger.js
    │   │   │   └── wiki-urls.js
    │   │   ├── styles
    │   │   │   ├── app.scss
    │   │   │   ├── base-styles
    │   │   │   │   ├── _assets.scss
    │   │   │   │   ├── _breakpoints.scss
    │   │   │   │   ├── _colors.scss
    │   │   │   │   ├── _typography.scss
    │   │   │   │   ├── _variables-table.scss
    │   │   │   │   └── index.scss
    │   │   │   ├── components
    │   │   │   │   ├── _asset-box.scss
    │   │   │   │   ├── _color-box.scss
    │   │   │   │   ├── _component-demo.scss
    │   │   │   │   ├── _icon-box.scss
    │   │   │   │   ├── _main-navigation.scss
    │   │   │   │   ├── _typescale-line.scss
    │   │   │   │   └── index.scss
    │   │   │   ├── identity
    │   │   │   │   ├── _browser-theming.scss
    │   │   │   │   ├── _community-header.scss
    │   │   │   │   ├── _global-navigation.scss
    │   │   │   │   └── index.scss
    │   │   │   ├── route-components
    │   │   │   │   ├── _avatars.scss
    │   │   │   │   ├── _buttons.scss
    │   │   │   │   ├── _dropdowns.scss
    │   │   │   │   ├── _floating-buttons.scss
    │   │   │   │   └── index.scss
    │   │   │   └── wds.scss
    │   │   ├── templates
    │   │   │   ├── application.hbs
    │   │   │   ├── base-styles
    │   │   │   │   ├── breakpoints.hbs
    │   │   │   │   ├── colors.hbs
    │   │   │   │   ├── typography.hbs
    │   │   │   │   ├── wds-breakpoints.hbs
    │   │   │   │   ├── wds-grid.hbs
    │   │   │   │   └── z-index.hbs
    │   │   │   ├── components
    │   │   │   │   ├── asset-box.hbs
    │   │   │   │   ├── color-box.hbs
    │   │   │   │   ├── community-header-wiki-content.hbs
    │   │   │   │   ├── demo.hbs
    │   │   │   │   ├── font-weight-line.hbs
    │   │   │   │   ├── icon-box.hbs
    │   │   │   │   ├── main-navigation.hbs
    │   │   │   │   ├── text-style-line.hbs
    │   │   │   │   └── typescale-line.hbs
    │   │   │   ├── identity
    │   │   │   │   ├── api.hbs
    │   │   │   │   ├── assets.hbs
    │   │   │   │   ├── browser-theming.hbs
    │   │   │   │   ├── community-bar.hbs
    │   │   │   │   ├── community-bar
    │   │   │   │   │   └── standalone.hbs
    │   │   │   │   ├── community-header.hbs
    │   │   │   │   ├── community-header
    │   │   │   │   │   └── standalone.hbs
    │   │   │   │   ├── global-footer.hbs
    │   │   │   │   ├── global-footer
    │   │   │   │   │   └── standalone.hbs
    │   │   │   │   ├── global-navigation.hbs
    │   │   │   │   └── global-navigation
    │   │   │   │   │   └── standalone.hbs
    │   │   │   ├── overview
    │   │   │   │   ├── contributing.hbs
    │   │   │   │   ├── ember-addon.hbs
    │   │   │   │   ├── getting-started.hbs
    │   │   │   │   ├── installation.hbs
    │   │   │   │   ├── quick-start.hbs
    │   │   │   │   └── svg-assets.hbs
    │   │   │   └── route-components
    │   │   │   │   ├── assets.hbs
    │   │   │   │   ├── avatars.hbs
    │   │   │   │   ├── banner-notifications.hbs
    │   │   │   │   ├── buttons.hbs
    │   │   │   │   ├── dialogs.hbs
    │   │   │   │   ├── dropdowns.hbs
    │   │   │   │   ├── floating-buttons.hbs
    │   │   │   │   ├── inputs.hbs
    │   │   │   │   ├── lists.hbs
    │   │   │   │   ├── pills.hbs
    │   │   │   │   ├── progress-indicators.hbs
    │   │   │   │   ├── tabs.hbs
    │   │   │   │   └── toggles.hbs
    │   │   └── utils
    │   │   │   ├── beautify.js
    │   │   │   ├── string.js
    │   │   │   └── url.js
    │   ├── config
    │   │   ├── coverage.js
    │   │   ├── environment.js
    │   │   ├── optional-features.json
    │   │   └── targets.js
    │   ├── mirage
    │   │   ├── config.js
    │   │   ├── scenarios
    │   │   │   └── default.js
    │   │   └── serializers
    │   │   │   └── application.js
    │   └── public
    │   │   ├── 404.html
    │   │   ├── favicon.ico
    │   │   ├── images
    │   │       ├── FANDOM-Avatar.jpg
    │   │       ├── FANDOM-background.svg
    │   │       ├── breakpoints.png
    │   │       ├── theme-color.png
    │   │       ├── wds-community-bar-desktop.png
    │   │       ├── wds-community-bar-mobile.png
    │   │       ├── wds-community-bar-tablet.png
    │   │       ├── wds-community-header-desktop.png
    │   │       ├── wds-community-header-mobile.png
    │   │       ├── wds-community-header-tablet.png
    │   │       ├── wds-global-footer-desktop.png
    │   │       ├── wds-global-footer-mobile.png
    │   │       ├── wds-global-footer-tablet.png
    │   │       ├── wds-global-navigation-desktop.png
    │   │       ├── wds-global-navigation-mobile.png
    │   │       └── wds-global-navigation-tablet.png
    │   │   ├── mocks
    │   │       └── searchSuggestions.json
    │   │   └── robots.txt
    ├── index.html
    ├── integration
    │   ├── components
    │   │   ├── avatar-stack-test.js
    │   │   ├── avatar-test.js
    │   │   ├── banner-notification-test.js
    │   │   ├── banner-notifications-test.js
    │   │   ├── button-test.js
    │   │   ├── community-bar
    │   │   │   ├── local-navigation-dropdown-test.js
    │   │   │   ├── local-navigation-level-2-test.js
    │   │   │   ├── local-navigation-level-3-test.js
    │   │   │   └── local-navigation-test.js
    │   │   ├── community-header
    │   │   │   ├── local-navigation-dropdown-level-2-test.js
    │   │   │   ├── local-navigation-test.js
    │   │   │   └── nav-item-test.js
    │   │   ├── dialog-test.js
    │   │   ├── dropdown-test.js
    │   │   ├── global-footer-test.js
    │   │   ├── global-navigation-test.js
    │   │   ├── global-navigation
    │   │   │   ├── anon-test.js
    │   │   │   ├── content-recommendation-card-test.js
    │   │   │   ├── content-recommendations-test.js
    │   │   │   ├── link-logout-test.js
    │   │   │   ├── main-navigation-test.js
    │   │   │   ├── search-modal-test.js
    │   │   │   ├── search-test.js
    │   │   │   └── user-modal-test.js
    │   │   ├── icon-test.js
    │   │   ├── list-test.js
    │   │   ├── local-navigation-test.js
    │   │   ├── on-site-notifications
    │   │   │   ├── notification-card-test.js
    │   │   │   ├── notifications-dropdown-test.js
    │   │   │   ├── notifications-list-test.js
    │   │   │   └── notifications-test.js
    │   │   ├── spinner-test.js
    │   │   ├── tabs-test.js
    │   │   ├── textarea-test.js
    │   │   └── toggle-test.js
    │   └── helpers
    │   │   ├── classnames-test.js
    │   │   ├── optional-test.js
    │   │   └── wrap-me-test.js
    ├── mocks
    │   └── search-model.js
    ├── pages
    │   ├── components
    │   │   ├── avatar-stack.js
    │   │   ├── avatar.js
    │   │   ├── banner-notification.js
    │   │   ├── banner-notifications.js
    │   │   ├── dropdown.js
    │   │   └── global-footer.js
    │   └── helpers
    │   │   └── attr.js
    ├── test-helper.js
    └── unit
    │   ├── models
    │       └── wds-on-site-notifications
    │       │   ├── wds-on-site-notification-test.js
    │       │   └── wds-on-site-notifications-test.js
    │   ├── services
    │       ├── wds-banner-notifications-test.js
    │       └── wds-on-site-notifications-test.js
    │   └── utils
    │       ├── local-storage-connector-test.js
    │       ├── notification-types-test.js
    │       ├── thumbnail-test.js
    │       └── wds-track-test.js
├── vendor
    ├── inline-scripts
    │   └── tracking-queue-stub.js
    └── polyfills.js
└── yarn.lock


/.editorconfig:
--------------------------------------------------------------------------------
 1 | # editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | indent_style = tab
 6 | indent_size = 4
 7 | end_of_line = lf
 8 | charset = utf-8
 9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 | 
12 | [*.json]
13 | indent_style = space
14 | indent_size = 2
15 | 
16 | [*.hbs]
17 | indent_style = space
18 | indent_size = 2
19 | 
20 | [Jenkinsfile]
21 | indent_style = space
22 | indent_size = 2
23 | 


--------------------------------------------------------------------------------
/.ember-cli:
--------------------------------------------------------------------------------
 1 | {
 2 |   /**
 3 |     Ember CLI sends analytics information by default. The data is completely
 4 |     anonymous, but there are times when you might want to disable this behavior.
 5 | 
 6 |     Setting `disableAnalytics` to true will prevent any data from being sent.
 7 |   */
 8 |   "disableAnalytics": true,
 9 |   "output-path": "docs-dev"
10 | }
11 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
 1 | # unconventional js
 2 | /blueprints/*/files/
 3 | /vendor/
 4 | 
 5 | # compiled output
 6 | /dist/
 7 | /tmp/
 8 | /docs/
 9 | /docs-dev/
10 | /test-dist/
11 | 
12 | # dependencies
13 | /bower_components/
14 | /node_modules/
15 | 
16 | # misc
17 | /coverage/
18 | !.*
19 | 
20 | # ember-try
21 | /.node_modules.ember-try/
22 | /bower.json.ember-try
23 | /package.json.ember-try
24 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # compiled output
 4 | /tmp/
 5 | /docs-dev/
 6 | /test-dist/
 7 | /dist/
 8 | /docs/
 9 | 
10 | # dependencies
11 | /bower_components/
12 | /node_modules/
13 | 
14 | # misc
15 | /.sass-cache
16 | /connect.lock
17 | /coverage/
18 | /libpeerconnection.log
19 | /npm-debug.log*
20 | /testem.log
21 | /yarn-error.log
22 | 
23 | # ember-try
24 | /.node_modules.ember-try/
25 | /bower.json.ember-try
26 | /package.json.ember-try
27 | 
28 | # other
29 | .idea/
30 | /design-system.iml
31 | *.DS_Store
32 | *._.DS_Store
33 | debug.log
34 | .vscode
35 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
 1 | # compiled output
 2 | /tmp/
 3 | 
 4 | # dependencies
 5 | /bower_components/
 6 | 
 7 | # misc
 8 | /.bowerrc
 9 | /.editorconfig
10 | /.ember-cli
11 | /.eslintignore
12 | /.eslintrc.js
13 | /.gitignore
14 | /.template-lintrc.js
15 | /.travis.yml
16 | /.watchmanconfig
17 | /bower.json
18 | /config/ember-try.js
19 | /ember-cli-build.js
20 | /testem.js
21 | /tests/
22 | /yarn.lock
23 | .gitkeep
24 | 
25 | # ember-try
26 | /.node_modules.ember-try/
27 | /bower.json.ember-try
28 | /package.json.ember-try
29 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | save-exact=true
2 | tag-version-prefix=""
3 | @fandom:registry=https://artifactory.wikia-inc.com/artifactory/api/npm/wikia-npm/
4 | //artifactory.wikia-inc.com/artifactory/api/npm/wikia-npm/:_authToken=${ARTIFACTORY_NPM_TOKEN}
5 | 


--------------------------------------------------------------------------------
/.svgo-dist.yml:
--------------------------------------------------------------------------------
1 | full: true
2 | plugins:
3 |   - cleanupAttrs
4 | js2svg:
5 |   pretty: false
6 | 


--------------------------------------------------------------------------------
/.template-lintrc.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 |   extends: 'recommended',
 5 | 
 6 |   rules: {
 7 | 	'img-alt-attributes': false,
 8 | 	'no-invalid-interactive': false,
 9 | 	'no-triple-curlies': false,
10 | 	'simple-unless': false
11 |   }
12 | };
13 | 


--------------------------------------------------------------------------------
/.watchmanconfig:
--------------------------------------------------------------------------------
1 | {
2 |   "ignore_dirs": ["tmp", "dist" ,"docs", "docs-dev"]
3 | }
4 | 


--------------------------------------------------------------------------------
/CNAME:
--------------------------------------------------------------------------------
1 | fandomdesignsystem.com


--------------------------------------------------------------------------------
/app/components/banner-notification.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | import { computed } from '@ember/object';
 3 | 
 4 | const iconMap = {
 5 | 	alert: 'error',
 6 | 	warning: 'alert',
 7 | 	success: 'checkmark',
 8 | 	message: 'flag'
 9 | };
10 | 
11 | export default Component.extend({
12 | 	classNames: 'wds-banner-notification',
13 | 	classNameBindings: ['typeClassName'],
14 | 
15 | 	type: 'message',
16 | 
17 | 	icon: computed('type', function () {
18 | 		return iconMap[this.type];
19 | 	}),
20 | 
21 | 	typeClassName: computed('type', function () {
22 | 		return 'wds-' + this.type;
23 | 	})
24 | });
25 | 


--------------------------------------------------------------------------------
/app/components/community-bar/local-navigation-level-2.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | import { computed } from '@ember/object';
 3 | 
 4 | export default Component.extend({
 5 | 	classNames: ['wds-community-bar__level-2'],
 6 | 	classNameBindings: ['isActive:wds-is-active'],
 7 | 
 8 | 	isActive: computed('firstLevelIndex', 'firstLevelIndexSelected', 'secondLevelIndexSelected', function () {
 9 | 		return this.firstLevelIndex === this.firstLevelIndexSelected && this.secondLevelIndexSelected === null;
10 | 	})
11 | });
12 | 


--------------------------------------------------------------------------------
/app/components/community-bar/local-navigation-level-3.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | import { computed } from '@ember/object';
 3 | 
 4 | export default Component.extend({
 5 | 	classNames: ['wds-community-bar__level-3'],
 6 | 	classNameBindings: ['isActive:wds-is-active'],
 7 | 
 8 | 	isActive: computed('firstLevelIndex', 'firstLevelIndexSelected', 'secondLevelIndex', 'secondLevelIndexSelected', function () {
 9 | 		return this.firstLevelIndex === this.firstLevelIndexSelected && this.secondLevelIndex === this.secondLevelIndexSelected;
10 | 	})
11 | });
12 | 


--------------------------------------------------------------------------------
/app/components/community-bar/local-navigation.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | import { computed } from '@ember/object';
 3 | 
 4 | export default Component.extend({
 5 | 	tagName: '',
 6 | 
 7 | 	firstLevelClasses: computed('firstLevelIndexSelected', function () {
 8 | 		const classList = ['wds-community-bar__level-1'];
 9 | 
10 | 		if (this.firstLevelIndexSelected !== null) {
11 | 			classList.push('wds-is-hidden');
12 | 		}
13 | 
14 | 		return classList.join(' ');
15 | 	}),
16 | });
17 | 


--------------------------------------------------------------------------------
/app/components/community-header/local-navigation-dropdown-level-2.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | import { computed } from '@ember/object';
 3 | import { or } from '@ember/object/computed';
 4 | 
 5 | export default Component.extend({
 6 | 	tagName: '',
 7 | 
 8 | 	defaultHref: '#',
 9 | 
10 | 	stickedClassName: computed('model', 'currentIndex', function () {
11 | 		return (this.get('model.items.length') < this.currentIndex + 1) ? 'wds-is-sticked-to-parent' : '';
12 | 	}),
13 | 
14 | 	href: or('model.href', 'defaultHref')
15 | });
16 | 


--------------------------------------------------------------------------------
/app/components/dialog.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | 
 3 | export default Component.extend({
 4 | 	tagName: '',
 5 | 
 6 | 	cancelText: 'Cancel',
 7 | 	okText: 'OK',
 8 | 
 9 | 	actions: {
10 | 		/**
11 | 		 * This action is here just to prevent {{action onCancel 'curtain'}} being triggered
12 | 		 * when wds-dialog__wrapper or its content are clicked
13 | 		 */
14 | 		cancelBubble() {}
15 | 	}
16 | });
17 | 


--------------------------------------------------------------------------------
/app/components/global-footer-wikia-org.js:
--------------------------------------------------------------------------------
1 | import Component from '@ember/component';
2 | 
3 | export default Component.extend({
4 | 	tagName: 'footer',
5 | 	classNames: 'wds-global-footer-wikia-org',
6 | });
7 | 


--------------------------------------------------------------------------------
/app/components/global-navigation/search-modal.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | import { assert } from '@ember/debug';
 3 | 
 4 | export default Component.extend({
 5 | 
 6 | 	tagName: '',
 7 | 
 8 | 	init() {
 9 | 		this._super(...arguments);
10 | 
11 | 		assert('Required property `model` is not set', this.model);
12 | 		assert('Required function `onSearchToggleClicked` is not set', this.onSearchToggleClicked);
13 | 		assert('Required function `openModal` is not set', this.openModal);
14 | 	},
15 | 
16 | });
17 | 


--------------------------------------------------------------------------------
/app/components/tab.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | import { computed } from '@ember/object';
 3 | 
 4 | export default Component.extend({
 5 | 	tagName: 'li',
 6 | 	attributeBindings: [
 7 | 		'data-tracking-label',
 8 | 	],
 9 | 	classNames: 'wds-tabs__tab',
10 | 	classNameBindings: ['isSelected:wds-is-current', 'disabled:wds-is-disabled'],
11 | 
12 | 	isSelected: computed('selected', 'value', function () {
13 | 		return this.value !== undefined && this.selected === this.value;
14 | 	}),
15 | 
16 | 	click() {
17 | 		this.onSelect(this);
18 | 	}
19 | });
20 | 


--------------------------------------------------------------------------------
/app/components/tabs.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | 
 3 | export default Component.extend({
 4 | 	tagName: 'ul',
 5 | 	classNames: 'wds-tabs',
 6 | 
 7 | 	selected: 0,
 8 | 
 9 | 	onChange() {},
10 | 
11 | 	actions: {
12 | 		onChange(tab) {
13 | 			this.set('selected', tab.value);
14 | 
15 | 			this.onChange(...arguments);
16 | 		}
17 | 	}
18 | });
19 | 


--------------------------------------------------------------------------------
/app/components/textarea.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | import { computed } from '@ember/object';
 3 | 
 4 | export default Component.extend({
 5 | 	classNames: 'wds-textarea',
 6 | 	classNameBindings: [
 7 | 		'hasError:wds-has-error',
 8 | 		'hasLengthHint:wds-has-length-hint'
 9 | 	],
10 | 	disabled: false,
11 | 
12 | 	length: computed('value', function () {
13 | 		return this.value ? this.value.length : 0;
14 | 	}),
15 | 
16 | 	lengthHint: computed('maxlength', 'length', function () {
17 | 		return this.maxlength - this.length;
18 | 	})
19 | 
20 | });
21 | 


--------------------------------------------------------------------------------
/app/components/tracking-pixel.js:
--------------------------------------------------------------------------------
1 | import Component from '@ember/component';
2 | 
3 | export default Component.extend({
4 | 	tagName: 'div',
5 | 	classNames: ['wds-is-hidden'],
6 | });
7 | 


--------------------------------------------------------------------------------
/app/helpers/classnames.js:
--------------------------------------------------------------------------------
1 | import { helper } from '@ember/component/helper';
2 | 
3 | export function classnames(classList) {
4 | 	return classList.filter(Boolean).join(' ');
5 | }
6 | 
7 | export default helper(classnames);
8 | 


--------------------------------------------------------------------------------
/app/helpers/optional.js:
--------------------------------------------------------------------------------
 1 | import { helper } from '@ember/component/helper';
 2 | 
 3 | export function optional([action]) {
 4 |   if (typeof action === 'function') {
 5 |     return action;
 6 |   }
 7 | 
 8 |   return (i) => i;
 9 | }
10 | 
11 | export default helper(optional);
12 | 


--------------------------------------------------------------------------------
/app/services/wds-banner-notifications.js:
--------------------------------------------------------------------------------
 1 | import { later } from '@ember/runloop';
 2 | import Service from '@ember/service';
 3 | 
 4 | export default Service.extend({
 5 | 	counter: 0,
 6 | 	hideAfterMs: 10000,
 7 | 
 8 | 	init() {
 9 | 		this._super(...arguments);
10 | 		this.model = [];
11 | 	},
12 | 
13 | 	addNotification(notification) {
14 | 		notification.id = this.incrementProperty('counter');
15 | 		this.model.pushObject(notification);
16 | 
17 | 		if (!notification.disableAutoHide) {
18 | 			later(this, () => {
19 | 				this.model.removeObject(notification);
20 | 			}, this.hideAfterMs);
21 | 		}
22 | 	}
23 | });
24 | 


--------------------------------------------------------------------------------
/app/templates/components/avatar-badge.hbs:
--------------------------------------------------------------------------------
1 | {{svg badgeAssetName}}
2 | 


--------------------------------------------------------------------------------
/app/templates/components/avatar-image.hbs:
--------------------------------------------------------------------------------
1 | {{#if @src}}
2 |   <img src={{@src}} alt={{@alt}} class="wds-avatar__image">
3 | {{else}}
4 |   {{svg "wds-icons-avatar" class="wds-avatar__image"}}
5 | {{/if}}
6 | 


--------------------------------------------------------------------------------
/app/templates/components/avatar-stack.hbs:
--------------------------------------------------------------------------------
 1 | {{#each displayableAvatars as |avatar|}}
 2 |   <Avatar
 3 |     @src={{avatar.src}}
 4 |     @alt={{avatar.alt}}
 5 |     @link={{avatar.link}}
 6 |     @badge={{avatar.badge}}
 7 |   />
 8 | 
 9 | {{/each}}
10 | {{#if overflow}}
11 |   <div class="wds-avatar-stack__overflow">+{{overflow}}</div>
12 | {{/if}}
13 | 


--------------------------------------------------------------------------------
/app/templates/components/avatar.hbs:
--------------------------------------------------------------------------------
 1 | <div
 2 |         class={{classnames "wds-avatar"}}
 3 |         title={{@alt}}
 4 |         ...attributes
 5 | >
 6 |   {{#if @link}}
 7 |     <a href={{@link}}>
 8 |       <AvatarImage @src={{@src}} @alt={{@alt}} />
 9 |     </a>
10 |   {{else}}
11 |     <AvatarImage @src={{@src}} @alt={{@alt}} />
12 |   {{/if}}
13 | 
14 |   {{#if @badge}}
15 |     <AvatarBadge @name={{@badge}} />
16 |   {{/if}}
17 | </div>
18 | 


--------------------------------------------------------------------------------
/app/templates/components/banner-notification.hbs:
--------------------------------------------------------------------------------
 1 | <div class="wds-banner-notification__icon">
 2 |   <Icon @name={{this.icon}} @size="small" />
 3 | </div>
 4 | <span class="wds-banner-notification__text">
 5 |   {{yield}}
 6 | </span>
 7 | <Icon
 8 |   @name="close"
 9 |   @size="tiny"
10 |   @onClick={{action (optional @onClose)}}
11 |   class="wds-banner-notification__close"
12 | />
13 | 


--------------------------------------------------------------------------------
/app/templates/components/banner-notifications.hbs:
--------------------------------------------------------------------------------
 1 | {{#each model as |notification|}}
 2 |   <BannerNotification
 3 |     @type={{notification.type}}
 4 |     @onClose={{action "onClose" notification.id}}
 5 |   >
 6 |     {{#if notification.text}}
 7 |       {{notification.text}}
 8 |     {{else if notification.alreadySafeHtml}}
 9 |       {{{notification.alreadySafeHtml}}}
10 |     {{/if}}
11 |   </BannerNotification>
12 | {{/each}}
13 | 


--------------------------------------------------------------------------------
/app/templates/components/community-header/nav-item-with-icon.hbs:
--------------------------------------------------------------------------------
1 | {{#if @item.image-data}}
2 |   {{svg @item.image-data.name class="wds-icon wds-icon-tiny"}}
3 | {{/if}}
4 | {{community-header/nav-item item=@item}}
5 | 


--------------------------------------------------------------------------------
/app/templates/components/community-header/nav-item.hbs:
--------------------------------------------------------------------------------
1 | <span>
2 |   <Label @label={{@item.title}} />
3 | </span>
4 | 


--------------------------------------------------------------------------------
/app/templates/components/dropdown-content.hbs:
--------------------------------------------------------------------------------
 1 | <div
 2 |   class={{classnames
 3 |     @class
 4 |     (if @dropdownLeftAligned "wds-is-left-aligned")
 5 |     (if @dropdownRightAligned "wds-is-right-aligned")
 6 |     (unless @scrollable "wds-is-not-scrollable")
 7 |     (if @isLevel2 "wds-dropdown-level-2__content" "wds-dropdown__content")
 8 |   }}
 9 |   ...attributes
10 | >
11 |   {{yield}}
12 | </div>
13 | 


--------------------------------------------------------------------------------
/app/templates/components/dropdown-icon.hbs:
--------------------------------------------------------------------------------
 1 | {{#if @isLevel2}}
 2 |   {{svg
 3 |     "wds-icons-menu-control-tiny"
 4 |     class="wds-icon wds-icon-tiny wds-dropdown-chevron"
 5 |   }}
 6 | {{else}}
 7 |   {{svg
 8 |     "wds-icons-dropdown-tiny"
 9 |     class="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron"
10 |   }}
11 | {{/if}}
12 | 


--------------------------------------------------------------------------------
/app/templates/components/dropdown.hbs:
--------------------------------------------------------------------------------
1 | {{yield
2 |   (hash
3 |     toggle=(component
4 |       "dropdown-toggle" onClick=(action "onClick") isLevel2=isLevel2
5 |     )
6 |     content=(component "dropdown-content" isLevel2=isLevel2)
7 |   )
8 | }}
9 | 


--------------------------------------------------------------------------------
/app/templates/components/global-footer-wikia-org.hbs:
--------------------------------------------------------------------------------
 1 | {{#if @model.logo}}
 2 |   <h2 class="wds-global-footer-wikia-org__header">
 3 |       {{svg @model.logo.name class="wds-global-footer__header-logo" }}
 4 |   </h2>
 5 | {{/if}}
 6 | <ul class="wds-global-footer-wikia-org__links">
 7 |   {{#each @model.site_overview.links as |link|}}
 8 |     <li class="wds-global-footer-wikia-org__link">
 9 |       <a href="{{link.href}}" data-tracking-label="{{link.tracking_label}}">
10 |         {{i18n link.title.key ns="design-system"}}
11 |       </a>
12 |     </li>
13 |   {{/each}}
14 | </ul>
15 | 


--------------------------------------------------------------------------------
/app/templates/components/global-footer.hbs:
--------------------------------------------------------------------------------
 1 | {{#if isWikiaOrg}}
 2 |   {{global-footer-wikia-org
 3 |     model=data
 4 |     track=track
 5 |   }}
 6 | {{else}}
 7 |   {{global-footer-fandom
 8 |     model=data
 9 |     track=track
10 |   }}
11 | {{/if}}
12 | 


--------------------------------------------------------------------------------
/app/templates/components/global-footer/bottom-bar.hbs:
--------------------------------------------------------------------------------
 1 | <div class="wds-global-footer__bottom-bar">
 2 |   <div class="wds-global-footer__bottom-bar-row wds-has-padding">
 3 |     {{{i18n
 4 |       @model.licensing_and_vertical.description.key
 5 |       sitename=@model.licensing_and_vertical.description.params.sitename.value
 6 |       vertical=(i18n
 7 |         @model.licensing_and_vertical.description.params.vertical.key
 8 |         ns="design-system"
 9 |       )
10 |       ns="design-system"
11 |    }}}
12 |   </div>
13 | </div>
14 | 


--------------------------------------------------------------------------------
/app/templates/components/global-footer/image.hbs:
--------------------------------------------------------------------------------
 1 | <figure class="wds-global-footer__image">
 2 |   {{svg @model.name class="wds-icon"}}
 3 |   {{#if @model.caption}}
 4 |     <figcaption class="wds-global-footer__image-caption">
 5 |       {{#if (equal @model.caption.type "translatable-text") }}
 6 |         {{i18n @model.caption.key ns="design-system"}}
 7 |       {{else}}
 8 |         {{@model.caption.value}}
 9 |       {{/if}}
10 |     </figcaption>
11 |   {{/if}}
12 | </figure>
13 | 


--------------------------------------------------------------------------------
/app/templates/components/global-footer/link-branded.hbs:
--------------------------------------------------------------------------------
 1 | <a
 2 |   href={{@model.href}}
 3 |   class="wds-global-footer__link"
 4 |   data-tracking-label={{@model.tracking_label}}
 5 | >
 6 |   <div>
 7 |     {{i18n @model.title.key ns="design-system"}}
 8 |   </div>
 9 | </a>
10 | 


--------------------------------------------------------------------------------
/app/templates/components/global-footer/link-image.hbs:
--------------------------------------------------------------------------------
1 | <a
2 |   href={{@model.href}}
3 |   class="wds-global-footer__link"
4 |   data-tracking-label={{@model.tracking_label}}
5 | >
6 |   {{svg @model.image-data.name class="wds-global-footer__link-image wds-icon"}}
7 | </a>
8 | 


--------------------------------------------------------------------------------
/app/templates/components/global-footer/link-text.hbs:
--------------------------------------------------------------------------------
 1 | <a
 2 |   href={{@model.href}}
 3 |   class="wds-global-footer__link"
 4 |   data-tracking-label={{@model.tracking_label}}
 5 | >
 6 |   {{#if (equal @model.title.type "translatable-text") }}
 7 |     {{i18n @model.title.key ns="design-system"}}
 8 |   {{else}}
 9 |     {{@model.title.value}}
10 |   {{/if}}
11 | </a>
12 | 


--------------------------------------------------------------------------------
/app/templates/components/global-navigation/content-recommendation-card.hbs:
--------------------------------------------------------------------------------
 1 | <img
 2 |   src={{model.thumbnail}}
 3 |   alt={{model.title}}
 4 |   class="wds-content-recommendations__card-thumbnail"
 5 | >
 6 | 
 7 | <div class="wds-content-recommendations__card-info">
 8 |   <span class="wds-content-recommendations__card-title">
 9 |     {{model.title}}
10 |   </span>
11 |   <span class="wds-content-recommendations__card-time">
12 |     16m
13 |   </span>
14 | </div>
15 | 


--------------------------------------------------------------------------------
/app/templates/components/global-navigation/content-recommendations.hbs:
--------------------------------------------------------------------------------
 1 | <h1 class="wds-content-recommendations__header">TRENDING on fandom</h1>
 2 | {{#if sponsoredItem}}
 3 |   {{global-navigation/sponsored-content-card
 4 |     model=sponsoredItem
 5 |     track=(action track)
 6 |   }}
 7 | {{/if}}
 8 | {{#each displayedItems as |item|}}
 9 |   {{global-navigation/content-recommendation-card
10 |     model=item
11 |     track=(action track)
12 |   }}
13 | {{/each}}
14 | 


--------------------------------------------------------------------------------
/app/templates/components/global-navigation/link-button.hbs:
--------------------------------------------------------------------------------
1 | <Button
2 |   @secondary={{true}}
3 |   @href={{@model.href}}
4 |   class="wds-global-navigation__link-button"
5 |   data-tracking-label={{@model.tracking-label}}
6 | >
7 |   {{i18n @model.title.key ns="design-system"}}
8 | </Button>
9 | 


--------------------------------------------------------------------------------
/app/templates/components/global-navigation/link-logout.hbs:
--------------------------------------------------------------------------------
 1 | {{! Logout is a POST, so we render a button inside a form here }}
 2 | <form method="POST" action={{model.href}}>
 3 |   <input
 4 |     type="hidden"
 5 |     name={{model.param-name}}
 6 |     value={{redirectUrl}}
 7 |   >
 8 |   {{! wds-sign-out__button will make this look like a link }}
 9 |   <button
10 |     type="submit"
11 |     class="wds-sign-out__button"
12 |     data-tracking-label={{model.tracking-label}}
13 |   >
14 |     {{i18n model.title.key ns="design-system"}}
15 |   </button>
16 | </form>
17 | 


--------------------------------------------------------------------------------
/app/templates/components/global-navigation/link-text.hbs:
--------------------------------------------------------------------------------
1 | <a
2 |   href={{@model.href}}
3 |   data-tracking-label={{@model.tracking-label}}
4 |   class={{if @standaloneLink "wds-global-navigation__link"}}
5 | >
6 |   {{i18n @model.title.key ns="design-system"}}
7 | </a>
8 | 


--------------------------------------------------------------------------------
/app/templates/components/global-navigation/main-navigation.hbs:
--------------------------------------------------------------------------------
 1 | <nav class="wds-global-navigation__links">
 2 |   {{#each @model as |item|}}
 3 |     {{!
 4 |       Componenets that can be rendere here are:
 5 |       - link-text
 6 |       - link-group
 7 |     }}
 8 |     {{component
 9 |       (concat "global-navigation/" item.type)
10 |       model=item
11 |       standaloneLink=true
12 |     }}
13 |   {{/each}}
14 | </nav>
15 | 


--------------------------------------------------------------------------------
/app/templates/components/global-navigation/user-modal.hbs:
--------------------------------------------------------------------------------
 1 | <div class="wds-user-modal__info">
 2 |   <Avatar
 3 |     @src={{user.avatar_url}}
 4 |     @link={{viewProfileLink}}
 5 |     data-tracking-label="open-user-profile"
 6 |   />
 7 |   <p class="wds-user-modal__username">
 8 |     {{user.username}}
 9 |   </p>
10 | </div>
11 | <div class="wds-user-modal__notifications-wrapper">
12 |   {{on-site-notifications/notifications header=header track=track}}
13 | </div>
14 | {{global-navigation/link-logout
15 |   model=signOutModel
16 |   class="wds-user-modal__sign-out-container"
17 | }}
18 | 


--------------------------------------------------------------------------------
/app/templates/components/icon.hbs:
--------------------------------------------------------------------------------
1 | <svg
2 |   class={{classnames "wds-icon" this.sizeClassName (if @chevron "wds-menu-chevron")}}
3 |   ...attributes
4 |   {{action (optional @onClick) preventDefault=(if @onClick true false)}}
5 | >
6 |   <use xlink:href="#{{this.iconName}}"></use>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/app/templates/components/label.hbs:
--------------------------------------------------------------------------------
1 | {{#if (equal @label.type "translatable-text")}}
2 |   {{i18n @label.key ns="design-system"}}
3 | {{else}}
4 |   {{@label.value}}
5 | {{/if}}
6 | 


--------------------------------------------------------------------------------
/app/templates/components/list.hbs:
--------------------------------------------------------------------------------
 1 | <ul
 2 |   class={{classnames
 3 |     "wds-list"
 4 |     @class
 5 |     (if @big "wds-has-big-items")
 6 |     (if @bold "wds-has-bolded-items")
 7 |     (if @lines "wds-has-lines-between")
 8 |     (if @linked "wds-is-linked")
 9 |     (if @ellipsis "wds-has-ellipsis")
10 |   }}
11 |   ...attributes
12 | >
13 |   {{yield}}
14 | </ul>
15 | 


--------------------------------------------------------------------------------
/app/templates/components/on-site-notifications/notifications-list.hbs:
--------------------------------------------------------------------------------
 1 | {{#each notificationsList as |notification|}}
 2 |   {{on-site-notifications/notification-card
 3 |     model=notification
 4 |     track=track
 5 |   }}
 6 | {{/each}}
 7 | {{#if isLoadingNewResults}}
 8 |   <li>
 9 |     <Spinner
10 |       @active={{true}}
11 |       @block={{true}}
12 |       @overlay={{false}}
13 |       @radius={{13}}
14 |       @strokeWidth={{2}}
15 |     />
16 |   </li>
17 | {{/if}}
18 | 


--------------------------------------------------------------------------------
/app/templates/components/spinner.hbs:
--------------------------------------------------------------------------------
 1 | <svg
 2 |   class={{spinnerClasses}}
 3 |   width={{fullDiameter}}
 4 |   height={{fullDiameter}}
 5 |   viewBox="0 0 {{fullDiameter}} {{fullDiameter}}"
 6 |   xmlns="http://www.w3.org/2000/svg"
 7 |   ...attributes
 8 | >
 9 |   <g transform="translate({{fullRadius}}, {{fullRadius}})">
10 |     <circle
11 |       class="wds-spinner__stroke"
12 |       fill="none"
13 |       stroke-width={{strokeWidth}}
14 |       stroke-dasharray={{strokeLength}}
15 |       stroke-dashoffset={{strokeLength}}
16 |       stroke-linecap="round"
17 |       r={{radius}}
18 |     >
19 |     </circle>
20 |   </g>
21 | </svg>
22 | 


--------------------------------------------------------------------------------
/app/templates/components/tabs.hbs:
--------------------------------------------------------------------------------
1 | {{yield
2 |   (hash
3 |     tab=(component "tab" selected=selected onSelect=(action "onChange"))
4 |   )
5 | }}
6 | 


--------------------------------------------------------------------------------
/app/templates/components/textarea.hbs:
--------------------------------------------------------------------------------
 1 | <div class="wds-textarea__field-wrapper">
 2 |   {{textarea
 3 |     autoresize=true
 4 |     class="wds-textarea__field"
 5 |     placeholder=@placeholder
 6 |     maxlength=@maxlength
 7 |     disabled=@disabled
 8 |     rows=1
 9 |     value=@value
10 |     input=@input
11 |     focus-out=@focus-out
12 |     focus-in=@focus-in
13 |   }}
14 |   {{#if hasLengthHint}}
15 |     <span class="wds-textarea__length-hint">{{lengthHint}}</span>
16 |   {{/if}}
17 | </div>
18 | {{#if hint}}
19 |   <span class="wds-textarea__hint">
20 |     {{hint}}
21 |   </span>
22 | {{/if}}
23 | 


--------------------------------------------------------------------------------
/app/templates/components/toggle.hbs:
--------------------------------------------------------------------------------
1 | <input
2 |   type="checkbox"
3 |   id={{@id}}
4 |   class="wds-toggle__input"
5 |   onChange={{action (optional @onChange) value="target.checked"}}
6 |   ...attributes
7 | >
8 | <label for={{@id}} class="wds-toggle__label">{{yield}}</label>
9 | 


--------------------------------------------------------------------------------
/app/templates/components/tracking-pixel.hbs:
--------------------------------------------------------------------------------
1 | {{#if (equal pixelType "url")}}
2 |   <img src="{{pixelContent}}">
3 | {{else}}
4 |   {{{pixelContent}}}
5 | {{/if}}
6 | 


--------------------------------------------------------------------------------
/app/utils/viewport-size.js:
--------------------------------------------------------------------------------
1 | export default function getViewportSize() {
2 | 	return {
3 | 		width: Math.max(document.documentElement.clientWidth, window.innerWidth || 0),
4 | 		height: Math.max(document.documentElement.clientHeight, window.innerHeight || 0),
5 | 	};
6 | }
7 | 


--------------------------------------------------------------------------------
/app/utils/wds-track.js:
--------------------------------------------------------------------------------
 1 | export default function (event, element, trackFunction, action, category) {
 2 | 	const elementToTrack = event.target.closest('[data-tracking-label]');
 3 | 
 4 | 	if (elementToTrack && element.contains(elementToTrack)) {
 5 | 		trackFunction({
 6 | 			category: elementToTrack.getAttribute('data-tracking-category') || category,
 7 | 			label: elementToTrack.getAttribute('data-tracking-label'),
 8 | 			action
 9 | 		});
10 | 	}
11 | }
12 | 


--------------------------------------------------------------------------------
/config/environment.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | 
3 | module.exports = function () {
4 | 	return {}
5 | };
6 | 


--------------------------------------------------------------------------------
/config/optional-features.json:
--------------------------------------------------------------------------------
1 | {
2 |   "application-template-wrapper": false,
3 |   "jquery-integration": false,
4 |   "template-only-glimmer-components": true
5 | }
6 | 


--------------------------------------------------------------------------------
/crowdin.conf:
--------------------------------------------------------------------------------
 1 | [crowdin.project]
 2 | projectid = "design-system"
 3 | product_person = "stanley"
 4 | repo.branch = "master"
 5 | source.base = "i18n"
 6 | source.file = "${source.base}/en/design-system.json"
 7 | export.base = "${source.base}"
 8 | export.pattern = "${export.base}/%mediawiki_language_code%/"
 9 | export.pt-BR = "${export.base}/pt/"
10 | export.zh-cn = "${export.base}/zh/"
11 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | module.exports = {
 4 | 	name: require('./package').name,
 5 | 
 6 | 	included(app) {
 7 | 		this._super.included.apply(this, arguments);
 8 | 
 9 | 		app.import('vendor/polyfills.js', { prepend: true });
10 | 	}
11 | };
12 | 


--------------------------------------------------------------------------------
/jsconfig.json:
--------------------------------------------------------------------------------
1 | {"compilerOptions":{"target":"es6","experimentalDecorators":true},"exclude":["node_modules","bower_components","tmp","vendor",".git","dist"]}


--------------------------------------------------------------------------------
/scripts/release-test.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | VERSION_TAG="test"
 4 | 
 5 | if [[ ! -z "$1" ]]; then
 6 | 	VERSION_TAG=$1
 7 | fi
 8 | 
 9 | yarn version --no-git-tag-version --prerelease --preid $VERSION_TAG
10 | yarn publish
11 | 


--------------------------------------------------------------------------------
/scripts/release.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | if ! [[ "$1" =~ ^(patch|minor|major)$ ]]; then
 4 | 	echo "Valid parameters are: patch, minor or major"
 5 | 	exit 1
 6 | fi
 7 | 
 8 | STRATEGY="--$1"
 9 | 
10 | yarn version $STRATEGY
11 | yarn publish
12 | git push origin master
13 | git push origin --tags
14 | 
15 | 


--------------------------------------------------------------------------------
/scripts/set-artifactory-token.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/sh
 2 | 
 3 | # Look inside global .npmrc
 4 | if [[ -f "$HOME/.npmrc" ]]; then
 5 | 	AUTH_TOKEN=$(egrep '//artifactory.wikia-inc.com/artifactory/api/npm/wikia-npm/:_authToken=.+' "$HOME/.npmrc" | sed -E "s/^.+authToken=(.+)/\\1/")
 6 | 	echo "Found token in $HOME/.npmrc"
 7 | 	export ARTIFACTORY_NPM_TOKEN="$AUTH_TOKEN"
 8 | else
 9 | 	echo "There's no token available at $HOME/.npmrc. Setting placeholder value"
10 | 	export ARTIFACTORY_NPM_TOKEN="placeholder"
11 | fi
12 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-activity-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="activity-small" d="M12 17a1 1 0 0 1-.919-.605L6 4.539 3.919 9.395A1 1 0 0 1 3 10H1a1 1 0 1 1 0-2h1.341l2.74-6.395a1 1 0 0 1 1.838 0L12 13.461l2.081-4.856A1 1 0 0 1 15 8h2a1 1 0 1 1 0 2h-1.341l-2.74 6.395A1 1 0 0 1 12 17"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#activity-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-activity.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="activity-a" d="M16 23c-.409 0-.776-.249-.929-.629L8 4.692l-3.071 7.679c-.153.38-.52.629-.929.629H1a1 1 0 1 1 0-2h2.323l3.748-9.371a1.002 1.002 0 0 1 1.858 0L16 19.308l3.071-7.679c.153-.38.52-.629.929-.629h3a1 1 0 1 1 0 2h-2.323l-3.748 9.371c-.153.38-.52.629-.929.629"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#activity-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-add-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="add-small" d="M16 8h-6V2a1 1 0 1 0-2 0v6H2a1 1 0 1 0 0 2h6v6a1 1 0 1 0 2 0v-6h6a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#add-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-add-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="add-tiny" d="M6 12a1 1 0 0 1-1-1V7H1a1 1 0 1 1 0-2h4V1a1 1 0 0 1 2 0v4h4a1 1 0 0 1 0 2H7v4a1 1 0 0 1-1 1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#add-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-add.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="add-a" d="M22 11h-9V2a1 1 0 1 0-2 0v9H2a1 1 0 1 0 0 2h9v9a1 1 0 1 0 2 0v-9h9a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#add-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-alert-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="alert-tiny" d="M7 9.993c0-.554-.447-1.004-1-1.004-.553 0-1 .45-1 1.004H2.618L6 3.203l3.382 6.79H7zm4.895.555L6.895.51c-.34-.68-1.45-.68-1.79 0l-5 10.038A1.002 1.002 0 0 0 1 12h10a1.002 1.002 0 0 0 .895-1.452zM5 5.978V6.98c0 .554.447 1.004 1 1.004.553 0 1-.45 1-1.004V5.978c0-.554-.447-1.004-1-1.004-.553 0-1 .45-1 1.004"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#alert-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-alert.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="alert-a" d="M11 9.956v4a1 1 0 1 0 2 0v-4a1 1 0 1 0-2 0m-8.382 12L12 3.192l9.382 18.764H2.618zm21.276.553l-11-22c-.339-.678-1.449-.678-1.789 0l-11 22A.999.999 0 0 0 1 23.956h22a.998.998 0 0 0 .894-1.447zm-11.888-5.563A1.01 1.01 0 0 0 11 17.95a1.01 1.01 0 0 0 1.006 1.005c.553 0 1.005-.453 1.005-1.005 0-.552-.452-1.005-1.005-1.005"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#alert-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-arrow-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="arrow-small" d="M8 17a.997.997 0 0 1-.707-.293l-7-7A.983.983 0 0 1 0 9.003v-.006a.988.988 0 0 1 .293-.704l7-7a.999.999 0 1 1 1.414 1.414L3.414 8H17a1 1 0 1 1 0 2H3.414l5.293 5.293A.999.999 0 0 1 8 17"/>
4 |   </defs>
5 |   <use xlink:href="#arrow-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-arrow-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="aarow-tiny" d="M5 11a.997.997 0 0 1-.707-.293l-4-4A.983.983 0 0 1 0 6.003v-.006a.988.988 0 0 1 .293-.704l4-4a.999.999 0 1 1 1.414 1.414L3.414 5H11a1 1 0 1 1 0 2H3.414l2.293 2.293A.999.999 0 0 1 5 11"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#aarow-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-arrow.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="arrow-a" d="M23 11H3.414l7.293-7.293a.999.999 0 1 0-1.414-1.414l-9 9a.983.983 0 0 0-.293.704v.006a.988.988 0 0 0 .293.704l9 9a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L3.414 13H23a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#arrow-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bell-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="bell-small" d="M5.22 10l1.173-5.862A2.665 2.665 0 0 1 9 2c1.264 0 2.36.898 2.608 2.138v.001L12.78 10H5.22zm8.349-6.254A4.672 4.672 0 0 0 8.999 0a4.67 4.67 0 0 0-4.567 3.746L3.02 10.804A.999.999 0 0 0 4 12h10c.3 0 .583-.135.774-.366.189-.232.265-.536.207-.83l-1.412-7.058zM10.999 14a1 1 0 0 0-1 1 1.001 1.001 0 0 1-2 0 1 1 0 1 0-2 0c0 1.654 1.347 3 3 3 1.655 0 3-1.346 3-3a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bell-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bell-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="bell-tiny" d="M4.18 6l.478-2.862A1.357 1.357 0 0 1 6 2c.668 0 1.233.478 1.343 1.138L7.82 6H4.18zm5.136-3.192A3.353 3.353 0 0 0 6 0a3.352 3.352 0 0 0-3.315 2.808l-.671 4.027a.993.993 0 0 0 .224.811A.998.998 0 0 0 3 8h6a1 1 0 0 0 .987-1.165l-.671-4.027zM7 10H5a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bell-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bell.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="bell-a" d="M15 19a1 1 0 0 0-1 1c0 1.104-.897 2-2 2s-2-.896-2-2a1 1 0 1 0-2 0c0 2.205 1.794 4 4 4s4-1.795 4-4a1 1 0 0 0-1-1m-8.675-5l2.708-9.477A3.496 3.496 0 0 1 12.38 2c1.63 0 3.06 1.156 3.402 2.75L17.763 14H6.325zm11.411-9.668A5.507 5.507 0 0 0 12.38 0a5.505 5.505 0 0 0-5.27 3.975l-3.07 10.75A1 1 0 0 0 5 16h14a1 1 0 0 0 .977-1.209l-2.24-10.459z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bell-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-blocks-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path fill-rule="evenodd" clip-rule="evenodd" id="blocks-small" d="M3 6V3H15V6H3ZM1 2C1 1.44772 1.44772 1 2 1H16C16.5523 1 17 1.44772 17 2V7C17 7.55228 16.5523 8 16 8H2C1.44772 8 1 7.55228 1 7V2ZM3 15V12H15V15H3ZM1 11C1 10.4477 1.44772 10 2 10H16C16.5523 10 17 10.4477 17 11V16C17 16.5523 16.5523 17 16 17H2C1.44772 17 1 16.5523 1 16V11Z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#blocks-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-blocks-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2 |   <defs>
3 |     <path id="blocks-tiny" fill-rule="evenodd" clip-rule="evenodd" d="M2 3V2H10V3H2ZM0 1C0 0.447715 0.447715 0 1 0H11C11.5523 0 12 0.447715 12 1V4C12 4.55228 11.5523 5 11 5H1C0.447715 5 0 4.55228 0 4V1ZM2 10V9H10V10H2ZM0 8C0 7.44772 0.447715 7 1 7H11C11.5523 7 12 7.44772 12 8V11C12 11.5523 11.5523 12 11 12H1C0.447715 12 0 11.5523 0 11V8Z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#blocks-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bold-active-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="bold-active-tiny" d="M5 4.696h1c.414 0 .75-.351.75-.783 0-.432-.336-.783-.75-.783H5v1.566zm1 3.13H3.5c-.828 0-1.5-.7-1.5-1.565V1.565C2 .701 2.672 0 3.5 0H6c2.07 0 3.75 1.753 3.75 3.913S8.07 7.826 6 7.826zM5 8.87h2.25c.414 0 .75-.351.75-.783 0-.432-.336-.783-.75-.783H5V8.87zM7.25 12H3.5c-.828 0-1.5-.7-1.5-1.565V5.739c0-.864.672-1.565 1.5-1.565h3.75c2.07 0 3.75 1.753 3.75 3.913S9.32 12 7.25 12z"/>
4 |   </defs>
5 |   <use xlink:href="#bold-active-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bold-active.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="bold-active-a" d="M21 16.545A7.454 7.454 0 0 1 13.546 24H6a2 2 0 0 1-2-2V11.09a2 2 0 0 1 2-2h7.546A7.455 7.455 0 0 1 21 16.545zM13.546 20a3.454 3.454 0 0 0 0-6.91H8V20h5.546zM10.454 9.09a2.545 2.545 0 1 0 0-5.09H8v5.09h2.454zm0 4H6a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h4.454a6.545 6.545 0 1 1 0 13.09z"/>
4 |   </defs>
5 |   <use xlink:href="#bold-active-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bold-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="bold-small" d="M9.5 15H6v-5h3.5c1.378 0 2.5 1.121 2.5 2.5S10.878 15 9.5 15zM6 4h2c1.103 0 2 .896 2 2s-.897 2-2 2H6V4zm5.236 4.349C11.716 7.688 12 6.877 12 6c0-2.205-1.794-4-4-4H5a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h4.5c2.481 0 4.5-2.019 4.5-4.5a4.506 4.506 0 0 0-2.764-4.151z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bold-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bold-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="bold-tiny" d="M4 4h2a1.001 1.001 0 0 0 0-2H4v2zm0 6h3c1.103 0 2-.896 2-2 0-1.103-.897-2-2-2H4v4zm3 2H3a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h3a3.004 3.004 0 0 1 2.671 4.366A4.007 4.007 0 0 1 11 8c0 2.206-1.794 4-4 4z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bold-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bold.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="bold-a" d="M6 10h4c2.206 0 4-1.795 4-4s-1.794-4-4-4H6v8zm0 12h7c2.757 0 5-2.243 5-5s-2.243-5-5-5H6v10zm7 2H5a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h5c3.309 0 6 2.691 6 6a5.982 5.982 0 0 1-1.652 4.131C17.565 10.76 20 13.602 20 17c0 3.859-3.14 7-7 7z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bold-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bookmark-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="bookmark-small" d="M14 14.502l-4.616-1.916a1.004 1.004 0 0 0-.768 0L4 14.502V3h10v11.502zM15 1H3a1 1 0 0 0-1 1v14a1.002 1.002 0 0 0 1.384.924L9 14.592l5.616 2.332a1.007 1.007 0 0 0 .94-.092c.277-.185.444-.498.444-.832V2a1 1 0 0 0-1-1zM7 9h1v1a1 1 0 1 0 2 0V9h1a1 1 0 1 0 0-2h-1V6a1 1 0 1 0-2 0v1H7a1 1 0 1 0 0 2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bookmark-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bookmark-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="bookmark-tiny" d="M10 9.605L6.371 8.154a1.01 1.01 0 0 0-.742 0L2 9.605V2h8v7.605zM11 0H1a1 1 0 0 0-1 1v10.083a1.001 1.001 0 0 0 1.371.928L6 10.16l4.629 1.851a.992.992 0 0 0 .932-.1c.274-.187.439-.496.439-.828V1a1 1 0 0 0-1-1zM5 5.917a1 1 0 1 0 2 0 1 1 0 1 0 0-2 1 1 0 1 0-2 0 1 1 0 1 0 0 2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bookmark-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bookmark.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="bookmark-a" d="M9 10h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2V6a1 1 0 1 0-2 0v2H9a1 1 0 1 0 0 2m10 10l-6.4-4.8a.995.995 0 0 0-1.2 0L5 20V3h14v17zm1-19H4a1 1 0 0 0-1 1v20a1.001 1.001 0 0 0 1.6.8l7.4-5.55 7.4 5.55A1.002 1.002 0 0 0 21 22V2a1 1 0 0 0-1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bookmark-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bubble-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="bubble-small" d="M15 10c0 .551-.449 1-1 1H9a.997.997 0 0 0-.707.293L6 13.586V12a1 1 0 0 0-1-1H4c-.551 0-1-.449-1-1V4c0-.551.449-1 1-1h10c.551 0 1 .449 1 1v6zm-1-9H4C2.346 1 1 2.346 1 4v6c0 1.654 1.346 3 3 3v3a1 1 0 0 0 1.707.707L9.414 13H14c1.654 0 3-1.346 3-3V4c0-1.654-1.346-3-3-3zm-2 5H6a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bubble-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bubble-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="bubble-tiny" d="M3 2c-.551 0-1 .449-1 1v3c0 .551.449 1 1 1a1 1 0 0 1 1 1v.586l1.293-1.293A.997.997 0 0 1 6 7h3c.551 0 1-.449 1-1V3c0-.551-.449-1-1-1H3zm0 10a1.002 1.002 0 0 1-1-1V8.829A3.006 3.006 0 0 1 0 6V3c0-1.654 1.346-3 3-3h6c1.654 0 3 1.346 3 3v3c0 1.654-1.346 3-3 3H6.414l-2.707 2.707A1 1 0 0 1 3 12z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bubble-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-bubble.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="bubble-a" d="M18 10H6a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2m4 2c0 1.654-1.346 3-3 3h-6a.997.997 0 0 0-.707.293L7 20.586V16a1 1 0 0 0-1-1H5c-1.654 0-3-1.346-3-3V5c0-1.654 1.346-3 3-3h14c1.654 0 3 1.346 3 3v7zM19 0H5C2.243 0 0 2.243 0 5v7c0 2.757 2.243 5 5 5v6a1 1 0 0 0 1.707.707L13.414 17H19c2.757 0 5-2.243 5-5V5c0-2.757-2.243-5-5-5zm-1 5H6a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#bubble-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-calendar-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="calendar-tiny" d="M2 5h8V3H9a1 1 0 1 1-2 0H5a1 1 0 1 1-2 0H2v2zm0 5h8V7H2v3zm9 2H1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h2a1 1 0 0 1 2 0h2a1 1 0 0 1 2 0h2a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#calendar-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-camera-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="camera-small" d="M15 15H3V7h1c.266 0 .52-.105.707-.293L7.414 4h3.172l2.707 2.707A.996.996 0 0 0 14 7h1v8zm1-10h-1.586l-2.707-2.707A.996.996 0 0 0 11 2H7a.996.996 0 0 0-.707.293L3.586 5H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm-7 6a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2m0-4c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3zM2 4a1 1 0 1 1 0-2h1a1 1 0 1 1 0 2H2z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#camera-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-camera-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="camera-tiny" d="M10 10H2V5c.266 0 .52-.105.707-.293L5.414 2h1.172l2.707 2.707A.996.996 0 0 0 10 5v5zm1-7h-.586L7.707.293A.996.996 0 0 0 7 0H5a.996.996 0 0 0-.707.293L1.586 3H1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM1.005 2a1 1 0 1 0 0-2h-.01A.996.996 0 0 0 0 1c0 .552.453 1 1.005 1m5 4C5.452 6 5 6.453 5 7.005c0 .552.452 1.005 1.005 1.005.553 0 1.005-.453 1.005-1.005C7.01 6.453 6.558 6 6.005 6"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#camera-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-camera.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="camera-a" d="M2 4h2a1 1 0 1 0 0-2H2a1 1 0 1 0 0 2m19 17H3V8h2c.266 0 .52-.105.707-.293L9.414 4h5.172l3.707 3.707A.996.996 0 0 0 19 8h2v13zm1-15h-2.586l-3.707-3.707A.996.996 0 0 0 15 2H9a.996.996 0 0 0-.707.293L4.586 6H2a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm-10 9c-1.103 0-2-.896-2-2s.897-2 2-2 2 .896 2 2-.897 2-2 2m0-6c-2.206 0-4 1.795-4 4s1.794 4 4 4 4-1.795 4-4-1.794-4-4-4"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#camera-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-checkbox-empty-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="check-box-empty-small" d="M3 15h12V3H3v12zm13 2H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#check-box-empty-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-checkbox-empty-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="check-box-empty-tiny" d="M2 10h8V2H2v8zm9 2H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#check-box-empty-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-checkbox-empty.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="check-box-empty-a" d="M3 21h18V3H3v18zM22 1H2a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#check-box-empty-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-checkbox-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="check-box-small" d="M3 15h12V3H3v12zM16 1H2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM7.293 11.707a.997.997 0 0 0 1.414 0l4-4a.999.999 0 1 0-1.414-1.414L8 9.586 6.707 8.293a.999.999 0 1 0-1.414 1.414l2 2z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#check-box-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-checkbox-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="check-box-tiny" d="M2 10h8V2H2v8zm9-10H1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zM4.293 7.707a.997.997 0 0 0 1.414 0l3-3a.999.999 0 1 0-1.414-1.414L5 5.586l-.293-.293a.999.999 0 1 0-1.414 1.414l1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#check-box-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-checkbox.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="check-box-a" d="M9.293 15.707a.997.997 0 0 0 1.414 0l7-7a.999.999 0 1 0-1.414-1.414L10 13.586l-2.293-2.293a.999.999 0 1 0-1.414 1.414l3 3zM3 21h18V3H3v18zM22 1H2a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#check-box-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-checkmark-small.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
2 |   <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" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-checkmark-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M4 10a.997.997 0 0 1-.707-.293l-3-3a.999.999 0 1 1 1.414-1.414L4 7.586l6.293-6.293a.999.999 0 1 1 1.414 1.414l-7 7A.997.997 0 0 1 4 10" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-checkmark.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M8 20a.997.997 0 0 1-.707-.293l-7-7a.999.999 0 1 1 1.414-1.414L8 17.586 22.293 3.293a.999.999 0 1 1 1.414 1.414l-15 15A.997.997 0 0 1 8 20"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-clipboard-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="clipboard-small" d="M12 4a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1H3v11h12V4h-3zm0-2h4a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm-4 8.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L8 10.586z"/>
4 |   </defs>
5 |   <use xlink:href="#clipboard-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-clipboard-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="clipboard-tiny" d="M5 8.5a.498.498 0 0 1-.354-.146l-1-1a.5.5 0 1 1 .708-.708L5 7.293l2.646-2.647a.5.5 0 1 1 .708.708l-3 3A.498.498 0 0 1 5 8.5zM3.75 1a1 1 0 0 1 1-1h2.5a1 1 0 0 1 1 1H11a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h2.75zM2 10h8V3H2v7z"/>
4 |   </defs>
5 |   <use xlink:href="#clipboard-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-clipboard.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="clipboard-a" d="M7 3V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1h5a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5zm0 2H3v16h18V5h-4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V5zm3 10.586l6.293-6.293a1 1 0 0 1 1.414 1.414l-7 7a.997.997 0 0 1-1.414 0l-3-3a1 1 0 0 1 1.414-1.414L10 15.586z"/>
4 |   </defs>
5 |   <use xlink:href="#clipboard-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-clock-small.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M9 16c-3.859 0-7-3.141-7-7s3.141-7 7-7 7 3.141 7 7-3.141 7-7 7M9 0C4.037 0 0 4.037 0 9s4.037 9 9 9 9-4.037 9-9-4.037-9-9-9m4 8h-3V5a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-clock-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M6 10c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4M6 0C2.691 0 0 2.691 0 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6m2 5H7V4a1 1 0 1 0-2 0v2a1 1 0 0 0 1 1h2a1 1 0 1 0 0-2" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-clock.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M18 11h-5V6a1 1 0 1 0-2 0v6a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2m-6 11C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-22C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-close-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="close-small" d="M10.414 9l6.293-6.293a.999.999 0 1 0-1.414-1.414L9 7.586 2.707 1.293a.999.999 0 1 0-1.414 1.414L7.586 9l-6.293 6.293a.999.999 0 1 0 1.414 1.414L9 10.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L10.414 9z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#close-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-close-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="close-tiny" 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"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#close-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-close.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="close-a" d="M22.083 23a.914.914 0 0 1-.648-.269l-9.485-9.485-9.385 9.385a.917.917 0 0 1-1.296-1.297l9.384-9.384L1.37 2.666a.917.917 0 0 1 1.297-1.297l9.284 9.283 9.384-9.383a.916.916 0 1 1 1.297 1.296l-9.385 9.385 9.485 9.485A.916.916 0 0 1 22.083 23"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#close-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-controls-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="controls-small" d="M12 4h4a1 1 0 1 0 0-2h-4a1 1 0 1 0 0 2M2 4h5a1 1 0 1 0 2 0V2a1 1 0 1 0-2 0H2a1 1 0 1 0 0 2m14 10h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2m0-7a1 1 0 0 0-1 1H2a1 1 0 1 0 0 2h13a1 1 0 1 0 2 0V8a1 1 0 0 0-1-1m-8 6a1 1 0 0 0-1 1H2a1 1 0 1 0 0 2h5a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#controls-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-controls-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="controls-tiny" d="M4 8a1 1 0 0 1 1 1v2a1 1 0 0 1-2 0H1a1 1 0 0 1 0-2h2a1 1 0 0 1 1-1zM1 3a1 1 0 0 1 0-2h2a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0H1zm10 6a1 1 0 0 1 0 2H8a1 1 0 0 1 0-2h3zM8 3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2H8zm3 1a1 1 0 0 1 1 1v2a1 1 0 0 1-2 0H1a1 1 0 0 1 0-2h9a1 1 0 0 1 1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#controls-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-controls.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="controls-a" d="M2 5h8v1a1 1 0 1 0 2 0V2a1 1 0 1 0-2 0v1H2a1 1 0 1 0 0 2m14 0h6a1 1 0 1 0 0-2h-6a1 1 0 1 0 0 2m6 4a1 1 0 0 0-1 1v1H2a1 1 0 1 0 0 2h19v1a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1m-11 8a1 1 0 0 0-1 1v1H2a1 1 0 1 0 0 2h8v1a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1m11 2h-6a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#controls-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-cross-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="cross-small" d="M10.414 9l6.293-6.293a.999.999 0 1 0-1.414-1.414L9 7.586 2.707 1.293a.999.999 0 1 0-1.414 1.414L7.586 9l-6.293 6.293a.999.999 0 1 0 1.414 1.414L9 10.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L10.414 9z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#cross-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-cross-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="cross-tiny" 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"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#cross-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-cross.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="cross-a" d="M22.083 23a.914.914 0 0 1-.648-.269l-9.485-9.485-9.385 9.385a.917.917 0 0 1-1.296-1.297l9.384-9.384L1.37 2.666a.917.917 0 0 1 1.297-1.297l9.284 9.283 9.384-9.383a.916.916 0 1 1 1.297 1.296l-9.385 9.385 9.485 9.485A.916.916 0 0 1 22.083 23"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#cross-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-dashboard-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
2 |   <path fill-rule="evenodd" d="M9 16c-2.785 0-5.188-1.64-6.315-4h12.63c-1.127 2.36-3.53 4-6.315 4M9 2c3.86 0 7 3.14 7 7 0 .34-.033.672-.08 1H10.5L7.8 6.4a1 1 0 1 0-1.6 1.2L8 10H2.08A7.026 7.026 0 0 1 2 9c0-3.86 3.14-7 7-7m0-2C4.038 0 0 4.038 0 9c0 4.963 4.038 9 9 9s9-4.037 9-9c0-4.962-4.038-9-9-9"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-dashboard-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
2 |   <path fill-rule="evenodd" d="M6 10c-1.479 0-2.758-.816-3.451-2.013h4.89c.021.003.04.013.061.013.024 0 .047-.01.071-.013h1.88C8.758 9.184 7.479 10 6 10m0-8c2.206 0 4 1.794 4 4 0 .352-.06.687-.146 1.013H7.736L5 3.919a.497.497 0 0 0-.706-.043.499.499 0 0 0-.044.705l2.151 2.432H2.146A3.947 3.947 0 0 1 2 6c0-2.206 1.794-4 4-4m0-2C2.691 0 0 2.691 0 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-dashboard.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2 |   <path fill-rule="evenodd" d="M12 21.818c-3.844 0-7.172-2.227-8.782-5.454h17.564c-1.61 3.227-4.938 5.454-8.782 5.454m0-19.636c5.413 0 9.818 4.405 9.818 9.818 0 .75-.093 1.478-.253 2.182h-6.779L9.652 5.967a1.092 1.092 0 0 0-1.85 1.157l4.412 7.058h-9.78A9.794 9.794 0 0 1 2.183 12c0-5.413 4.405-9.818 9.818-9.818M12 0C5.384 0 0 5.384 0 12s5.384 12 12 12 12-5.384 12-12S18.616 0 12 0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-download-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="download-small" d="M16 12a1 1 0 0 0-1 1v2H3v-2a1 1 0 1 0-2 0v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1m-7.707.707a1.009 1.009 0 0 0 .704.293h.006a.988.988 0 0 0 .704-.293l5-5a.999.999 0 1 0-1.414-1.414L10 9.586V2a1 1 0 1 0-2 0v7.586L4.707 6.293a.999.999 0 1 0-1.414 1.414l5 5z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#download-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-download-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="download-tiny" d="M5.293 7.707l-3-3a.999.999 0 1 1 1.414-1.414L5 4.586V1a1 1 0 1 1 2 0v3.586l1.293-1.293a.999.999 0 1 1 1.414 1.414l-3 3A.993.993 0 0 1 6.003 8h-.006a.988.988 0 0 1-.704-.293zM11 7.75a1 1 0 0 1 1 1V11a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V8.75a1 1 0 1 1 2 0V10h8V8.75a1 1 0 0 1 1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#download-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-download.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="download-a" d="M11.293 16.707a1.009 1.009 0 0 0 .704.293h.006a.988.988 0 0 0 .704-.293l7-7a.999.999 0 1 0-1.414-1.414L13 13.586V2a1 1 0 1 0-2 0v11.586L5.707 8.293a.999.999 0 1 0-1.414 1.414l7 7zM22 16a1 1 0 0 0-1 1v4H3v-4a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#download-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-dropdown.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="dropdown-a" d="M12,17 C11.5904155,17 11.180831,16.853 10.8688428,16.5605 L4.46908506,10.5605 C4.01150238,10.1315 3.87390758,9.4865 4.1218982,8.9255 C4.36828887,8.3645 4.95386671,8 5.60024224,8 L18.3997578,8 C19.0461333,8 19.6301112,8.3645 19.8781018,8.9255 C20.1260924,9.4865 19.9884976,10.1315 19.5309149,10.5605 L13.1311572,16.5605 C12.819169,16.853 12.4095845,17 12,17 Z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#dropdown-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-envelope-small.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M3.414 4L9 9.586 14.586 4H3.414zM2 14h14V5.414l-6.293 6.293a.999.999 0 0 1-1.414 0L2 5.414V14zm15 2H1a1 1 0 0 1-1-1V2.997a.988.988 0 0 1 .293-.704A1.009 1.009 0 0 1 .997 2h16.006a.988.988 0 0 1 .704.293.983.983 0 0 1 .293.704V15a1 1 0 0 1-1 1z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-envelope-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M10 9H2V4.414l3.293 3.293a.999.999 0 0 0 1.414 0L10 4.414V9zM8.586 3L6 5.586 3.414 3h5.172zm3.339-1.381A1.003 1.003 0 0 0 11.003 1H.997a.988.988 0 0 0-.704.293A1.003 1.003 0 0 0 0 1.997V10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V1.997a.988.988 0 0 0-.075-.378z" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-envelope.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M3.414 5L12 13.586 20.586 5H3.414zM2 19h20V6.414l-9.293 9.293a.999.999 0 0 1-1.414 0L2 6.414V19zm21 2H1a1 1 0 0 1-1-1V3.997a.988.988 0 0 1 .293-.704A1.009 1.009 0 0 1 .997 3h22.006a.988.988 0 0 1 .704.293.983.983 0 0 1 .293.704V20a1 1 0 0 1-1 1z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-external-small.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M16.925 1.619a.988.988 0 01.075.378V7a1 1 0 11-2 0V4.414l-6.293 6.293a.997.997 0 01-1.414 0 1 1 0 010-1.414L13.586 3H11a1 1 0 110-2h5.003a.988.988 0 01.704.293.998.998 0 01.218.326zM13 9.999a1 1 0 011 1v5a1 1 0 01-1 1H2a1 1 0 01-1-1V5a1 1 0 011-1h5a1 1 0 110 2H3v9h9v-4a1 1 0 011-1z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-external-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M6 7a.999.999 0 0 1-.707-1.707L7.586 3H7a1 1 0 0 1 0-2h3.003a.988.988 0 0 1 .704.293.998.998 0 0 1 .293.704V5a1 1 0 0 1-2 0v-.586L6.707 6.707A.997.997 0 0 1 6 7m3 4H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3v5h5V8a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-external.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M10 15a.999.999 0 0 1-.707-1.707L19.586 3H14a1 1 0 1 1 0-2h8.003a.988.988 0 0 1 .704.293.998.998 0 0 1 .293.704V10a1 1 0 1 1-2 0V4.414L10.707 14.707A.997.997 0 0 1 10 15m8 8H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2H3v14h14v-8a1 1 0 1 1 2 0v9a1 1 0 0 1-1 1"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-eye.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="eye-a" d="M15 11.78c0 1.65-1.35 3-3 3s-3-1.35-3-3 1.35-3 3-3 3 1.35 3 3m-3 6.781c-4.4 0-8.35-2.71-9.93-6.78C3.65 7.71 7.6 5 12 5c4.4 0 8.35 2.71 9.93 6.781-1.58 4.07-5.53 6.78-9.93 6.78m11.94-7.11A12.67 12.67 0 0 0 12 3 12.67 12.67 0 0 0 .06 11.451c-.08.21-.08.45 0 .66A12.67 12.67 0 0 0 12 20.561a12.67 12.67 0 0 0 11.94-8.45c.08-.21.08-.45 0-.66"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#eye-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-facebook-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="facebook-small" d="M12.81 3.746h-1.43c-1.143 0-1.333.568-1.333 1.325V6.87h2.762l-.286 2.84h-2.286V17H7.381V9.71H5V6.87h2.381V4.787C7.381 2.42 8.81 1 10.905 1c.952 0 1.81.095 2.095.095v2.65h-.19z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#facebook-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-facebook-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="facebook-tiny" d="M8.857 2.06H7.786c-.857 0-1 .425-1 .993v1.35h2.071l-.214 2.13H6.929V12H4.786V6.533H3v-2.13h1.786V2.84C4.786 1.065 5.857 0 7.429 0 8.143 0 8.786.071 9 .071v1.988h-.143z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#facebook-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-facebook.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="facebook-a" d="M16.762 5.432h-1.786c-1.428 0-1.666.71-1.666 1.657v2.248h3.452l-.357 3.55h-2.857V22H9.976v-9.112H7v-3.55h2.976V6.733C9.976 3.775 11.762 2 14.381 2c1.19 0 2.262.118 2.619.118v3.314h-.238z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#facebook-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-flag-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="flag-small" 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"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#flag-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-flag.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="flag-a" d="M3 16h16.586l-5.293-5.293a.999.999 0 0 1 0-1.414L19.586 4H3v12zm-1 8a1 1 0 0 1-1-1V1a1 1 0 0 1 2 0v1h19a1.002 1.002 0 0 1 .707 1.707L16.414 10l6.293 6.293A1 1 0 0 1 22 18H3v5a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#flag-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-googleplus.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M21.146 11.163V8.564h-1.844v2.6h-2.655v1.856h2.655v2.673h1.844V13.02h2.58v-1.857h-2.58zm-13.422-.148v2.97s2.862-.004 4.027-.004c-.631 1.926-1.612 2.974-4.027 2.974-2.444 0-4.35-1.994-4.35-4.455 0-2.46 1.906-4.455 4.35-4.455 1.292 0 2.127.457 2.892 1.094.613-.617.561-.705 2.12-2.187A7.393 7.393 0 0 0 7.724 5C3.611 5 .276 8.358.276 12.5c0 4.142 3.335 7.5 7.448 7.5 6.149 0 7.652-5.391 7.153-8.985H7.724z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-grid-small.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M2 16h4v-4H2v4zm-2 1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm12-1h4v-4h-4v4zm-2 1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm2-11h4V2h-4v4zm-2 1V1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zM2 6h4V2H2v4zM0 7V1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-grid-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M8 3.99h3V.997H8V3.99zm-1 .498V.498A.5.5 0 0 1 7.5 0h4a.5.5 0 0 1 .5.499v3.99a.5.5 0 0 1-.5.498h-4a.5.5 0 0 1-.5-.499zm-6 6.515h3V8.01H1v2.993zM0 11.5V7.51a.5.5 0 0 1 .5-.498h4a.5.5 0 0 1 .5.499v3.99a.5.5 0 0 1-.5.498h-4A.5.5 0 0 1 0 11.5zm8-.498h3V8.01H8v2.993zM7 11.5V7.51a.5.5 0 0 1 .5-.498h4a.5.5 0 0 1 .5.499v3.99a.5.5 0 0 1-.5.498h-4A.5.5 0 0 1 7 11.5zM1 3.99h3V.997H1V3.99zm-1 .498V.498A.5.5 0 0 1 .5 0h4a.5.5 0 0 1 .5.499v3.99a.5.5 0 0 1-.5.498h-4a.5.5 0 0 1-.5-.499z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-grid.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M2 22h6.25v-6.25H2V22zm7.25 2H1a1 1 0 0 1-1-1v-8.25a1 1 0 0 1 1-1h8.25a1 1 0 0 1 1 1V23a1 1 0 0 1-1 1zm6.5-2H22v-6.25h-6.25V22zM23 24h-8.25a1 1 0 0 1-1-1v-8.25a1 1 0 0 1 1-1H23a1 1 0 0 1 1 1V23a1 1 0 0 1-1 1zM15.75 8.25H22V2h-6.25v6.25zm7.25 2h-8.25a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1H23a1 1 0 0 1 1 1v8.25a1 1 0 0 1-1 1zm-21-2h6.25V2H2v6.25zm7.25 2H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h8.25a1 1 0 0 1 1 1v8.25a1 1 0 0 1-1 1z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-gripper-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="gripper-small" d="M16 11a1 1 0 1 1 0 2H2a1 1 0 1 1 0-2h14zM2 7a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2H2z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#gripper-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-gripper-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="gripper-tiny" d="M3 0a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V1a1 1 0 0 1 1-1zm6 0a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V1a1 1 0 0 1 1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" transform="rotate(90 6 6)" xlink:href="#gripper-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-gripper.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="gripper-a" d="M2 9h20a1 1 0 1 0 0-2H2a1 1 0 1 0 0 2m20 6H2a1 1 0 1 0 0 2h20a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#gripper-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-h2-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="h2-small" d="M7 16a1 1 0 0 1-1-1v-5H2v5a1 1 0 1 1-2 0V3a1 1 0 1 1 2 0v5h4V3a1 1 0 1 1 2 0v12a1 1 0 0 1-1 1m10 0h-6a1 1 0 0 1-1-1v-3c0-2.205 1.794-4 4-4 1.103 0 2-.896 2-2s-.897-2-2-2-2 .896-2 2a1 1 0 1 1-2 0c0-2.205 1.794-4 4-4s4 1.795 4 4-1.794 4-4 4c-1.103 0-2 .896-2 2v2h5a1 1 0 1 1 0 2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#h2-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-h2-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="h2-tiny" d="M5 0a1 1 0 0 1 1 1v10a1 1 0 0 1-2 0V7H2v4a1 1 0 0 1-2 0V1a1 1 0 0 1 2 0v4h2V1a1 1 0 0 1 1-1zm4.5 7a.5.5 0 0 0-.5.5V10h2a1 1 0 0 1 0 2H8a1 1 0 0 1-1-1V7.5C7 6.122 8.122 5 9.5 5a.5.5 0 0 0 .5-.5V3c0-.552-.449-1-1-1H8a1 1 0 0 1 0-2h1c1.654 0 3 1.346 3 3v1.5C12 5.878 10.878 7 9.5 7z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#h2-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-h2.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="h2-a" d="M9 2a1 1 0 0 0-1 1v8H2V3a1 1 0 1 0-2 0v18a1 1 0 1 0 2 0v-8h6v8a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1m14 18h-6.934c.331-2.394 1.857-3.729 3.593-5.248C21.693 12.973 24 10.953 24 7c0-2.757-2.243-5-5-5s-5 2.243-5 5a1 1 0 1 0 2 0c0-1.654 1.346-3 3-3s3 1.346 3 3c0 3.047-1.695 4.529-3.659 6.248C16.307 15.027 14 17.047 14 21a1 1 0 0 0 1 1h8a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#h2-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-h3.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="h3-a" d="M9 2a1 1 0 0 0-1 1v8H2V3a1 1 0 1 0-2 0v18a1 1 0 1 0 2 0v-8h6v8a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1m10.095 6.32l4.612-4.613A1 1 0 0 0 23 2h-8a1 1 0 1 0 0 2h5.586l-4.293 4.293a.988.988 0 0 0-.293.704v.006a.998.998 0 0 0 .997.997H17c2.757 0 5 2.243 5 5s-2.243 5-5 5a4.842 4.842 0 0 1-1.657-.289 1 1 0 1 0-.685 1.88A6.84 6.84 0 0 0 17 22c3.86 0 7-3.142 7-7a7.01 7.01 0 0 0-4.905-6.68"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#h3-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-heart-filled-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
2 |   <path fill-rule="evenodd" d="M9.00138199,17 C8.72738199,17 8.46638199,16.888 8.27738199,16.689 L1.44538199,9.52 C-0.484618012,7.587 -0.484618012,4.413 1.46238199,2.463 C2.40438199,1.52 3.66038199,1 4.99638199,1 L4.99638199,1 C6.33338199,1 7.58838199,1.52 8.53038199,2.463 L9.00138199,2.935 L9.47238199,2.463 C10.414382,1.52 11.670382,1 13.006382,1 C14.342382,1 15.598382,1.52 16.540382,2.463 C18.487382,4.413 18.487382,7.587 16.540382,9.537 L9.72538199,16.689 C9.53638199,16.888 9.27438199,17 9.00138199,17"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-heart-filled-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
2 |   <path fill-rule="evenodd" d="M6.00200885,11 C5.72900885,11 5.46700885,10.8954907 5.27800885,10.7098001 L1.00900885,6.52849517 C-0.33899115,5.27065116 -0.33899115,3.19912764 1.02500885,1.92448749 C2.34500885,0.692770799 4.65300885,0.690904562 5.97400885,1.92448749 L6.00200885,1.95248105 L6.03200885,1.92448749 C7.35100885,0.691837681 9.66000885,0.691837681 10.9800088,1.92542061 C12.3440088,3.19912764 12.3440088,5.27065116 10.9790088,6.54529131 L6.72700885,10.7098001 C6.53800885,10.8954907 6.27600885,11 6.00200885,11"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-heart-filled.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2 |   <path fill-rule="evenodd" d="M12.0006056,23 C11.7370418,23 11.4840978,22.888 11.3016305,22.689 L1.87994818,12.446 C-0.629217962,9.845 -0.629217962,5.584 1.89539514,2.965 C3.11763614,1.698 4.74439449,1 6.47735071,1 L6.47735071,1 C8.21030694,1 9.83706529,1.698 11.0583408,2.966 L12.0006056,3.942 L12.9428704,2.965 C14.1651114,1.698 15.7918697,1 17.524826,1 L17.524826,1 C19.2577822,1 20.8845405,1.698 22.1058161,2.966 C24.6313946,5.584 24.6313946,9.845 22.1058161,12.464 L12.6995807,22.689 C12.5171135,22.888 12.2651349,23 12.0006056,23"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-home-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="home-small" d="M12 15h2V8.414l-5-5-5 5V15h2v-3c0-1.654 1.346-3 3-3s3 1.346 3 3v3zm3 2h-4a1 1 0 0 1-1-1v-4c0-.55-.449-1-1-1-.551 0-1 .45-1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8c0-.266.105-.52.293-.707l6-6a.999.999 0 0 1 1.414 0l6 6A.996.996 0 0 1 16 8v8a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#home-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-home-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="home-tiny" d="M9 10h1V6.414l-4-4-4 4V10h1V9c0-1.654 1.346-3 3-3s3 1.346 3 3v1zm2 2H8a1 1 0 0 1-1-1V9c0-.55-.449-1-1-1-.551 0-1 .45-1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V6c0-.265.105-.52.293-.707l5-5a.999.999 0 0 1 1.414 0l5 5A.997.997 0 0 1 12 6v5a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#home-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-home.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="home-a" d="M16 21h4v-9.586l-8-8-8 8V21h4v-5c0-2.205 1.794-4 4-4s4 1.795 4 4v5zm5 2h-6a1 1 0 0 1-1-1v-6c0-1.104-.897-2-2-2s-2 .896-2 2v6a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V11c0-.266.105-.52.293-.707l9-9a.999.999 0 0 1 1.414 0l9 9A.996.996 0 0 1 22 11v11a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#home-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-image.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="image-a" d="M3 21v-6.586l4-4 6.293 6.293a.999.999 0 0 0 1.414 0L18 13.414l3 3V21H3zM21 3v10.586l-2.293-2.293a.999.999 0 0 0-1.414 0L14 14.586 7.707 8.293a.999.999 0 0 0-1.414 0L3 11.586V3h18zm1-2H2a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm-8 8c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#image-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-images-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="images-small" d="M11 15h-.586L3 7.586V7h8v8zm-8 0v-4.586L7.586 15H3zm9-10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h10zm4-4a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V3H6a1 1 0 1 1 0-2h10z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#images-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-images-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="images-tiny" d="M11 10a1 1 0 0 1-1-1V2H3a1 1 0 1 1 0-2h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zM3.414 5L7 8.586V5H3.414zM2 10h3.586L2 6.414V10zm6 2H1a1 1 0 0 1-1-1V3.997a.988.988 0 0 1 .293-.704A1.009 1.009 0 0 1 .997 3H8a1 1 0 0 1 1 1v7.003a.988.988 0 0 1-.293.704 1.009 1.009 0 0 1-.704.293H8z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#images-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-images.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="images-a" d="M12 14c1.103 0 2-.896 2-2s-.897-2-2-2-2 .896-2 2 .897 2 2 2m4 7h-1.586L3 9.586V8h13v13zM3 21v-8.586L11.586 21H3zM17 6H2a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h15a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm5-5H7a1 1 0 1 0 0 2h14v14a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#images-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-indent-left-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="indent-left-small" d="M13 8H3.414l3.293-3.293a.999.999 0 1 0-1.414-1.414l-5 5A.983.983 0 0 0 0 8.997v.006a.988.988 0 0 0 .293.704l5 5a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L3.414 10H13a1 1 0 1 0 0-2m4-7a1 1 0 0 0-1 1v14a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#indent-left-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-indent-left-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="indent-left-tiny" d="M7 5a1 1 0 1 1 0 2H3.414l1.293 1.293a.999.999 0 1 1-1.414 1.414l-3-3A1.003 1.003 0 0 1 0 6.003v-.006a.988.988 0 0 1 .293-.704l3-3a.999.999 0 1 1 1.414 1.414L3.414 5H7zm4-4a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#indent-left-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-indent-left.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="indent-left-a" d="M17 11H3.414l5.293-5.293a.999.999 0 1 0-1.414-1.414l-7 7a.983.983 0 0 0-.293.704v.006a.988.988 0 0 0 .293.704l7 7a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L3.414 13H17a1 1 0 1 0 0-2m6-10a1 1 0 0 0-1 1v20a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#indent-left-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-indent-right-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="indent-right-small" d="M13 8H3.414l3.293-3.293a.999.999 0 1 0-1.414-1.414l-5 5A.983.983 0 0 0 0 8.997v.006a.988.988 0 0 0 .293.704l5 5a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L3.414 10H13a1 1 0 1 0 0-2m4-7a1 1 0 0 0-1 1v14a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" transform="rotate(-180 9 9)" xlink:href="#indent-right-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-indent-right-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="indent-right-tiny" d="M1 1a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1zm10.925 4.62a.988.988 0 0 1 .075.377v.006a.988.988 0 0 1-.293.704l-3 3a.997.997 0 0 1-1.414 0 1 1 0 0 1 0-1.414L8.586 7H5a1 1 0 1 1 0-2h3.586L7.293 3.707a1 1 0 0 1 1.414-1.414l3 3c.097.097.169.208.218.326z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#indent-right-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-indent-right.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="indent-right-a" d="M1 1a1 1 0 0 0-1 1v20a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1m22.925 10.62a.983.983 0 0 0-.218-.327l-7-7a.999.999 0 1 0-1.414 1.414L20.586 11H7a1 1 0 1 0 0 2h13.586l-5.293 5.293a1 1 0 0 0 1.414 1.414l7-7a.983.983 0 0 0 .293-.704v-.006a.988.988 0 0 0-.075-.378"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#indent-right-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-italics-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="italics-small" d="M7.1 17H4a1 1 0 1 1 0-2h2.432l4.552-11H9a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2h-1.851L8.597 15H11a1 1 0 1 1 0 2H7.1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#italics-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-italics-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="italics-tiny" d="M4 12.001L3.977 12H2a1 1 0 1 1 0-2h1.323l3.2-8H5a1 1 0 1 1 0-2h5a1 1 0 1 1 0 2H8.678l-3.2 8H7a1 1 0 1 1 0 2H4.023L4 12.001"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#italics-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-italics.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="italics-a" d="M22 0H10a1 1 0 1 0 0 2h5.063L6.772 22H2a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H8.937l8.291-20H22a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#italics-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-left-align-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="left-align-small" d="M16 8a1 1 0 1 1 0 2H2a1 1 0 1 1 0-2h14zm-7 6a1 1 0 1 1 0 2H2a1 1 0 1 1 0-2h7zM2 4a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2H2z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#left-align-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-left-align-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="left-align-tiny" d="M2 3a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2H2zm4 6a1 1 0 1 1 0 2H2a1 1 0 1 1 0-2h4zm4-4a1 1 0 1 1 0 2H2a1 1 0 1 1 0-2h8z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#left-align-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-left-align.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="left-align-a" d="M3 4h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2m10 16H3a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2m8-9H3a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#left-align-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-linkedin.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M.351 24h4.982V7.93H.351zM18.035 7.509c-2.386 0-4.07 1.333-4.702 2.596h-.07V7.93H8.491V24h4.983v-7.93c0-2.105.421-4.14 3.017-4.14 2.597 0 2.597 2.386 2.597 4.28V24H24v-8.842c0-4.351-.912-7.65-5.965-7.65M2.877 0A2.845 2.845 0 0 0 0 2.877a2.845 2.845 0 0 0 2.877 2.877c1.614 0 2.877-1.333 2.877-2.877A2.845 2.845 0 0 0 2.877 0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-loading.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M15.01 3.516A9 9 0 1 0 12 21h.36v-1.152H12A7.848 7.848 0 1 1 19.848 12v.36H21V12a9.003 9.003 0 0 0-5.99-8.484zm-.24.678A8.283 8.283 0 0 1 20.28 12l.36-.36h-.432l.36.36a8.57 8.57 0 0 0-5.702-8.077A8.568 8.568 0 1 0 12 20.568l-.36-.36v.432l.36-.36a8.28 8.28 0 1 1 2.77-16.086z" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-lock-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="lock-small" d="M14 16H4V8h10v8zM7 4c0-1.104.897-2 2-2s2 .896 2 2v2H7V4zm8 2h-2V4c0-2.205-1.794-4-4-4S5 1.795 5 4v2H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm-5 4H8a1 1 0 1 0 0 2v1a1 1 0 1 0 2 0v-1a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#lock-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-lock-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="lock-tiny" d="M4 4h4c0-1.103-.897-2-2-2s-2 .897-2 2zm-1 6h6V6H3v4zm7 2H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1c0-2.205 1.794-4 4-4s4 1.795 4 4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#lock-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-lock.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="lock-a" d="M10 15h1v3a1 1 0 1 0 2 0v-3h1a1 1 0 1 0 0-2h-4a1 1 0 1 0 0 2m-5 7h14V10H5v12zM9 5c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V5zm11 3h-3V5c0-2.757-2.243-5-5-5S7 2.243 7 5v3H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#lock-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-magnifying-glass-small.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M11.563 11.504l-.03.029-.03.031A4.984 4.984 0 0 1 8 13c-2.757 0-5-2.243-5-5s2.243-5 5-5c2.756 0 5 2.243 5 5a4.983 4.983 0 0 1-1.437 3.504m5.144 3.789l-3.103-3.103A6.963 6.963 0 0 0 15 8c0-3.859-3.141-7-7-7-3.86 0-7 3.141-7 7s3.14 7 7 7a6.956 6.956 0 0 0 4.189-1.396l3.103 3.103a1.001 1.001 0 0 0 1.415-1.414" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-magnifying-glass-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M8 7.947a.331.331 0 0 0-.027.026l-.027.028A3.486 3.486 0 0 1 5.5 9C3.57 9 2 7.43 2 5.5 2 3.571 3.57 2 5.5 2 7.429 2 9 3.571 9 5.5a3.49 3.49 0 0 1-1 2.447m3.707 2.346L10.03 8.616c.611-.886.97-1.96.97-3.116C11 2.468 8.532 0 5.5 0A5.506 5.506 0 0 0 0 5.5C0 8.533 2.467 11 5.5 11a5.464 5.464 0 0 0 3.115-.97l1.677 1.677a.997.997 0 0 0 1.415 0 1 1 0 0 0 0-1.414" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-magnifying-glass.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M10.5 18C6.364 18 3 14.636 3 10.5S6.364 3 10.5 3 18 6.364 18 10.5 14.636 18 10.5 18m12.207 3.293l-4.823-4.822A9.455 9.455 0 0 0 20 10.5C20 5.262 15.738 1 10.5 1S1 5.262 1 10.5 5.262 20 10.5 20c2.26 0 4.338-.793 5.97-2.115l4.823 4.822a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-menu-control-small.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M17.707 4.293a.999.999 0 0 0-1.414 0L9 11.586 1.707 4.293A.999.999 0 1 0 .293 5.707l8 8a.997.997 0 0 0 1.414 0l8-8a.999.999 0 0 0 0-1.414" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-menu-control-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M11.707 3.293a.999.999 0 0 0-1.414 0L6 7.586 1.707 3.293A.999.999 0 1 0 .293 4.707l5 5a.997.997 0 0 0 1.414 0l5-5a.999.999 0 0 0 0-1.414" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-menu-control.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M12 19a.997.997 0 0 1-.707-.293l-11-11a.999.999 0 1 1 1.414-1.414L12 16.586 22.293 6.293a.999.999 0 1 1 1.414 1.414l-11 11A.997.997 0 0 1 12 19"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-menu-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="menu-small" d="M2 4h14a1 1 0 1 0 0-2H2a1 1 0 1 0 0 2m14 4H2a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2m0 6H2a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#menu-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-menu-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="menu-tiny" d="M2 5h8a1 1 0 1 1 0 2H2a1 1 0 1 1 0-2zm8-2H2a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2zM2 9h8a1 1 0 1 1 0 2H2a1 1 0 1 1 0-2z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#menu-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-menu.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="menu-a" d="M3 4h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2m18 16H3a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2m0-9H3a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#menu-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-message-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="message-small" d="M3.414 4L9 9.586 14.586 4H3.414zM2 14h14V5.414l-6.293 6.293a.999.999 0 0 1-1.414 0L2 5.414V14zm15 2H1a1 1 0 0 1-1-1V2.997a.988.988 0 0 1 .293-.704A1.009 1.009 0 0 1 .997 2h16.006a.988.988 0 0 1 .704.293.983.983 0 0 1 .293.704V15a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#message-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-message-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="message-tiny" d="M10 9H2V4.414l3.293 3.293a.999.999 0 0 0 1.414 0L10 4.414V9zM8.586 3L6 5.586 3.414 3h5.172zm3.339-1.381A1.003 1.003 0 0 0 11.003 1H.997a.988.988 0 0 0-.704.293A1.003 1.003 0 0 0 0 1.997V10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V1.997a.988.988 0 0 0-.075-.378z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#message-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-message.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="message-a" d="M3.414 5L12 13.586 20.586 5H3.414zM2 19h20V6.414l-9.293 9.293a.999.999 0 0 1-1.414 0L2 6.414V19zm21 2H1a1 1 0 0 1-1-1V3.997a.988.988 0 0 1 .293-.704A1.009 1.009 0 0 1 .997 3h22.006a.988.988 0 0 1 .704.293.983.983 0 0 1 .293.704V20a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#message-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-more-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="more-small" d="M9 5c1.103 0 2-.896 2-2s-.897-2-2-2-2 .896-2 2 .897 2 2 2m0 8c-1.103 0-2 .896-2 2s.897 2 2 2 2-.896 2-2-.897-2-2-2m0-6c-1.103 0-2 .896-2 2s.897 2 2 2 2-.896 2-2-.897-2-2-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#more-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-more.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="more-a" d="M12 18c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3m0-12c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3 1.346 3 3 3m0 3c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#more-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-move-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="move-small" d="M 17.101562 9 L 13.5 6.300781 L 13.5 8.101562 L 9.898438 8.101562 L 9.898438 4.5 L 11.699219 4.5 L 9 0.898438 L 6.300781 4.5 L 8.101562 4.5 L 8.101562 8.101562 L 4.5 8.101562 L 4.5 6.300781 L 0.898438 9 L 4.5 11.699219 L 4.5 9.898438 L 8.101562 9.898438 L 8.101562 13.5 L 6.300781 13.5 L 9 17.101562 L 11.699219 13.5 L 9.898438 13.5 L 9.898438 9.898438 L 13.5 9.898438 L 13.5 11.699219 Z M 17.101562 9"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#move-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-move-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="move-tiny" d="M 11.398438 6 L 9 4.199219 L 9 5.398438 L 6.601562 5.398438 L 6.601562 3 L 7.800781 3 L 6 0.601562 L 4.199219 3 L 5.398438 3 L 5.398438 5.398438 L 3 5.398438 L 3 4.199219 L 0.601562 6 L 3 7.800781 L 3 6.601562 L 5.398438 6.601562 L 5.398438 9 L 4.199219 9 L 6 11.398438 L 7.800781 9 L 6.601562 9 L 6.601562 6.601562 L 9 6.601562 L 9 7.800781 Z M 11.398438 6"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#move-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-move.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="move-a" d="M 22.800781 12 L 18 8.398438 L 18 10.800781 L 13.199219 10.800781 L 13.199219 6 L 15.601562 6 L 12 1.199219 L 8.398438 6 L 10.800781 6 L 10.800781 10.800781 L 6 10.800781 L 6 8.398438 L 1.199219 12 L 6 15.601562 L 6 13.199219 L 10.800781 13.199219 L 10.800781 18 L 8.398438 18 L 12 22.800781 L 15.601562 18 L 13.199219 18 L 13.199219 13.199219 L 18 13.199219 L 18 15.601562 Z M 22.800781 12"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#move-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-numbered-list-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="numbered-list-tiny" d="M7 3a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2H7zm3 2a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h3zm0 4a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h3zM1.854 2.855a.5.5 0 0 1-.708-.707l1-1A.5.5 0 1 1 3 1.5v3a.499.499 0 1 1-1 0V2.708l-.146.146zM4 8.501c0 .133-.053.26-.146.354L2.707 10H3.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.354-.854l1.823-1.821A.5.5 0 0 0 2 8.5a.5.5 0 0 1-1 0C1 7.674 1.673 7 2.5 7S4 7.674 4 8.5z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#numbered-list-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-page-list-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="page-list-small" d="M3 15h3v-3H3v3zm4-5H2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1zm4.587-7H16a1 1 0 1 0 0-2h-4.413a1 1 0 1 0 0 2M16 15h-4.413a1 1 0 1 0 0 2H16a1 1 0 1 0 0-2m0-10h-4.413a1 1 0 1 0 0 2H16a1 1 0 1 0 0-2M3 6h3V3H3v3zm4-5H2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm9 10h-4.413a1 1 0 1 0 0 2H16a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#page-list-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-page-list-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="page-list-tiny" d="M4 7a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3zm0-7a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h3zm4 2a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2H8zm3 3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3zm0 5a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#page-list-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-page-list.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="page-list-a" d="M3 21h5v-5H3v5zm6-7H2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1zm6-11h7a1 1 0 1 0 0-2h-7a1 1 0 1 0 0 2m7 11h-7a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2m0-6h-7a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2m0 13h-7a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2M3 8h5V3H3v5zm6-7H2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#page-list-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-page-small.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M10 12v2.586L12.586 12H10zm-6 4h4v-5a1 1 0 0 1 1-1h5V2H4v14zm5 2H3a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v9.992c0 .043-.002.086-.007.128l-.001.003v.006a1.19 1.19 0 0 1-.023.119l-.001.002-.001.006-.001.002v.001a1 1 0 0 1-.254.444s-.002 0-.002.002h-.001l-.002.002-6 6-.003.004-.003.002-.001.001a1.003 1.003 0 0 1-.435.251h-.004a.885.885 0 0 1-.136.027h-.004c-.001.001.005.004-.004.001l-.003.001A1.088 1.088 0 0 1 9 18z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-page-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M5 7v3H3V2h6v4H6a1 1 0 0 0-1 1m5.935.326c.03-.086.047-.175.053-.265.001-.022.012-.04.012-.061V1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h4a.985.985 0 0 0 .383-.077.986.986 0 0 0 .325-.217l3.998-3.998.004-.005a.958.958 0 0 0 .19-.283c.015-.03.023-.062.035-.094" fill-rule="evenodd"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-page.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M13 16v4.586L17.586 16H13zm-8 6h6v-7a1 1 0 0 1 1-1h7V2H5v20zm7 2H4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v13.992c0 .043-.002.086-.007.128.001.001-.001.001-.001.001v.008a1.19 1.19 0 0 1-.023.119l-.001.002-.001.006-.001.002v.001a1 1 0 0 1-.254.444l-.002.002h-.001l-.002.002-8 8a.007.007 0 0 1-.003.003l-.003.003H12.7a.995.995 0 0 1-.435.252h-.004a.885.885 0 0 1-.136.027h-.004c-.001 0 .006.002-.004.001l-.003.001A1.088 1.088 0 0 1 12 24z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pages-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="pages-small" d="M3 16h8V6H3v10zm9-12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h10zm4-4a1 1 0 0 1 1 1v12a1 1 0 1 1-2 0V2H6a1 1 0 1 1 0-2h10z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pages-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pages-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="pages-tiny" d="M3 10h3V5H3v5zm4-7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5zm3-3a1 1 0 0 1 1 1v7a1 1 0 1 1-2 0V2H5a1 1 0 1 1 0-2h5z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pages-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pages.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="pages-a" d="M4 22h12V7H4v15zM17 5H3a1 1 0 0 0-1 1v17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm5-5H8a1 1 0 1 0 0 2h13v16a1 1 0 1 0 2 0V1a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pages-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-paragraph-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="paragraph-small" d="M12 16V3H8C6.667 3 6.667 1 8 1h8c1.333 0 1.333 2 0 2h-2v13c0 1.333-2 1.333-2 0zm-5 0V8c0-1.333 2-1.333 2 0v8c0 1.333-2 1.333-2 0zM7 3H5a2 2 0 1 0 0 4h2V3zM5 1h3a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H5a4 4 0 1 1 0-8z"/>
4 |   </defs>
5 |   <use xlink:href="#paragraph-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-paragraph-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="paragraph-tiny" d="M3 3a1.001 1.001 0 0 0 0 2V3zm5 8a1 1 0 0 1-1-1V3H5v7a1 1 0 1 1-2 0V7C1.346 7 0 5.654 0 4s1.346-3 3-3h7a1 1 0 1 1 0 2H9v7a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#paragraph-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-paragraph.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="paragraph-a" d="M7.5 12a5.5 5.5 0 0 1 0-11H12a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H7.5zM11 3H7.5a3.5 3.5 0 0 0 0 7H11V3zm0 0c-1.333 0-1.333-2 0-2h11c1.333 0 1.333 2 0 2h-3v19c0 1.333-2 1.333-2 0V3h-4v19c0 1.333-2 1.333-2 0V3z"/>
4 |   </defs>
5 |   <use xlink:href="#paragraph-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pause-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="pause-small" d="M12 1a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1zM6 1a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pause-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pause-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="pause-tiny" d="M3 0a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V1a1 1 0 0 1 1-1zm6 0a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V1a1 1 0 0 1 1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pause-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pause.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="pause-a" d="M8 1a1 1 0 0 0-1 1v20a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1m8 0a1 1 0 0 0-1 1v20a1 1 0 1 0 2 0V2a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pause-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pencil-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="pencil-small" d="M14 8.586L9.414 4 11 2.414 15.586 7 14 8.586zM6.586 16H2v-4.586l6-6L12.586 10l-6 6zm11.121-9.707l-6-6a.999.999 0 0 0-1.414 0l-9.999 10a.99.99 0 0 0-.217.325A.991.991 0 0 0 0 11v6a1 1 0 0 0 1 1h6c.13 0 .26-.026.382-.077a.99.99 0 0 0 .326-.217l9.999-9.999a.999.999 0 0 0 0-1.414z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pencil-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pencil-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="pencil-tiny" d="M8.5 6.086L5.914 3.5 7 2.414 9.586 5 8.5 6.086zM4.586 10H2V7.414l2.5-2.5L7.086 7.5l-2.5 2.5zm7.121-5.707l-4-4a.999.999 0 0 0-1.414 0l-6 6A1 1 0 0 0 0 7v4a1 1 0 0 0 1 1h4c.265 0 .52-.105.707-.293l6-6a.999.999 0 0 0 0-1.414z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pencil-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pencil.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="pencil-a" d="M2 15.164l8.625-8.625 6.836 6.836L8.836 22H2v-6.836zm16.875-3.203l-6.836-6.836 2.711-2.71 6.836 6.835-2.711 2.711zm4.832-3.418l-8.25-8.25a.999.999 0 0 0-1.414 0L.294 14.043A1 1 0 0 0 0 14.75V23a1 1 0 0 0 1 1h8.25a1 1 0 0 0 .708-.294L23.707 9.957a.999.999 0 0 0 0-1.414z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pencil-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pin-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="pin-small" d="M7 10h4V3H7v7zm2 7a1 1 0 0 1-1-1v-4H4a1 1 0 1 1 0-2h1V3H4a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2h-1v7h1a1 1 0 1 1 0 2h-4v4a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pin-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pin-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="pin-tiny" d="M7 6H5V2h2v4zm3 0H9V2h1a1 1 0 1 0 0-2H2a1 1 0 1 0 0 2h1v4H2a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0V8h3a1 1 0 1 0 0-2z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pin-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-pin.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="pin-a" d="M12 14h4V3H8v11h4zm0 9a1 1 0 0 1-1-1v-6H4a1 1 0 1 1 0-2h2V3H4a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2h-2v11h2a1 1 0 1 1 0 2h-7v6a1 1 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#pin-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-play-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="play-small" d="M4 5.5v7L12.4 9 4 5.5zM3 15a1.002 1.002 0 0 1-1-1V4a1.001 1.001 0 0 1 1.385-.922l12 5a1 1 0 0 1 0 1.846l-12 5A.995.995 0 0 1 3 15z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#play-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-play-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="play-tiny" d="M2 8.522V3.477L8.308 6 2 8.522zm9.372-3.45l-10-4a1.006 1.006 0 0 0-.933.1A1.004 1.004 0 0 0 0 2v8a1.003 1.003 0 0 0 1 1c.125 0 .251-.024.372-.072l10-4a1 1 0 0 0 0-1.857z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#play-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-play.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="play-a" d="M3 5.476v13.047l16.308-6.524L3 5.476zM2 20.999c-.197 0-.393-.058-.561-.171a1.003 1.003 0 0 1-.439-.83v-16a1.001 1.001 0 0 1 1.372-.927l20 8a1 1 0 0 1 0 1.857l-20 8a1.007 1.007 0 0 1-.372.07z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#play-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-poll-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="poll-small" d="M12.294 15h2.824V8h-2.824v7zm-4.706 0h2.824V3H7.588v12zm-4.706 0h2.824v-3H2.882v3zM16.06 6h-3.765V2c0-.553-.422-1-.941-1H6.647c-.52 0-.941.447-.941 1v8H1.94c-.52 0-.941.447-.941 1v5c0 .553.422 1 .941 1h14.12c.52 0 .941-.447.941-1V7c0-.553-.422-1-.941-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#poll-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-poll-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="poll-tiny" d="M2 7a1 1 0 0 1 1 1v3a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1zm8-3a1 1 0 0 1 1 1v6a1 1 0 0 1-2 0V5a1 1 0 0 1 1-1zM6 0a1 1 0 0 1 1 1v10a1 1 0 0 1-2 0V1a1 1 0 0 1 1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#poll-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-poll.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="poll-a" d="M17 21h5V10h-5v11zm-7-6V3h5v18h-5v-6zm-7 6h5v-5H3v5zM23 8h-6V2a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v12H2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h21a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#poll-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-question-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="question-tiny" d="M6 10c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4M6 0C2.691 0 0 2.691 0 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6M4 5h1V4H4v1zm2-2H5v1h2V3H6zm1 2v1h1V4H7v1zM6 7h1V6H6v1zm0 2h1V8H6v1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#question-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-quote-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="quote-tiny" d="M4.667 1.766A7.485 7.485 0 0 0 2.157 6H4c.552 0 1 .449 1 1v3a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V7c0-.065.025-.124.037-.185A9.477 9.477 0 0 1 3.378.236a.998.998 0 0 1 1.409.12 1.001 1.001 0 0 1-.12 1.41zM10.999 6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V7c0-.065.026-.124.038-.186a9.478 9.478 0 0 1 3.34-6.579 1.001 1.001 0 1 1 1.29 1.53A7.479 7.479 0 0 0 9.158 6H11z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#quote-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-radio-active-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="radio-active-small" d="M9 15c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6M9 1C4.589 1 1 4.589 1 9s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8m0 5C7.346 6 6 7.346 6 9s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#radio-active-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-radio-active-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="radio-active-tiny" d="M6 10c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4M6 0C2.691 0 0 2.691 0 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6m0 4c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#radio-active-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-radio-active.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="radio-active-a" d="M12 21c-4.962 0-9-4.037-9-9s4.038-9 9-9 9 4.037 9 9-4.038 9-9 9m0-20C5.935 1 1 5.935 1 12s4.935 11 11 11 11-4.935 11-11S18.065 1 12 1m0 7c-2.206 0-4 1.795-4 4s1.794 4 4 4 4-1.795 4-4-1.794-4-4-4"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#radio-active-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-radio-empty-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="radio-empty-small" d="M9 3C5.691 3 3 5.691 3 9s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6m0 14c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#radio-empty-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-radio-empty-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="radio-empty-tiny" d="M6 2C3.794 2 2 3.795 2 6c0 2.206 1.794 4 4 4s4-1.794 4-4c0-2.205-1.794-4-4-4m0 10c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#radio-empty-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-radio-empty.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="radio-empty-a" d="M12 3c-4.962 0-9 4.037-9 9s4.038 9 9 9 9-4.037 9-9-4.038-9-9-9m0 20C5.935 23 1 18.065 1 12S5.935 1 12 1s11 4.935 11 11-4.935 11-11 11"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#radio-empty-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-refresh-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="reload-small" d="M16 9a1 1 0 0 0-1 1c0 3.309-2.691 6-6 6s-6-2.691-6-6 2.691-6 6-6c1.191 0 2.336.359 3.306 1H11a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1V2a1 1 0 1 0-2 0v1.773A7.99 7.99 0 0 0 9 2c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#reload-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-refresh.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="reload-a" d="M12 24C5.935 24 1 19.065 1 13S5.935 2 12 2c3.052 0 5.943 1.281 8 3.453V2a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1h-6a1 1 0 1 1 0-2h3.707A9.035 9.035 0 0 0 12 4c-4.963 0-9 4.037-9 9s4.037 9 9 9a8.966 8.966 0 0 0 8.956-8.099 1 1 0 1 1 1.99.198A10.957 10.957 0 0 1 12 24"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#reload-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-reply-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="reply-small" d="M17 18a1 1 0 0 1-1-1c0-4.963-4.037-9-9-9H3.414l4.293 4.293a.999.999 0 1 1-1.414 1.414l-6-6A.993.993 0 0 1 0 7.003v-.006a.988.988 0 0 1 .293-.704l6-6a.999.999 0 1 1 1.414 1.414L3.414 6H7c6.065 0 11 4.935 11 11a1 1 0 0 1-1 1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#reply-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-reply-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="reply-tiny" d="M4.998 4H3.412l2.293-2.293A.999.999 0 1 0 4.291.293l-3.999 4a1 1 0 0 0 0 1.415l3.999 4a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.415L3.412 6h1.586c2.757 0 5 2.243 5 5a1 1 0 1 0 2 0c0-3.86-3.141-7-7-7"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#reply-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-reply.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="reply-a" d="M11 14c4.497 0 8.606 2.324 10.955 6.003.03-.331.045-.666.045-1.003 0-6.065-4.935-11-11-11a1 1 0 0 1-1-1V3.414L2.414 11 10 18.586V15a1 1 0 0 1 1-1m11.31 10h-.004a1.003 1.003 0 0 1-.94-.668A11.003 11.003 0 0 0 12 16.045V21a.999.999 0 0 1-1.707.707l-10-10a.999.999 0 0 1 0-1.414l10-10A1.002 1.002 0 0 1 12 1v5.038c6.703.513 12 6.13 12 12.962 0 1.498-.252 2.958-.75 4.339a1 1 0 0 1-.94.66"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#reply-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-sitemap-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="sitemap-small" d="M2 14a1 1 0 0 0 1-1v-3h5v3a1 1 0 1 0 2 0v-3h5v3a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1h-6V5a1 1 0 1 0-2 0v3H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1M8 2h2a1 1 0 1 0 0-2H8a1 1 0 1 0 0 2M3 16H1a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2m14 0h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2m-7 0H8a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#sitemap-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-sitemap.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="sitemap-a" d="M3 18.5a1 1 0 0 0 1-1V13h7v4.5a1 1 0 1 0 2 0V13h7v4.5a1 1 0 1 0 2 0V12a1 1 0 0 0-1-1h-8V6.5a1 1 0 1 0-2 0V11H3a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1M10 2h4a1 1 0 1 0 0-2h-4a1 1 0 1 0 0 2M5 22H1a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2m18 0h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2m-9 0h-4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#sitemap-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-sound-off-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="sound-off-tiny" d="M11 9a.997.997 0 0 1-.707-.293L9 7.414 7.707 8.707a.999.999 0 1 1-1.414-1.414L7.586 6 6.293 4.707a.999.999 0 1 1 1.414-1.414L9 4.586l1.293-1.293a.999.999 0 1 1 1.414 1.414L10.414 6l1.293 1.293A.999.999 0 0 1 11 9m-8 2a1 1 0 0 1-1-1V9H1a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h1V2a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#sound-off-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-sound-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="sound-tiny" d="M7 8a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m-4 3a1 1 0 0 1-1-1V9H1a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h1V2a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1m4 1a1 1 0 0 1 0-2c1.654 0 3-1.346 3-3V5c0-1.654-1.346-3-3-3a1 1 0 0 1 0-2c2.757 0 5 2.243 5 5v2c0 2.757-2.243 5-5 5"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#sound-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-tag-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="tag-small" d="M16 7.586l-8 8L2.414 10l8-8H16v5.586zM17 0h-7a1 1 0 0 0-.707.293l-9 9a.999.999 0 0 0 0 1.414l7 7a.997.997 0 0 0 1.414 0l9-9A.996.996 0 0 0 18 8V1a1 1 0 0 0-1-1zm-4.5 7c.83 0 1.5-.67 1.5-1.5S13.33 4 12.5 4 11 4.67 11 5.5 11.67 7 12.5 7"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#tag-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-tag-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="tag-tiny" d="M10 5.586l-4 4L2.414 6l4-4H10v3.586zM11 0H6a1 1 0 0 0-.707.293l-5 5a.999.999 0 0 0 0 1.414l5 5a.997.997 0 0 0 1.414 0l5-5A.997.997 0 0 0 12 6V1a1 1 0 0 0-1-1zM8 4.988c.26 0 .52-.11.71-.29.18-.189.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0-.18.19-.29.45-.29.71 0 .26.11.521.29.71.19.18.45.29.71.29"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#tag-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-tag.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="tag-a" d="M22 10.586l-11 11L2.414 13l11-11H22v8.586zM23 0H13a1 1 0 0 0-.707.293l-12 12a.999.999 0 0 0 0 1.414l10 10a.997.997 0 0 0 1.414 0l12-12A.996.996 0 0 0 24 11V1a1 1 0 0 0-1-1zm-6 9c1.103 0 2-.896 2-2s-.897-2-2-2-2 .896-2 2 .897 2 2 2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#tag-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-text-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="text-small" d="M11 17H7a1 1 0 1 1 0-2h1V4H5a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0h-3v11h1a1 1 0 1 1 0 2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#text-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-text-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="text-tiny" d="M8 12H4a1 1 0 1 1 0-2h1V2H3a1 1 0 1 1-2 0V1a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0H7v8h1a1 1 0 0 1 0 2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#text-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-text.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="text-a" d="M21 0H3a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0V2h7v20H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3V2h7v2a1 1 0 1 0 2 0V1a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#text-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-trash-open-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="trash-empty-small" d="M6 10a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0v-3zM4 4a1 1 0 0 1-.371-1.929l5-2a1 1 0 0 1 .742 1.858l-5 2a1.006 1.006 0 0 1-.371.07zm6 5a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0V9zm5-3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9a1 1 0 0 1-.383-1.924l12.935-5.357a1 1 0 0 1 .765 1.847L4 8.253v7.745h10V7a1 1 0 0 1 1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#trash-empty-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-trash-open-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="trash-empty-tiny" d="M10 4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V8a1 1 0 0 1 2 0v2h2V6a1 1 0 0 1 2 0v4h2V5a1 1 0 0 1 1-1zM1.406 5.915a1.001 1.001 0 0 1-.812-1.827l2.84-1.262a1 1 0 0 1 .119-1.719l2-1a1 1 0 0 1 1.414 1.148L9.594.087a1 1 0 0 1 .812 1.827l-9 4z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#trash-empty-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-trash-open.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="trash-open-a" d="M20 8a1 1 0 0 0-1 1v12H5V10.763l15.406-6.847a1 1 0 0 0-.812-1.828l-15.95 7.09a.587.587 0 0 0-.097.043l-1.953.867a1 1 0 0 0 .812 1.828L3 11.65V22a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1M4.001 6a.987.987 0 0 0 .405-.086l9-4a1 1 0 0 0-.812-1.828l-9 4A1 1 0 0 0 4.001 6m11 5v6a1 1 0 1 0 2 0v-6a1 1 0 1 0-2 0m-4 1v5a1 1 0 1 0 2 0v-5a1 1 0 1 0-2 0m-4 1v4a1 1 0 1 0 2 0v-4a1 1 0 1 0-2 0"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#trash-open-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-trash-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="trash-small" d="M4 16h10V6H4v10zM16 4H2a1 1 0 1 0 0 2v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 1 0 0-2zM6 2h6a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m5 12a1 1 0 0 0 1-1V9a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1m-4 0a1 1 0 0 0 1-1V9a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#trash-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-trash-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="trash-tiny" d="M10 4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 2 0v5h2V5a1 1 0 0 1 2 0v5h2V5a1 1 0 0 1 1-1zm1-3a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2h3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#trash-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-trash.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="trash-a" d="M16 19a1 1 0 0 0 1-1v-7a1 1 0 1 0-2 0v7a1 1 0 0 0 1 1m-4 0a1 1 0 0 0 1-1v-7a1 1 0 1 0-2 0v7a1 1 0 0 0 1 1m-4 0a1 1 0 0 0 1-1v-7a1 1 0 1 0-2 0v7a1 1 0 0 0 1 1M7 2h10a1 1 0 1 0 0-2H7a1 1 0 1 0 0 2M5 22h14V7H5v15zM22 5H2a1 1 0 1 0 0 2h1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V7h1a1 1 0 1 0 0-2z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#trash-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-tumblr.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M13.987 20.999c-3.79.067-5.226-2.794-5.226-4.807V10.31H7V7.985c2.64-.984 3.275-3.447 3.423-4.85.01-.097.083-.135.126-.135h2.549v4.585h3.48v2.725h-3.494v5.603c.013.763.282 1.814 1.675 1.775.461-.012 1.08-.152 1.403-.31L17 19.944c-.315.477-1.734 1.03-3.013 1.054"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-unlock-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="unlock-small" d="M14 16H4V8h10v8zm1-10H7V4c0-1.104.897-2 2-2 .533 0 1.035.209 1.413.587a.999.999 0 1 0 1.414-1.414A3.969 3.969 0 0 0 9 0C6.794 0 5 1.795 5 4v2H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm-5 4H8a1 1 0 1 0 0 2v1a1 1 0 1 0 2 0v-1a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#unlock-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-unlock-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="unlock-tiny" d="M3 10h6V6H3v4zm7-6H4c0-1.103.897-2 2-2a1 1 0 0 0 0-2C3.794 0 2 1.794 2 4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zM5.29 8.71c.1.09.2.16.33.21.12.05.25.08.38.08.26 0 .52-.11.71-.29.18-.189.29-.45.29-.71 0-.261-.11-.52-.29-.71-.28-.28-.73-.37-1.09-.211-.13.051-.23.121-.33.211-.18.19-.29.449-.29.71 0 .13.03.26.08.38s.12.23.21.33"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#unlock-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-unlock.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="unlock-a" d="M10 15h1v3a1 1 0 1 0 2 0v-3h1a1 1 0 1 0 0-2h-4a1 1 0 1 0 0 2m-5 7h14V10H5v12zM20 8H9V5c0-1.654 1.346-3 3-3 .795 0 1.551.313 2.128.882a1 1 0 1 0 1.404-1.424A5.006 5.006 0 0 0 12 0C9.243 0 7 2.243 7 5v3H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#unlock-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-upvote-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="upvote-small" d="M9 14a1 1 0 0 1-1-1V7.414L6.707 8.707a.999.999 0 1 1-1.414-1.414l3-3A.998.998 0 0 1 8.997 4h.006a.988.988 0 0 1 .704.293l3 3a.999.999 0 1 1-1.414 1.414L10 7.414V13a1 1 0 0 1-1 1M9 2C5.14 2 2 5.14 2 9c0 3.859 3.14 7 7 7s7-3.141 7-7c0-3.86-3.14-7-7-7m0 16c-4.962 0-9-4.037-9-9 0-4.962 4.038-9 9-9s9 4.038 9 9c0 4.963-4.038 9-9 9"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#upvote-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-upvote-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="upvote-tiny" d="M6 2C3.794 2 2 3.794 2 6s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4m0 10c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6m-.5-6.792l-.146.146a.502.502 0 0 1-.708 0 .502.502 0 0 1 0-.708l1-1a.502.502 0 0 1 .708 0l1 1a.502.502 0 0 1-.708.708L6.5 5.208V8a.5.5 0 0 1-1 0V5.208z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#upvote-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-upvote.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="upvote-a" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2m0 22C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12m1-15.586V18a1 1 0 1 1-2 0V8.414l-3.293 3.293a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414l4.984-4.984a1.005 1.005 0 0 1 .275-.203 1 1 0 0 1 1.171.203l4.984 4.984a.999.999 0 1 1-1.414 1.414L13 8.414z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#upvote-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-user-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="user-small" d="M9 3c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2m0 6C6.794 9 5 7.206 5 5s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4m5 8a1 1 0 0 1-1-1c0-2.206-1.794-4-4-4s-4 1.794-4 4a1 1 0 1 1-2 0c0-3.309 2.691-6 6-6s6 2.691 6 6a1 1 0 0 1-1 1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#user-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-user-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="user-tiny" d="M6 5c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2m3 6a1 1 0 0 1-1-1c0-1.103-.897-2-2-2s-2 .897-2 2a1 1 0 1 1-2 0c0-2.206 1.794-4 4-4s4 1.794 4 4a1 1 0 0 1-1 1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#user-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-user.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="user-a" d="M12 3c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3m0 8c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5m8 12a1 1 0 0 1-1-1c0-3.86-3.141-7-7-7s-7 3.14-7 7a1 1 0 1 1-2 0c0-4.962 4.037-9 9-9s9 4.038 9 9a1 1 0 0 1-1 1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#user-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-users-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="users-small" d="M6 8c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2m0 2c-3.309 0-6 2.691-6 6a1 1 0 1 0 2 0c0-2.206 1.794-4 4-4s4 1.794 4 4a1 1 0 1 0 2 0c0-3.309-2.691-6-6-6m6-5c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2m0 2a1 1 0 1 0 0 2c2.206 0 4 1.794 4 4a1 1 0 1 0 2 0c0-3.309-2.691-6-6-6"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#users-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-users.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="users-a" d="M16 10a1 1 0 1 0 0 2c3.309 0 6 2.691 6 6a1 1 0 1 0 2 0c0-4.411-3.589-8-8-8m-5-1c0 1.65-1.35 3-3 3s-3-1.35-3-3 1.35-3 3-3 3 1.35 3 3m8-4c0 1.65-1.35 3-3 3s-3-1.35-3-3 1.35-3 3-3 3 1.35 3 3M8 14c-4.411 0-8 3.589-8 8a1 1 0 1 0 2 0c0-3.309 2.691-6 6-6s6 2.691 6 6a1 1 0 1 0 2 0c0-4.411-3.589-8-8-8"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#users-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-video-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="video-small" d="M16 12.504l-4.618-1.908a.997.997 0 0 0-.938.094.998.998 0 0 0-.444.83V13H2V5h8v1.481a1 1 0 0 0 1.382.923L16 5.496v7.008zm1.556-9.335a1 1 0 0 0-.938-.093L12 4.984V4a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-.984l4.618 1.908a.997.997 0 0 0 .938-.093A1 1 0 0 0 18 14V4c0-.334-.167-.645-.444-.831z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#video-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-video-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="video-tiny" d="M10 7.481l-1.604-.689A.999.999 0 0 0 7 7.71V9H2V3h5v1.29a1 1 0 0 0 1.396.918L10 4.518v2.963zm1.55-5.316a.999.999 0 0 0-.946-.084L9 2.771V2a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-.772l1.604.691A1 1 0 0 0 12 9V3a.997.997 0 0 0-.45-.835z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#video-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-video.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="video-a" d="M2 18h12v-2.73a.999.999 0 0 1 1.423-.907L22 17.43V6.57l-6.577 3.067A1 1 0 0 1 14 8.73V6H2v12zm21 2a.998.998 0 0 1-.423-.094L16 16.84V19a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2.16l6.577-3.066A1 1 0 0 1 24 5v14a1.002 1.002 0 0 1-1 1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#video-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-watch-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="watch-small" d="M9 16c-3.859 0-7-3.141-7-7s3.141-7 7-7 7 3.141 7 7-3.141 7-7 7M9 0C4.037 0 0 4.037 0 9s4.037 9 9 9 9-4.037 9-9-4.037-9-9-9m4 8h-3V5a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#watch-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-watch-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="watch-tiny" d="M6 10c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4M6 0C2.691 0 0 2.691 0 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6m2 5H7V4a1 1 0 1 0-2 0v2a1 1 0 0 0 1 1h2a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#watch-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-watch.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="watch-a" d="M18 11h-5V6a1 1 0 1 0-2 0v6a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2m-6 11C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10m0-22C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#watch-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-youtube.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M23.8 7.6s-.2-1.7-1-2.4c-.9-1-1.9-1-2.4-1C17 4 12 4 12 4s-5 0-8.4.2c-.5.1-1.5.1-2.4 1-.7.7-1 2.4-1 2.4S0 9.5 0 11.5v1.8c0 1.9.2 3.9.2 3.9s.2 1.7 1 2.4c.9 1 2.1.9 2.6 1 1.9.2 8.2.2 8.2.2s5 0 8.4-.3c.5-.1 1.5-.1 2.4-1 .7-.7 1-2.4 1-2.4s.2-1.9.2-3.9v-1.8c0-1.9-.2-3.8-.2-3.8zM9.5 15.5V8.8l6.5 3.4-6.5 3.3z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-zoom-in-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="zoom-in-small" d="M16 2a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0V4h-2a1 1 0 1 1 0-2h3zM5 2a1 1 0 1 1 0 2H3v2a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1h3zm0 12a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1v-3a1 1 0 1 1 2 0v2h2zm11-3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 1-1z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#zoom-in-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-zoom-in-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="zoom-in-tiny" d="M4 9a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v1h1zm0-8a1 1 0 1 1 0 2H3v1a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1h2zm6 6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H8a1 1 0 1 1 0-2h1V8a1 1 0 0 1 1-1zm0-6a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V3H8a1 1 0 1 1 0-2h2z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#zoom-in-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-zoom-in.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="zoom-in-a" d="M22 2h-5a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1M7 20H3v-4a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1h5a1 1 0 1 0 0-2M7 2H2a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0V4h4a1 1 0 1 0 0-2m15 13a1 1 0 0 0-1 1v4h-4a1 1 0 1 0 0 2h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#zoom-in-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-zoom-out-small.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 18">
2 |   <defs>
3 |     <path id="zoom-out-small" d="M16 11a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1h3zM5 2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 1 1 0-2h2V3a1 1 0 0 1 1-1zm0 9a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-2H2a1 1 0 1 1 0-2h3zm8-4a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v2h2a1 1 0 1 1 0 2h-3z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#zoom-out-small"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-zoom-out-tiny.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12">
2 |   <defs>
3 |     <path id="zoom-out-tiny" d="M8 5a1 1 0 0 1-1-1V2a1 1 0 1 1 2 0v1h1a1 1 0 1 1 0 2H8zM4 7a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V9H2a1 1 0 1 1 0-2h2zm0-6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 1 1 0-2h1V2a1 1 0 0 1 1-1zm6 6a1 1 0 1 1 0 2H9v1a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1h2z"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#zoom-out-tiny"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/assets/wds-icons-zoom-out.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
2 |   <defs>
3 |     <path id="zoom-out-a" d="M17 9h5a1 1 0 1 0 0-2h-4V3a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1M7 15H2a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0v-5a1 1 0 0 0-1-1M7 2a1 1 0 0 0-1 1v4H2a1 1 0 1 0 0 2h5a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1m15 13h-5a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-4h4a1 1 0 1 0 0-2"/>
4 |   </defs>
5 |   <use fill-rule="evenodd" xlink:href="#zoom-out-a"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/style-guide/styles/index.scss:
--------------------------------------------------------------------------------
1 | @import 'wds-functions/index';
2 | @import 'wds-mixins/index';
3 | @import 'wds-variables/index';
4 | @import 'wds-typography/index';
5 | @import 'wds-components/index';
6 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_avatar-stack.scss:
--------------------------------------------------------------------------------
 1 | .wds-avatar-stack {
 2 | 	align-items: center;
 3 | 	display: flex;
 4 | 	margin: 8px 18px 6px 40px;
 5 | 
 6 | 	&__overflow {
 7 | 		border: 0;
 8 | 		font-size: $wds-typescale-size-minus-2;
 9 | 		padding-left: 6px;
10 | 		width: auto;
11 | 	}
12 | 
13 | 	@for $i from 1 to 7 {
14 | 		.wds-avatar:nth-child(#{$i}) {
15 | 			position: relative;
16 | 			z-index: 7 - $i;
17 | 
18 | 			@if $i > 1 {
19 | 				margin-left: -10px;
20 | 			}
21 | 		}
22 | 	}
23 | }
24 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_avatar.scss:
--------------------------------------------------------------------------------
 1 | .wds-avatar {
 2 | 	display: inline-block;
 3 | 	position: relative;
 4 | 
 5 | 	a {
 6 | 		height: 100%;
 7 | 		width: 100%;
 8 | 	}
 9 | }
10 | 
11 | .wds-avatar__image {
12 | 	@include square(100%);
13 | 
14 | 	display: inline-block;
15 | 	border-radius: 50%;
16 | 	box-sizing: border-box;
17 | }
18 | 
19 | .wds-avatar__badge {
20 | 	line-height: 0;
21 | 	position: absolute;
22 | 
23 | 	svg {
24 | 		@include square(100%);
25 | 	}
26 | }
27 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_buttons.scss:
--------------------------------------------------------------------------------
1 | @import 'buttons/common';
2 | @import 'buttons/social';
3 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_icons.scss:
--------------------------------------------------------------------------------
 1 | .wds-icon {
 2 | 	fill: currentColor;
 3 | 	@include square($wds-icon-size);
 4 | 
 5 | 	&-small {
 6 | 		@include square($wds-icon-small-size);
 7 | 	}
 8 | 
 9 | 	&-tiny {
10 | 		@include square($wds-icon-tiny-size);
11 | 	}
12 | }
13 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_inputs.scss:
--------------------------------------------------------------------------------
1 | @import "inputs/input";
2 | @import "inputs/textarea";
3 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_is-disabled.scss:
--------------------------------------------------------------------------------
1 | .wds-is-disabled {
2 | 	@include is-disabled();
3 | }
4 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_is-hidden.scss:
--------------------------------------------------------------------------------
1 | .wds-is-hidden {
2 | 	display: none !important;
3 | }
4 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_links.scss:
--------------------------------------------------------------------------------
1 | @import '../wds-mixins/link-theming';
2 | 
3 | .wds-link {
4 | 	@include link-theming($wds-fandom-color-link, $wds-fandom-color-link-hover);
5 | }
6 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_menu-chevron.scss:
--------------------------------------------------------------------------------
1 | .wds-menu-chevron {
2 | 	float: right;
3 | 	margin-top: 5px;
4 | 	transform: rotate(-90deg);
5 | 	fill: $wds-color-blue-gray;
6 | }
7 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_no-scroll.scss:
--------------------------------------------------------------------------------
1 | // makes element not scrollable
2 | .wds-no-scroll {
3 | 	height: 100%;
4 | 	overflow: hidden;
5 | }
6 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-components/_player.scss:
--------------------------------------------------------------------------------
 1 | $sizes: (
 2 | 	tiny: $wds-player-icon-play-tiny,
 3 | 	small: $wds-player-icon-play-small,
 4 | 	medium: $wds-player-icon-play-medium,
 5 | 	large: $wds-player-icon-play-large,
 6 | 	xl: $wds-player-icon-play-xl,
 7 | 	xxl: $wds-player-icon-play-xxl
 8 | );
 9 | 
10 | @each $name, $size in $sizes {
11 | 	.wds-player-icon-play-#{$name} {
12 | 		@include wds-player-icon-play($size);
13 | 	}
14 | }
15 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-functions/_active-color.scss:
--------------------------------------------------------------------------------
 1 | @import 'brightness';
 2 | 
 3 | @function active-color($color) {
 4 | 	@if type_of($color) != color {
 5 | 		@return $color;
 6 | 	}
 7 | 
 8 | 	$active-color: lighten($color, 20%);
 9 | 
10 | 	@if brightness($color) > 128 {
11 | 		$active-color: darken($color, 20%);
12 | 	}
13 | 
14 | 	@return $active-color;
15 | }
16 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-functions/_brightness.scss:
--------------------------------------------------------------------------------
 1 | @import 'sqrt';
 2 | 
 3 | /**
 4 | * Implementation taken from http://alienryderflex.com/hsp.html
 5 | */
 6 | @function brightness($color) {
 7 | 	@return floor(sqrt(
 8 | 			.299 * (red($color) * red($color))
 9 | 		+ .587 * (green($color) * green($color))
10 | 		+ .114 * (blue($color) * blue($color))
11 | 	));
12 | }
13 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-functions/_community-header-text-color.scss:
--------------------------------------------------------------------------------
1 | @function community-header-text-color($header-background-color) {
2 | 	$text-color: $wds-color-white;
3 | 	@if brightness($header-background-color) > 128 {
4 | 		$text-color: $wds-color-black;
5 | 	}
6 | 	@return $text-color;
7 | }
8 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-functions/_sqrt.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 | * Implemenation taken from http://www.antimath.info/css/sass-sqrt-function/
 3 | */
 4 | @function sqrt($r) {
 5 | 	$x0: 1;
 6 | 	$x1: $x0;
 7 | 
 8 | 	@for $i from 1 through 10 {
 9 | 		$x1: $x0 - ($x0 * $x0 - abs($r)) / (2 * $x0);
10 | 		$x0: $x1;
11 | 	}
12 | 
13 | 	@return $x1;
14 | }
15 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-functions/index.scss:
--------------------------------------------------------------------------------
1 | @import 'brightness';
2 | @import 'community-header-text-color';
3 | @import 'wds-grid-columns-width';
4 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_button-group-theming.scss:
--------------------------------------------------------------------------------
 1 | @mixin button-group-theming($color-border) {
 2 | 	> .wds-button {
 3 | 		&:not(.wds-is-secondary) {
 4 | 			&:not(:last-child) {
 5 | 				border-right-color: $color-border;
 6 | 			}
 7 | 
 8 | 			&:not(:first-child) {
 9 | 				border-left-color: $color-border;
10 | 			}
11 | 		}
12 | 	}
13 | 
14 | 	> .wds-dropdown {
15 | 		&:not(:last-child) {
16 | 			.wds-button {
17 | 				border-right-color: $color-border;
18 | 			}
19 | 		}
20 | 
21 | 		&:not(:first-child) {
22 | 			.wds-button {
23 | 				border-left-color: $color-border;
24 | 			}
25 | 		}
26 | 	}
27 | }


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_community-header-gradient.scss:
--------------------------------------------------------------------------------
1 | @mixin community-header-gradient(
2 | 	$header-background-color, $start-position, $end-position
3 | ) {
4 | 	background: linear-gradient(to right, rgba($header-background-color, .5), rgba($header-background-color, .5)),
5 | 		linear-gradient(to left, rgba($header-background-color, 0) $start-position, $header-background-color $end-position);
6 | }
7 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_dialog-theming.scss:
--------------------------------------------------------------------------------
 1 | @import'../wds-functions/index';
 2 | 
 3 | @mixin dialog-theming($background-color, $border-color, $overlay-color) {
 4 | 	$text-color: $wds-fandom-color-black;
 5 | 
 6 | 	@if brightness($background-color) < 128 {
 7 | 		$text-color: $wds-color-white;
 8 | 	}
 9 | 
10 | 
11 | 	&__curtain {
12 | 		background-color: $overlay-color;
13 | 	}
14 | 
15 | 	&__wrapper {
16 | 		background: $background-color;
17 | 		color: $text-color;
18 | 	}
19 | 
20 | 	&__actions {
21 | 		border-top-color: $border-color;
22 | 	}
23 | }
24 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_ellipsis.scss:
--------------------------------------------------------------------------------
1 | @mixin ellipsis {
2 | 	overflow: hidden;
3 | 	text-overflow: ellipsis;
4 | 	white-space: nowrap;
5 | }
6 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_is-disabled.scss:
--------------------------------------------------------------------------------
1 | @mixin is-disabled() {
2 | 	cursor: default;
3 | 	opacity: .5;
4 | 	pointer-events: none;
5 | }
6 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_is-right-aligned.scss:
--------------------------------------------------------------------------------
1 | @mixin is-right-aligned() {
2 | 	left: auto;
3 | 	right: 0;
4 | 	transform: none;
5 | }
6 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_link-theming.scss:
--------------------------------------------------------------------------------
 1 | @import '../wds-functions/active-color';
 2 | @import '../wds-variables/index';
 3 | 
 4 | @mixin link-theming($link-color, $link-active-color: null) {
 5 | 	color: $link-color;
 6 | 	transition: color $wds-button-transition-duration;
 7 | 
 8 | 	&:hover, &:focus, &:active {
 9 | 		@if $link-active-color {
10 | 			color: $link-active-color;
11 | 		}
12 | 		@else {
13 | 			color: active-color($link-color);
14 | 		}
15 | 	}
16 | }
17 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_pill-theming.scss:
--------------------------------------------------------------------------------
 1 | @mixin pill-theming($text-color, $border-color, $active-color) {
 2 | 	background-color: rgba($text-color, 0.05);
 3 | 	border-color: $border-color;
 4 | 
 5 | 	.wds-pill__label {
 6 | 		color: $text-color;
 7 | 	}
 8 | 
 9 | 	&.wds-is-active {
10 | 		background-color: rgba($active-color, 0.15);
11 | 		border-color: $active-color;
12 | 	}
13 | }
14 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_square.scss:
--------------------------------------------------------------------------------
1 | @mixin square($size) {
2 | 	height: $size;
3 | 	// min-width prevents icons from squeezing
4 | 	min-width: $size;
5 | 	width: $size;
6 | }
7 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_tabs-theming.scss:
--------------------------------------------------------------------------------
 1 | @import '../wds-functions/active-color';
 2 | @import 'wds-box-underline';
 3 | 
 4 | @mixin tabs-theming($tab-color, $tab-active-color: null) {
 5 | 	$tab-hover-color: active-color($tab-color);
 6 | 
 7 | 	@if $tab-active-color {
 8 | 		$tab-hover-color: $tab-active-color;
 9 | 	}
10 | 
11 | 	.wds-tabs__tab {
12 | 		&-label {
13 | 			color: $tab-color;
14 | 		}
15 | 
16 | 		&.wds-is-current {
17 | 			@include wds-box-underline($tab-hover-color);
18 | 		}
19 | 
20 | 		&.wds-is-current,
21 | 		&:hover {
22 | 			.wds-tabs__tab-label {
23 | 				color: $tab-hover-color;
24 | 			}
25 | 		}
26 | 	}
27 | }
28 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_toggle-theming.scss:
--------------------------------------------------------------------------------
 1 | @mixin toggle-theming($off-color, $on-color, $background-color) {
 2 | 	&__label {
 3 | 		&::before {
 4 | 			background-color: mix($background-color, $off-color, 50%);
 5 | 		}
 6 | 
 7 | 		&::after {
 8 | 			background-color: $wds-color-white;
 9 | 			box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
10 | 		}
11 | 	}
12 | 
13 | 	&__input:checked + .wds-toggle__label {
14 | 		&::before {
15 | 			background-color: mix($background-color, $on-color, 50%);
16 | 		}
17 | 
18 | 		&::after {
19 | 			background-color: $on-color;
20 | 		}
21 | 	}
22 | }
23 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_wds-box-underline.scss:
--------------------------------------------------------------------------------
1 | @mixin wds-box-underline($color) {
2 | 	box-shadow: inset 0 -2px 0 0 $color;
3 | }
4 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_wds-dropdown-linked-list.scss:
--------------------------------------------------------------------------------
1 | @mixin wds-dropdown-linked-list-item-hover {
2 | 	background-color: fade_out($wds-fandom-color-link, 0.9);
3 | 	color: $wds-fandom-color-link;
4 | }
5 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_wds-grid.scss:
--------------------------------------------------------------------------------
1 | @mixin wds-grid-mixin {
2 | 	display: grid;
3 | 	grid-gap: $wds-grid-gap;
4 | 	grid-template-columns: repeat($wds-grid-columns, 1fr);
5 | }
6 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_wds-midlight.scss:
--------------------------------------------------------------------------------
1 | @mixin wds-midlight($background-color) {
2 | 	background-image: linear-gradient(to top, $background-color 54%, transparent 54%, transparent 100%);
3 | 	box-decoration-break: clone;
4 | 	display: inline;
5 | 	padding-left: 3px;
6 | 	padding-right: 3px;
7 | }
8 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-mixins/_wds-player-icon-play.scss:
--------------------------------------------------------------------------------
1 | @mixin wds-player-icon-play($circle-size) {
2 | 	// since play icon contains shadow around icon and designers provide sizes of icon without shadow, we need to
3 | 	// calculate exact size of icon box
4 | 	@include square($circle-size * 1.2);
5 | }
6 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-typography/classes/_font-weight-scale.scss:
--------------------------------------------------------------------------------
 1 | .wds-font-weight-light {
 2 | 	font-weight: $wds-font-weight-light;
 3 | }
 4 | 
 5 | .wds-font-weight-normal {
 6 | 	font-weight: $wds-font-weight-normal;
 7 | }
 8 | 
 9 | .wds-font-weight-medium {
10 | 	font-weight: $wds-font-weight-medium;
11 | }
12 | 
13 | .wds-font-weight-bold {
14 | 	font-weight: $wds-font-weight-bold;
15 | }
16 | 
17 | .wds-font-weight-black {
18 | 	font-weight: $wds-font-weight-black;
19 | }
20 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-typography/classes/_line-height-scale.scss:
--------------------------------------------------------------------------------
 1 | .wds-leading-none {
 2 | 	line-height: $wds-line-height-none;
 3 | }
 4 | 
 5 | .wds-leading-tight {
 6 | 	line-height: $wds-line-height-tight;
 7 | }
 8 | 
 9 | .wds-leading-normal {
10 | 	line-height: $wds-line-height-normal;
11 | }
12 | 
13 | .wds-leading-loose {
14 | 	line-height: $wds-line-height-loose;
15 | }
16 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-typography/classes/index.scss:
--------------------------------------------------------------------------------
1 | @import 'font-weight-scale';
2 | @import 'text-style';
3 | @import 'typescale';
4 | @import 'line-height-scale';
5 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-typography/index.scss:
--------------------------------------------------------------------------------
1 | @import 'classes/index';
2 | 
3 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-variables/_icons.scss:
--------------------------------------------------------------------------------
1 | $wds-icon-size: 24px;
2 | $wds-icon-small-size: 18px;
3 | $wds-icon-tiny-size: 12px;
4 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-variables/_player.scss:
--------------------------------------------------------------------------------
1 | $wds-player-icon-play-tiny: 30px;
2 | $wds-player-icon-play-small: 42px;
3 | $wds-player-icon-play-medium: 60px;
4 | $wds-player-icon-play-large: 90px;
5 | $wds-player-icon-play-xl: 120px;
6 | $wds-player-icon-play-xxl: 150px;
7 | 


--------------------------------------------------------------------------------
/style-guide/styles/wds-variables/_wds-grid.scss:
--------------------------------------------------------------------------------
1 | $wds-grid-gap: 10px;
2 | $wds-grid-columns: 12;
3 | 
4 | // how much width is taken by gaps
5 | $wds-grid-gap-space: $wds-grid-gap * ($wds-grid-columns - 1);
6 | 


--------------------------------------------------------------------------------
/tests/dummy/app/app.js:
--------------------------------------------------------------------------------
 1 | import Application from '@ember/application';
 2 | import Resolver from './resolver';
 3 | import loadInitializers from 'ember-load-initializers';
 4 | import config from './config/environment';
 5 | 
 6 | const App = Application.extend({
 7 | 	modulePrefix: config.modulePrefix,
 8 | 	podModulePrefix: config.podModulePrefix,
 9 | 	Resolver
10 | });
11 | 
12 | loadInitializers(App, config.modulePrefix);
13 | 
14 | export default App;
15 | 


--------------------------------------------------------------------------------
/tests/dummy/app/components/asset-box.js:
--------------------------------------------------------------------------------
1 | import Component from '@ember/component';
2 | 
3 | export default Component.extend({
4 | 	classNames: ['asset-box'],
5 | 	// default SVG size
6 | 	height: 150,
7 | 	width: 150
8 | });
9 | 


--------------------------------------------------------------------------------
/tests/dummy/app/components/code-sample.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | import hljs from 'npm:highlight.js/lib/highlight.js';
 3 | 
 4 | export default Component.extend({
 5 | 	classNameBindings: ['language'],
 6 | 	language: 'html',
 7 | 	tagName: 'pre',
 8 | 
 9 | 	didInsertElement() {
10 | 		hljs.highlightBlock(this.element);
11 | 	}
12 | });
13 | 


--------------------------------------------------------------------------------
/tests/dummy/app/components/color-box.js:
--------------------------------------------------------------------------------
 1 | import Component from '@ember/component';
 2 | import { computed } from '@ember/object';
 3 | import { htmlSafe } from '@ember/string';
 4 | 
 5 | export default Component.extend({
 6 | 	classNames: 'color-box',
 7 | 	safeStyle: computed('hex', function () {
 8 | 		return htmlSafe(`background-color: ${this.hex}`);
 9 | 	})
10 | });
11 | 


--------------------------------------------------------------------------------
/tests/dummy/app/components/font-weight-line.js:
--------------------------------------------------------------------------------
1 | import Component from '@ember/component';
2 | 
3 | export default Component.extend({
4 | 	tagName: ''
5 | });
6 | 


--------------------------------------------------------------------------------
/tests/dummy/app/controllers/base-styles/breakpoints.js:
--------------------------------------------------------------------------------
1 | import Controller from '@ember/controller';
2 | import ENV from '../../config/environment';
3 | 
4 | export default Controller.extend({
5 | 	rootURL: ENV.rootURL
6 | });
7 | 


--------------------------------------------------------------------------------
/tests/dummy/app/controllers/identity/community-header.js:
--------------------------------------------------------------------------------
1 | import Controller from '@ember/controller';
2 | 
3 | export default Controller.extend({
4 | 	track(label) {
5 | 		// eslint-disable-next-line no-console
6 | 		console.info('tracking', { label })
7 | 	}
8 | });
9 | 


--------------------------------------------------------------------------------
/tests/dummy/app/controllers/identity/community-header/standalone.js:
--------------------------------------------------------------------------------
1 | import Controller from '@ember/controller';
2 | 
3 | export default Controller.extend({
4 | 	track(label) {
5 | 		// eslint-disable-next-line no-console
6 | 		console.info('tracking', { label })
7 | 	}
8 | });
9 | 


--------------------------------------------------------------------------------
/tests/dummy/app/controllers/route-components/banner-notifications.js:
--------------------------------------------------------------------------------
 1 | import Controller from '@ember/controller';
 2 | 
 3 | export default Controller.extend({
 4 | 	actions: {
 5 | 		onClose() {
 6 | 			alert('You closed a banner notification');
 7 | 		}
 8 | 	}
 9 | });
10 | 


--------------------------------------------------------------------------------
/tests/dummy/app/controllers/route-components/dialogs.js:
--------------------------------------------------------------------------------
 1 | /* eslint no-console:0 */
 2 | import Controller from '@ember/controller';
 3 | 
 4 | export default Controller.extend({
 5 | 	actions: {
 6 | 		onOk(dialogToggleName) {
 7 | 			console.log('onOK')
 8 | 			this.set(dialogToggleName, false);
 9 | 		},
10 | 		onCancel(dialogToggleName) {
11 | 			console.log('onCancel')
12 | 			this.set(dialogToggleName, false);
13 | 		}
14 | 	}
15 | });
16 | 


--------------------------------------------------------------------------------
/tests/dummy/app/controllers/route-components/inputs.js:
--------------------------------------------------------------------------------
 1 | import Controller from '@ember/controller';
 2 | 
 3 | export default Controller.extend({
 4 | 	initialValue: 'initial value',
 5 | 
 6 | 	actions: {
 7 | 		input() {
 8 | 			// eslint-disable-next-line no-console
 9 | 			console.log('input');
10 | 		},
11 | 
12 | 		focusOut() {
13 | 			// eslint-disable-next-line no-console
14 | 			console.log('focusOut');
15 | 		},
16 | 
17 | 		focusIn() {
18 | 			// eslint-disable-next-line no-console
19 | 			console.log('focusIn');
20 | 		}
21 | 	}
22 | });
23 | 


--------------------------------------------------------------------------------
/tests/dummy/app/helpers/equal.js:
--------------------------------------------------------------------------------
 1 | import { helper as buildHelper } from '@ember/component/helper';
 2 | 
 3 | /**
 4 |  * Check if two arguments are equals
 5 |  *
 6 |  * @param {Array} params
 7 |  * @returns {string}
 8 |  */
 9 | export default buildHelper((params) => {
10 | 	return params[0] === params[1];
11 | });
12 | 


--------------------------------------------------------------------------------
/tests/dummy/app/helpers/numeral.js:
--------------------------------------------------------------------------------
 1 | import { helper as buildHelper } from '@ember/component/helper';
 2 | import numeral from 'numeral';
 3 | 
 4 | /**
 5 |  * @param {Array} params
 6 |  * @returns {string}
 7 |  */
 8 | export default buildHelper(([numberToFormat, format]) => {
 9 | 	return numeral(numberToFormat).format(format);
10 | });
11 | 


--------------------------------------------------------------------------------
/tests/dummy/app/resolver.js:
--------------------------------------------------------------------------------
1 | import Resolver from 'ember-resolver';
2 | 
3 | export default Resolver;
4 | 


--------------------------------------------------------------------------------
/tests/dummy/app/routes/identity/browser-theming.js:
--------------------------------------------------------------------------------
1 | import Route from '@ember/routing/route';
2 | 
3 | export default Route.extend({
4 | 	model() {
5 | 		return {};
6 | 	}
7 | });
8 | 


--------------------------------------------------------------------------------
/tests/dummy/app/routes/identity/community-bar.js:
--------------------------------------------------------------------------------
1 | import Route from '@ember/routing/route';
2 | import model from '../../models/community-header';
3 | 
4 | export default Route.extend({
5 | 	model() {
6 | 		return model.anon;
7 | 	}
8 | });
9 | 


--------------------------------------------------------------------------------
/tests/dummy/app/routes/identity/community-bar/standalone.js:
--------------------------------------------------------------------------------
 1 | import Route from '@ember/routing/route';
 2 | import communityHeaderModel from '../../../models/community-header';
 3 | import globalNavigationModel from '../../../models/global-navigation';
 4 | 
 5 | export default Route.extend({
 6 | 	model() {
 7 | 		return {
 8 | 			communityBar: communityHeaderModel.anon,
 9 | 			globalNavigation: globalNavigationModel['logged-in-default']
10 | 		};
11 | 	},
12 | 
13 | 	setupController() {
14 | 		this._super(...arguments);
15 | 		this.controllerFor('application').set('standalone', true);
16 | 		this.controllerFor('identity.community-bar').set('standalone', true);
17 | 	}
18 | });
19 | 


--------------------------------------------------------------------------------
/tests/dummy/app/routes/identity/community-header.js:
--------------------------------------------------------------------------------
1 | import Route from '@ember/routing/route';
2 | import model from '../../models/community-header';
3 | 
4 | export default Route.extend({
5 | 	model() {
6 | 		return model;
7 | 	}
8 | });
9 | 


--------------------------------------------------------------------------------
/tests/dummy/app/routes/identity/community-header/standalone.js:
--------------------------------------------------------------------------------
 1 | import Route from '@ember/routing/route';
 2 | import model from '../../../models/community-header';
 3 | 
 4 | export default Route.extend({
 5 | 	model(params) {
 6 | 		return model[params['variant_name']];
 7 | 	},
 8 | 
 9 | 	setupController() {
10 | 		this._super(...arguments);
11 | 		this.controllerFor('application').set('standalone', true);
12 | 		this.controllerFor('identity.community-header').set('standalone', true);
13 | 	}
14 | });
15 | 


--------------------------------------------------------------------------------
/tests/dummy/app/routes/identity/global-footer.js:
--------------------------------------------------------------------------------
1 | import Route from '@ember/routing/route';
2 | import model from '../../models/global-footer';
3 | 
4 | export default Route.extend({
5 | 	model() {
6 | 		return model;
7 | 	}
8 | });
9 | 


--------------------------------------------------------------------------------
/tests/dummy/app/routes/identity/global-footer/standalone.js:
--------------------------------------------------------------------------------
 1 | import Route from '@ember/routing/route';
 2 | import model from '../../../models/global-footer';
 3 | 
 4 | export default Route.extend({
 5 | 	model(params) {
 6 | 		return model[params['variant_name']];
 7 | 	},
 8 | 
 9 | 	setupController() {
10 | 		this._super(...arguments);
11 | 		this.controllerFor('application').set('standalone', true);
12 | 		this.controllerFor('identity.global-footer').set('standalone', true);
13 | 	}
14 | });
15 | 


--------------------------------------------------------------------------------
/tests/dummy/app/routes/identity/global-navigation.js:
--------------------------------------------------------------------------------
1 | import Route from '@ember/routing/route';
2 | import model from '../../models/global-navigation';
3 | 
4 | export default Route.extend({
5 | 	model() {
6 | 		return model;
7 | 	}
8 | });
9 | 


--------------------------------------------------------------------------------
/tests/dummy/app/routes/identity/global-navigation/standalone.js:
--------------------------------------------------------------------------------
 1 | import Route from '@ember/routing/route';
 2 | import model from '../../../models/global-navigation';
 3 | 
 4 | export default Route.extend({
 5 | 	model(params) {
 6 | 		return model[params['variant_name']];
 7 | 	},
 8 | 
 9 | 	setupController() {
10 | 		this._super(...arguments);
11 | 		this.controllerFor('application').set('standalone', true);
12 | 		this.controllerFor('identity.global-navigation').set('standalone', true);
13 | 	}
14 | });
15 | 


--------------------------------------------------------------------------------
/tests/dummy/app/routes/index.js:
--------------------------------------------------------------------------------
1 | import Route from '@ember/routing/route';
2 | 
3 | export default Route.extend({
4 | 	redirect() {
5 | 		this.transitionTo('overview.getting-started');
6 | 	}
7 | });
8 | 


--------------------------------------------------------------------------------
/tests/dummy/app/services/current-user.js:
--------------------------------------------------------------------------------
1 | import Service from '@ember/service';
2 | 
3 | export default Service.extend({
4 | 	isAuthenticated: false,
5 | 	language: 'en',
6 | 	userId: null,
7 | });
8 | 


--------------------------------------------------------------------------------
/tests/dummy/app/services/fastboot.js:
--------------------------------------------------------------------------------
1 | import Service from '@ember/service';
2 | 
3 | export default Service.extend({
4 | 	isFastBoot: false
5 | });
6 | 


--------------------------------------------------------------------------------
/tests/dummy/app/services/fetch.js:
--------------------------------------------------------------------------------
 1 | import fetch from '@wikia/ember-fandom/services/fetch';
 2 | 
 3 | export default fetch.extend({
 4 | 	init() {
 5 | 		this.set('config', {
 6 | 			servicesExternalHost: 'https://services.wikia.com'
 7 | 		});
 8 | 		this._super(...arguments);
 9 | 	}
10 | });
11 | 


--------------------------------------------------------------------------------
/tests/dummy/app/services/logger.js:
--------------------------------------------------------------------------------
 1 | import Service from '@ember/service';
 2 | 
 3 | export default Service.extend({
 4 | 	error(name, data) {
 5 | 		/* eslint-disable no-console */
 6 | 		console.error(name, data);
 7 | 		/* eslint-enable no-console */
 8 | 	},
 9 | 
10 | 	warn(name, data) {
11 | 		/* eslint-disable no-console */
12 | 		console.warn(name, data);
13 | 		/* eslint-enable no-console */
14 | 	}
15 | });
16 | 


--------------------------------------------------------------------------------
/tests/dummy/app/services/wiki-urls.js:
--------------------------------------------------------------------------------
 1 | import wikiUrls from '@wikia/ember-fandom/services/wiki-urls';
 2 | 
 3 | export default wikiUrls.extend({
 4 | 	init() {
 5 | 		this.set('config', {
 6 | 			baseDomain: 'wikia.com'
 7 | 		});
 8 | 		this._super(...arguments);
 9 | 	}
10 | });
11 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/base-styles/_assets.scss:
--------------------------------------------------------------------------------
 1 | .assets-wrapper {
 2 | 	display: flex;
 3 | 	flex-wrap: wrap;
 4 | 	justify-content: center;
 5 | 	margin: 30px 0 -50px;
 6 | 	text-align: center;
 7 | 
 8 | 	&__align-items-left {
 9 | 		justify-content: flex-start;
10 | 		text-align: left;
11 | 	}
12 | }
13 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/base-styles/_breakpoints.scss:
--------------------------------------------------------------------------------
1 | .breakpoints-visualisation {
2 | 	margin-top: 30px;
3 | }
4 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/base-styles/_colors.scss:
--------------------------------------------------------------------------------
1 | .colors-wrapper {
2 | 	display: flex;
3 | 	flex-wrap: wrap;
4 | 	justify-content: center;
5 | 	margin-top: -20px;
6 | }
7 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/base-styles/_variables-table.scss:
--------------------------------------------------------------------------------
 1 | .variables-table {
 2 | 	border-collapse: collapse;
 3 | 	border-spacing: 0;
 4 | 	font-size: $wds-typescale-size-minus-1;
 5 | 
 6 | 	&:not(.is-fluid) {
 7 | 		width: 574px;
 8 | 	}
 9 | 
10 | 	td {
11 | 		border: 1px solid $wds-color-off-white;
12 | 		padding: 14px 8px;
13 | 		vertical-align: top;
14 | 	}
15 | 
16 | 	.format-code {
17 | 		font-size: $wds-typescale-size-minus-2;
18 | 	}
19 | 
20 | 	&__header {
21 | 		background-color: $wds-color-off-white;
22 | 
23 | 		th {
24 | 			border: 1px solid $wds-color-off-white;
25 | 			padding: 18px 8px;
26 | 			text-align: left;
27 | 		}
28 | 	}
29 | }
30 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/base-styles/index.scss:
--------------------------------------------------------------------------------
1 | @import 'assets';
2 | @import 'breakpoints';
3 | @import 'colors';
4 | @import 'typography';
5 | @import 'variables-table';
6 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/components/_color-box.scss:
--------------------------------------------------------------------------------
 1 | .color-box {
 2 | 	color: $wds-color-dark-blue-gray;
 3 | 	font-size: $wds-typescale-size-minus-2;
 4 | 	line-height: $wds-line-height;
 5 | 	margin: 30px 6px 0;
 6 | 	text-align: center;
 7 | 	width: 120px;
 8 | 
 9 | 	&.is-bordered {
10 | 		.color-box__box {
11 | 			border: 1px solid $wds-color-faint-gray;
12 | 		}
13 | 	}
14 | 
15 | 	&__box {
16 | 		@include square(60px);
17 | 
18 | 		box-sizing: border-box;
19 | 		margin: 0 auto 10px;
20 | 	}
21 | 
22 | 	&__name {
23 | 		font-weight: 700;
24 | 	}
25 | }
26 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/components/_icon-box.scss:
--------------------------------------------------------------------------------
 1 | .icon-box {
 2 | 	color: $wds-color-dark-blue;
 3 | 	font-size: $wds-typescale-size-minus-1;
 4 | 	margin-bottom: 50px;
 5 | 	text-align: center;
 6 | 	width: 100px;
 7 | 
 8 | 	&:hover .wds-icon {
 9 | 		color: $wds-color-dark-blue;
10 | 	}
11 | 
12 | 	&__icon {
13 | 		border-bottom: solid 1px $wds-fandom-color-mid-light-gray;
14 | 		height: 24px;
15 | 		margin: 0 25px 10px;
16 | 		padding-bottom: 17px;
17 | 	}
18 | 
19 | 	.wds-icon {
20 | 		color: $wds-fandom-color-middle-gray;
21 | 	}
22 | }
23 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/components/_typescale-line.scss:
--------------------------------------------------------------------------------
 1 | .typescale-line {
 2 | 	display: flex;
 3 | 
 4 | 	&__left {
 5 | 		border-right: 1px solid $wds-color-off-white;
 6 | 		flex: 1 auto;
 7 | 		line-height: $wds-line-height;
 8 | 		padding: 10px 20px;
 9 | 	}
10 | 
11 | 	&__right {
12 | 		align-self: flex-end;
13 | 		color: $wds-color-dark-blue-gray;
14 | 		flex-shrink: 0;
15 | 		font-size: $wds-typescale-size-minus-2;
16 | 		padding: 10px 20px;
17 | 		width: 250px;
18 | 	}
19 | 
20 | 	&__code {
21 | 		margin-left: 10px;
22 | 	}
23 | }
24 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/components/index.scss:
--------------------------------------------------------------------------------
1 | @import 'asset-box';
2 | @import 'color-box';
3 | @import 'component-demo';
4 | @import 'icon-box';
5 | @import 'main-navigation';
6 | @import 'typescale-line';
7 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/identity/_browser-theming.scss:
--------------------------------------------------------------------------------
1 | .asset-theme-color {
2 | 	max-width: 320px;
3 | }
4 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/identity/_global-navigation.scss:
--------------------------------------------------------------------------------
1 | .wds-global-navigation {
2 | 	&__search-suggestions .wds-is-selected a {
3 | 		color: $wds-color-link;
4 | 	}
5 | }
6 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/identity/index.scss:
--------------------------------------------------------------------------------
1 | @import 'browser-theming';
2 | @import 'community-header';
3 | @import 'global-navigation';
4 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/route-components/_dropdowns.scss:
--------------------------------------------------------------------------------
 1 | .push-dropdown-down {
 2 | 	padding-bottom: 4px;
 3 | }
 4 | 
 5 | .dropdown-margin-right {
 6 | 	margin-right: 24px;
 7 | }
 8 | 
 9 | .dropdowns-theming {
10 | 	$color-page: #0E182B;
11 | 	$color-page-border: #3E4757;
12 | 	$color-text: #D5D4D4;
13 | 	$color-links: #71D1EF;
14 | 	@include dropdown-theming($color-page, $color-text, $color-links, $color-page-border);
15 | }
16 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/route-components/_floating-buttons.scss:
--------------------------------------------------------------------------------
 1 | .fake-image {
 2 | 	background-image: url('/images/FANDOM-background.svg');
 3 | 	background-position: 50%;
 4 | 	background-repeat: no-repeat;
 5 | 	background-size: cover;
 6 | 	height: 160px;
 7 | 	position: relative;
 8 | 	width: 320px;
 9 | }
10 | 
11 | .action-on-top-of-fake-image {
12 | 	position: absolute;
13 | 	top: 10px;
14 | 	left: 10px;
15 | }
16 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/route-components/index.scss:
--------------------------------------------------------------------------------
1 | @import 'avatars';
2 | @import 'buttons';
3 | @import 'dropdowns';
4 | @import 'floating-buttons';
5 | 


--------------------------------------------------------------------------------
/tests/dummy/app/styles/wds.scss:
--------------------------------------------------------------------------------
1 | @import 'index';
2 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/application.hbs:
--------------------------------------------------------------------------------
 1 | {{#if standalone}}
 2 |   {{outlet}}
 3 | {{else}}
 4 |   <div class="main-container">
 5 |     <header class="main-header">Fandom Design System</header>
 6 |     <MainNavigation @navigation={{this.navigation}} />
 7 |     <article class="main-content">
 8 |       {{outlet}}
 9 |     </article>
10 |   </div>
11 | {{/if}}
12 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/components/asset-box.hbs:
--------------------------------------------------------------------------------
1 | <div class="asset-box__asset">
2 |   {{svg
3 |     (concat "wds-" @group "-" @name)
4 |     height=this.height
5 |     width=this.width
6 |   }}
7 | </div>
8 | <div class="asset-box__name">{{@name}}</div>
9 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/components/color-box.hbs:
--------------------------------------------------------------------------------
1 | {{! template-lint-configure-tree no-inline-styles false }}
2 | <div class="color-box__box" style={{this.safeStyle}}></div>
3 | <div class="color-box__name">{{@name}}</div>
4 | <div class="color-box__hex">{{@hex}}</div>
5 | <div class="color-box__variable format-code">{{@variable}}</div>
6 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/components/font-weight-line.hbs:
--------------------------------------------------------------------------------
1 | <div class="typescale-line">
2 |   <div class="typescale-line__left wds-font-size-xxl wds-{{@fontWeightName}}">This is a headline.</div>
3 |   <div class="typescale-line__right">
4 |     <p>Font weight: <strong>{{@fontWeight}}px</strong><code class="typescale-line__code format-code">.wds-{{@fontWeightName}}</code></p>
5 |   </div>
6 | </div>
7 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/components/icon-box.hbs:
--------------------------------------------------------------------------------
1 | <div class="icon-box">
2 |   <div class="icon-box__icon"><Icon @name={{@name}} @size={{@size}} /></div>
3 |   <div class="icon-box__name">{{concat @name (if @size (concat "-" @size))}}</div>
4 | </div>
5 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/components/text-style-line.hbs:
--------------------------------------------------------------------------------
1 | <div class="typescale-line">
2 |   <div class="typescale-line__left wds-font-size-xxl wds-{{@textStyle}}">{{@text}}</div>
3 |   <div class="typescale-line__right">
4 |     <code class="typescale-line__code format-code">.wds-{{@textStyle}}</code>
5 |   </div>
6 | </div>
7 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/components/typescale-line.hbs:
--------------------------------------------------------------------------------
 1 | <div class="typescale-line">
 2 |   <div
 3 |     class="typescale-line__left wds-{{@typescaleName}} wds-{{@lineHeightName}}"
 4 |   >
 5 |     This is a headline.
 6 |   </div>
 7 |   <div class="typescale-line__right">
 8 |     <p>Font size: <strong>{{@fontSize}}px</strong><code class="typescale-line__code format-code">.wds-{{@typescaleName}}</code></p>
 9 |     <p>Line height: <strong>{{@lineHeight}}</strong><code class="typescale-line__code format-code">.wds-{{@lineHeightName}}</code></p>
10 |   </div>
11 | </div>
12 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/identity/browser-theming.hbs:
--------------------------------------------------------------------------------
 1 | <h1>Browser Theming</h1>
 2 | <section>
 3 |   <p>
 4 |     Since version 39 Google Chrome supports theme-color meta tag. It is meant to add basic browser theming by changing the color of address bar.
 5 |   </p>
 6 |   <p>
 7 |     This color should match the color of Global Navigation bar. Pasting <code class="format-code">&lt;meta name="theme-color" content="#002a32"&gt;</code>
 8 |     within <code class="format-code">&lt;head&gt;&lt;/head&gt;</code> will result in such mobile Chrome experience:
 9 |   </p>
10 |   <img class="asset-theme-color asset-box__asset" src="/images/theme-color.png">
11 | </section>
12 | 
13 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/identity/global-footer/standalone.hbs:
--------------------------------------------------------------------------------
1 | <GlobalFooter @model={{model}} />
2 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/identity/global-navigation/standalone.hbs:
--------------------------------------------------------------------------------
1 | <GlobalNavigation
2 |   @model={{model}}
3 |   @track={{action track}}
4 |   @goToSearchResults={{action goToSearchResults}}
5 |   @onModalOpen={{action onModalOpen}}
6 |   @onSearchSuggestionChosen={{action onSearchSuggestionChosen}}
7 |   @onSearchSuggestionsImpression={{action onSearchSuggestionsImpression}}
8 | />
9 | 


--------------------------------------------------------------------------------
/tests/dummy/app/templates/overview/ember-addon.hbs:
--------------------------------------------------------------------------------
 1 | <h1>Ember addon</h1>
 2 | 
 3 | <p>
 4 |   Once installed by NPM, Fandom Design System can also work as a functional addon to the
 5 |   <a href="https://www.emberjs.com/">Ember.js</a> framework.
 6 | </p>
 7 | 
 8 | <section>
 9 |   <h2 id="sprite">Using a component from Fandom Design System in your Ember.js application</h2>
10 | 
11 |   <Demo @name="ember-addon" @codeOnly={{true}}>
12 |     <Icon @name="alert" @size="small" />
13 |   </Demo>
14 | </section>
15 | 


--------------------------------------------------------------------------------
/tests/dummy/config/coverage.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | 	reporters: ['cobertura', 'lcov'],
3 | 	useBabelInstrumenter: true,
4 | };
5 | 


--------------------------------------------------------------------------------
/tests/dummy/config/optional-features.json:
--------------------------------------------------------------------------------
1 | {
2 |   "application-template-wrapper": false,
3 |   "jquery-integration": false,
4 |   "template-only-glimmer-components": true
5 | }
6 | 


--------------------------------------------------------------------------------
/tests/dummy/config/targets.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const browsers = [
 4 | 	'last 5 versions'
 5 | ];
 6 | 
 7 | module.exports = {
 8 |   browsers
 9 | };
10 | 


--------------------------------------------------------------------------------
/tests/dummy/mirage/scenarios/default.js:
--------------------------------------------------------------------------------
 1 | export default function(/* server */) {
 2 | 
 3 |   /*
 4 |     Seed your development database using your factories.
 5 |     This data will not be loaded in your tests.
 6 |   */
 7 | 
 8 |   // server.createList('post', 10);
 9 | }
10 | 


--------------------------------------------------------------------------------
/tests/dummy/mirage/serializers/application.js:
--------------------------------------------------------------------------------
1 | import { JSONAPISerializer } from 'ember-cli-mirage';
2 | 
3 | export default JSONAPISerializer.extend({
4 | });
5 | 


--------------------------------------------------------------------------------
/tests/dummy/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/favicon.ico


--------------------------------------------------------------------------------
/tests/dummy/public/images/FANDOM-Avatar.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/FANDOM-Avatar.jpg


--------------------------------------------------------------------------------
/tests/dummy/public/images/breakpoints.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/breakpoints.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/theme-color.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/theme-color.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-community-bar-desktop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-community-bar-desktop.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-community-bar-mobile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-community-bar-mobile.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-community-bar-tablet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-community-bar-tablet.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-community-header-desktop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-community-header-desktop.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-community-header-mobile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-community-header-mobile.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-community-header-tablet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-community-header-tablet.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-global-footer-desktop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-global-footer-desktop.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-global-footer-mobile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-global-footer-mobile.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-global-footer-tablet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-global-footer-tablet.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-global-navigation-desktop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-global-navigation-desktop.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-global-navigation-mobile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-global-navigation-mobile.png


--------------------------------------------------------------------------------
/tests/dummy/public/images/wds-global-navigation-tablet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Wikia/design-system/54806768b099d79d60d3342fd06e6999deeef7ca/tests/dummy/public/images/wds-global-navigation-tablet.png


--------------------------------------------------------------------------------
/tests/dummy/public/mocks/searchSuggestions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "suggestions": [
3 |     "A phrase",
4 |     "Another phrase",
5 |     "Phrase number three!"
6 |   ]
7 | }
8 | 


--------------------------------------------------------------------------------
/tests/dummy/public/robots.txt:
--------------------------------------------------------------------------------
1 | # http://www.robotstxt.org
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/tests/integration/components/community-bar/local-navigation-level-2-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module(
 7 | 	'Integration | Component | community-bar/local-navigation-level-2',
 8 | 	function(hooks) {
 9 | 		setupRenderingTest(hooks);
10 | 
11 | 		skip('it renders', async function() {
12 | 			await render(hbs`{{community-bar/local-navigation-level-2}}`);
13 | 		});
14 | 	},
15 | );
16 | 


--------------------------------------------------------------------------------
/tests/integration/components/community-bar/local-navigation-level-3-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module(
 7 | 	'Integration | Component | community-bar/local-navigation-level-3',
 8 | 	function(hooks) {
 9 | 		setupRenderingTest(hooks);
10 | 
11 | 		skip('it renders', async function() {
12 | 			await render(hbs`{{community-bar/local-navigation-level-3}}`);
13 | 		});
14 | 	},
15 | );
16 | 


--------------------------------------------------------------------------------
/tests/integration/components/community-bar/local-navigation-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module('Integration | Component | community-bar/local-navigation', function(
 7 | 	hooks,
 8 | ) {
 9 | 	setupRenderingTest(hooks);
10 | 
11 | 	skip('it renders', async function() {
12 | 		await render(hbs`{{community-bar/local-navigation}}`);
13 | 	});
14 | });
15 | 


--------------------------------------------------------------------------------
/tests/integration/components/community-header/local-navigation-dropdown-level-2-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module(
 7 | 	'Integration | Component | community-header/local-navigation-dropdown-level-2',
 8 | 	function(hooks) {
 9 | 		setupRenderingTest(hooks);
10 | 
11 | 		skip('it renders', async function() {
12 | 			await render(
13 | 				hbs`{{community-header/local-navigation-dropdown-level-2}}`,
14 | 			);
15 | 		});
16 | 	},
17 | );
18 | 


--------------------------------------------------------------------------------
/tests/integration/components/global-navigation/anon-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module('Integration | Component | global-navigation/anon', function(hooks) {
 7 | 	setupRenderingTest(hooks);
 8 | 
 9 | 	skip('it renders', async function() {
10 | 		await render(hbs`{{global-navigation/anon}}`);
11 | 	});
12 | });
13 | 


--------------------------------------------------------------------------------
/tests/integration/components/global-navigation/content-recommendation-card-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module(
 7 | 	'Integration | Component | global-navigation/content-recommendation-card',
 8 | 	function(hooks) {
 9 | 		setupRenderingTest(hooks);
10 | 
11 | 		skip('it renders', async function() {
12 | 			await render(
13 | 				hbs`{{global-navigation/content-recommendation-card}}`,
14 | 			);
15 | 		});
16 | 	},
17 | );
18 | 


--------------------------------------------------------------------------------
/tests/integration/components/global-navigation/content-recommendations-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module(
 7 | 	'Integration | Component | global-navigation/content-recommendations',
 8 | 	function(hooks) {
 9 | 		setupRenderingTest(hooks);
10 | 
11 | 		skip('it renders', async function() {
12 | 			await render(hbs`{{global-navigation/content-recommendations}}`);
13 | 		});
14 | 	},
15 | );
16 | 


--------------------------------------------------------------------------------
/tests/integration/components/global-navigation/link-logout-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module('Integration | Component | global-navigation/link-logout', function(
 7 | 	hooks,
 8 | ) {
 9 | 	setupRenderingTest(hooks);
10 | 
11 | 	skip('it renders', async function() {
12 | 		await render(hbs`{{global-navigation/link-logout}}`);
13 | 	});
14 | });
15 | 


--------------------------------------------------------------------------------
/tests/integration/components/global-navigation/search-modal-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module('Integration | Component | global-navigation/search-modal', function(
 7 | 	hooks,
 8 | ) {
 9 | 	setupRenderingTest(hooks);
10 | 
11 | 	skip('it renders', async function() {
12 | 		await render(hbs`{{global-navigation/search-modal}}`);
13 | 
14 | 	});
15 | });
16 | 


--------------------------------------------------------------------------------
/tests/integration/components/global-navigation/user-modal-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module('Integration | Component | global-navigation/user-modal', function(
 7 | 	hooks,
 8 | ) {
 9 | 	setupRenderingTest(hooks);
10 | 
11 | 	skip('it renders', async function() {
12 | 		await render(hbs`{{global-navigation/user-modal}}`);
13 | 	});
14 | });
15 | 


--------------------------------------------------------------------------------
/tests/integration/components/local-navigation-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module('Integration | Component | local-navigation', function(hooks) {
 7 | 	setupRenderingTest(hooks);
 8 | 
 9 | 	skip('it renders', async function() {
10 | 		await render(hbs`<LocalNavigation />`);
11 | 	});
12 | });
13 | 


--------------------------------------------------------------------------------
/tests/integration/components/on-site-notifications/notifications-dropdown-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module(
 7 | 	'Integration | Component | on-site-notifications/notifications-dropdown',
 8 | 	function(hooks) {
 9 | 		setupRenderingTest(hooks);
10 | 
11 | 		skip('it renders', async function() {
12 | 			await render(hbs`{{on-site-notifications/notifications-dropdown}}`);
13 | 		});
14 | 	},
15 | );
16 | 


--------------------------------------------------------------------------------
/tests/integration/components/on-site-notifications/notifications-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupRenderingTest } from 'ember-qunit';
 3 | import { render } from '@ember/test-helpers';
 4 | import hbs from 'htmlbars-inline-precompile';
 5 | 
 6 | module(
 7 | 	'Integration | Component | on-site-notifications/notifications',
 8 | 	function(hooks) {
 9 | 		setupRenderingTest(hooks);
10 | 
11 | 		skip('it renders', async function() {
12 | 			await render(hbs`{{on-site-notifications/notifications}}`);
13 | 		});
14 | 	},
15 | );
16 | 


--------------------------------------------------------------------------------
/tests/pages/components/avatar-stack.js:
--------------------------------------------------------------------------------
 1 | import { collection } from 'ember-cli-page-object';
 2 | import attr from '../helpers/attr';
 3 | import avatar from './avatar';
 4 | 
 5 | export default {
 6 | 	scope: 'div.wds-avatar-stack',
 7 | 
 8 | 	attr,
 9 | 
10 | 	avatars: collection(avatar.scope, {
11 | 		item: avatar,
12 | 	}),
13 | 
14 | 	overflow: {
15 | 		scope: '.wds-avatar-stack__overflow',
16 | 	},
17 | };
18 | 


--------------------------------------------------------------------------------
/tests/pages/components/avatar.js:
--------------------------------------------------------------------------------
 1 | import { attribute } from 'ember-cli-page-object';
 2 | 
 3 | export default {
 4 | 	scope: '.wds-avatar',
 5 | 
 6 | 	title: attribute('title'),
 7 | 
 8 | 	link: {
 9 | 		scope: 'a',
10 | 		href: attribute('href'),
11 | 	},
12 | 
13 | 	badge: {
14 | 		scope: '.wds-avatar__badge',
15 | 		name: attribute('xlink:href', 'svg use'),
16 | 		title: attribute('title')
17 | 	},
18 | 
19 | 	image: {
20 | 		scope: 'img.wds-avatar__image',
21 | 		src: attribute('src'),
22 | 		alt: attribute('alt')
23 | 	},
24 | 
25 | 	default: {
26 | 		avatar: {
27 | 			scope: 'svg.wds-avatar__image'
28 | 		},
29 | 	},
30 | };
31 | 


--------------------------------------------------------------------------------
/tests/pages/components/banner-notifications.js:
--------------------------------------------------------------------------------
 1 | import { collection } from 'ember-cli-page-object';
 2 | import bannerNotification from './banner-notification';
 3 | 
 4 | export default {
 5 | 	scope: '.wds-banner-notification__container',
 6 | 
 7 | 	notifications: collection(bannerNotification.scope, {
 8 | 		icon: bannerNotification.icon,
 9 | 		close: bannerNotification.close
10 | 	}),
11 | };
12 | 


--------------------------------------------------------------------------------
/tests/pages/helpers/attr.js:
--------------------------------------------------------------------------------
1 | import { findElement } from 'ember-cli-page-object/extend';
2 | 
3 | export default function attr(attribute) {
4 | 	return findElement(this).attr(attribute);
5 | }
6 | 


--------------------------------------------------------------------------------
/tests/test-helper.js:
--------------------------------------------------------------------------------
 1 | import Application from '../app';
 2 | import config from '../config/environment';
 3 | import { setApplication } from '@ember/test-helpers';
 4 | import { start } from 'ember-qunit';
 5 | import { useNativeEvents } from 'ember-cli-page-object/extend';
 6 | 
 7 | useNativeEvents();
 8 | 
 9 | setApplication(Application.create(config.APP));
10 | 
11 | start();
12 | 


--------------------------------------------------------------------------------
/tests/unit/models/wds-on-site-notifications/wds-on-site-notifications-test.js:
--------------------------------------------------------------------------------
 1 | import { module, skip } from 'qunit';
 2 | import { setupTest } from 'ember-qunit';
 3 | 
 4 | module(
 5 | 	'Unit | Service | wds-on-site-notifications/wds-on-site-notifications',
 6 | 	function(hooks) {
 7 | 		setupTest(hooks);
 8 | 
 9 | 		skip('it exists', function(assert) {
10 | 			assert.ok();
11 | 		});
12 | 	},
13 | );
14 | 


--------------------------------------------------------------------------------
/tests/unit/services/wds-on-site-notifications-test.js:
--------------------------------------------------------------------------------
 1 | import { module, test } from 'qunit';
 2 | import { setupTest } from 'ember-qunit';
 3 | 
 4 | module('Unit | Service | wds-on-site-notifications', function(hooks) {
 5 | 	setupTest(hooks);
 6 | 
 7 | 	// Replace this with your real tests.
 8 | 	test('it exists', function(assert) {
 9 | 		let service = this.owner.lookup('service:wds-on-site-notifications');
10 | 		assert.ok(service);
11 | 	});
12 | });
13 | 


--------------------------------------------------------------------------------
/vendor/inline-scripts/tracking-queue-stub.js:
--------------------------------------------------------------------------------
1 | window.M = window.M || {};
2 | 
3 | window.M.trackingQueue = window.M.trackingQueue || {
4 | 	push(callback) {
5 | 		callback(true);
6 | 	}
7 | };
8 | 


--------------------------------------------------------------------------------
/vendor/polyfills.js:
--------------------------------------------------------------------------------
 1 | if (window && window.Element) {
 2 | 	if (!Element.prototype.matches) {
 3 | 		Element.prototype.matches = Element.prototype.msMatchesSelector;
 4 | 	}
 5 | 
 6 | 
 7 | 	if (!Element.prototype.closest) {
 8 | 		Element.prototype.closest = function (selector) {
 9 | 			var element = this;
10 | 
11 | 			if (!document.documentElement.contains(element)) {
12 | 				return null;
13 | 			}
14 | 			do {
15 | 				if (element.matches(selector)) {
16 | 					return element;
17 | 				}
18 | 				element = element.parentElement || element.parentNode;
19 | 			} while (element !== null && element.nodeType === 1);
20 | 
21 | 			return null;
22 | 		};
23 | 	}
24 | }
25 | 


--------------------------------------------------------------------------------