From 58c22b7465fb5e6280213dcb3b959a1f99adc099 Mon Sep 17 00:00:00 2001
From: Callin Mullaney <57088-callinmullaney@users.noreply.drupalcode.org>
Date: Wed, 7 May 2025 16:53:57 -0500
Subject: [PATCH 01/55] feat: remove old/deprecated files
---
.browserslistrc | 7 -
.editorconfig | 5 -
.eslintrc.yml | 35 ---
.github/workflows/addtoprojects.yml | 21 --
.github/workflows/contributors.yml | 23 --
.gitignore | 27 --
.npmrc | 1 -
.nvmrc | 1 -
.prettierignore | 5 -
.storybook/_attach.js | 27 --
.storybook/emulsifyTheme.js | 12 -
.storybook/main.js | 8 -
.storybook/manager.js | 7 -
.storybook/preview-head.html | 5 -
.storybook/preview.js | 18 --
.storybook/setupTwig.js | 30 --
.storybook/webpack.config.js | 76 ------
.stylelintrc | 21 --
.travis.yml | 22 --
404.php | 13 -
LICENSE | 7 -
README.md | 53 ----
a11y.config.js | 62 -----
archive.php | 40 ---
author.php | 21 --
babel.config.js | 19 --
bin/install-wp-tests.sh | 152 -----------
.../00-base/00-defaults/_01-variables.scss | 39 ---
.../00-base/00-defaults/_02-breakpoints.scss | 68 -----
.../00-base/00-defaults/_03-mixins.scss | 68 -----
.../00-base/01-colors/_00-color-vars.scss | 23 --
.../00-base/01-colors/_01-colors-used.scss | 98 -------
.../_02-colors-component-library.scss | 56 ----
.../00-base/01-colors/colors.stories.js | 14 -
components/00-base/01-colors/colors.twig | 27 --
components/00-base/01-colors/colors.yml | 30 --
components/00-base/02-motion/_motion.scss | 118 --------
.../00-base/02-motion/motion.stories.js | 18 --
components/00-base/02-motion/motion.twig | 11 -
components/00-base/02-motion/motion.yml | 5 -
components/00-base/03-site/_base.scss | 31 ---
components/01-atoms/buttons/_buttons.scss | 100 -------
.../01-atoms/buttons/buttons.stories.js | 29 --
.../buttons/react/Button.component.js | 32 ---
.../01-atoms/buttons/twig/button-alt.yml | 4 -
.../01-atoms/buttons/twig/button-alt2.yml | 4 -
components/01-atoms/buttons/twig/button.twig | 22 --
components/01-atoms/buttons/twig/button.yml | 2 -
.../forms/checkbox/_checkbox-item.twig | 5 -
.../01-atoms/forms/checkbox/_checkbox.scss | 4 -
.../01-atoms/forms/checkbox/checkbox.twig | 15 -
.../01-atoms/forms/checkbox/checkbox.yml | 6 -
components/01-atoms/forms/forms.stories.js | 28 --
.../01-atoms/forms/radio/_radio-item.twig | 5 -
components/01-atoms/forms/radio/_radio.scss | 4 -
components/01-atoms/forms/radio/radio.twig | 15 -
components/01-atoms/forms/radio/radio.yml | 6 -
.../01-atoms/forms/select/_select-item.twig | 1 -
components/01-atoms/forms/select/_select.scss | 72 -----
components/01-atoms/forms/select/select.twig | 18 --
components/01-atoms/forms/select/select.yml | 6 -
.../forms/textfields/_textfields.scss | 47 ----
.../01-atoms/forms/textfields/textfields.twig | 37 ---
components/01-atoms/images/icons/_icon.twig | 43 ---
components/01-atoms/images/icons/_icons.scss | 26 --
components/01-atoms/images/icons/icons.md | 45 ---
components/01-atoms/images/icons/icons.twig | 15 -
.../01-atoms/images/icons/svgxuse.min.js | 12 -
components/01-atoms/images/image/_image.scss | 18 --
components/01-atoms/images/image/_image.twig | 18 --
.../01-atoms/images/image/_picture.twig | 21 --
components/01-atoms/images/image/figure.twig | 24 --
components/01-atoms/images/image/figure.yml | 5 -
components/01-atoms/images/image/image.yml | 5 -
.../images/image/responsive-image.twig | 32 ---
components/01-atoms/images/images.stories.js | 34 ---
components/01-atoms/links/link/_link.scss | 11 -
components/01-atoms/links/link/link.twig | 28 --
components/01-atoms/links/link/link.yml | 4 -
.../01-atoms/links/link/links.stories.js | 14 -
.../01-atoms/lists/_list-item-definition.twig | 5 -
components/01-atoms/lists/_list-item.twig | 22 --
components/01-atoms/lists/_lists.scss | 32 ---
components/01-atoms/lists/dl.twig | 28 --
components/01-atoms/lists/dl.yml | 9 -
components/01-atoms/lists/lists.stories.js | 24 --
components/01-atoms/lists/ol.twig | 26 --
components/01-atoms/lists/ol.yml | 6 -
components/01-atoms/lists/ul.twig | 26 --
components/01-atoms/lists/ul.yml | 6 -
components/01-atoms/tables/_tables.scss | 94 -------
components/01-atoms/tables/tables.stories.js | 12 -
components/01-atoms/tables/tables.twig | 40 ---
.../01-atoms/text/headings/_heading.twig | 34 ---
.../01-atoms/text/headings/_headings.scss | 195 -------------
.../01-atoms/text/headings/headings.twig | 11 -
components/01-atoms/text/text.stories.js | 26 --
.../01-atoms/text/text/01-paragraph.twig | 20 --
.../01-atoms/text/text/02-blockquote.twig | 23 --
.../text/text/03-inline-elements.twig | 45 ---
components/01-atoms/text/text/05-pre.twig | 15 -
components/01-atoms/text/text/06-hr.twig | 1 -
components/01-atoms/text/text/_text.scss | 39 ---
components/01-atoms/text/text/blockquote.yml | 1 -
components/01-atoms/video/_video.scss | 20 --
components/01-atoms/video/video-full.yml | 3 -
components/01-atoms/video/video.twig | 23 --
components/01-atoms/video/video.yml | 1 -
components/01-atoms/video/videos.stories.js | 18 --
components/02-molecules/card/_card.scss | 35 ---
components/02-molecules/card/card-bg.yml | 2 -
components/02-molecules/card/card.twig | 115 --------
components/02-molecules/card/card.yml | 8 -
components/02-molecules/card/cards.stories.js | 20 --
components/02-molecules/cta/_cta.scss | 6 -
components/02-molecules/cta/cta.twig | 7 -
components/02-molecules/cta/cta.yml | 2 -
components/02-molecules/cta/ctas.stories.js | 14 -
components/02-molecules/menus/_menu-item.twig | 37 ---
components/02-molecules/menus/_menu-list.twig | 15 -
components/02-molecules/menus/_menu.twig | 46 ----
.../menus/breadcrumbs/_breadcrumbs.scss | 41 ---
.../menus/breadcrumbs/breadcrumbs.twig | 27 --
.../menus/breadcrumbs/breadcrumbs.yml | 6 -
.../menus/inline/_inline-menu.scss | 26 --
.../menus/inline/inline-menu.twig | 4 -
.../02-molecules/menus/inline/inline-menu.yml | 7 -
.../menus/main-menu/_00-main-menu.scss | 93 -------
.../menus/main-menu/_01-main-menu-item.scss | 85 ------
.../menus/main-menu/_02-main-menu-link.scss | 74 -----
.../menus/main-menu/_03-main-menu-toggle.scss | 61 -----
.../02-molecules/menus/main-menu/main-menu.js | 27 --
.../menus/main-menu/main-menu.twig | 25 --
.../menus/main-menu/main-menu.yml | 38 ---
.../02-molecules/menus/menus.stories.js | 33 ---
.../menus/social/_social-menu-item.twig | 8 -
.../menus/social/_social-menu-link.twig | 13 -
.../menus/social/_social-menu.scss | 26 --
.../menus/social/social-menu.twig | 13 -
.../02-molecules/menus/social/social-menu.yml | 10 -
components/02-molecules/pager/_pager.scss | 75 -----
components/02-molecules/pager/pager-both.yml | 16 --
components/02-molecules/pager/pager-prev.yml | 13 -
.../02-molecules/pager/pager.stories.js | 31 ---
components/02-molecules/pager/pager.twig | 71 -----
components/02-molecules/pager/pager.yml | 13 -
components/02-molecules/status/_status.scss | 27 --
.../02-molecules/status/status.stories.js | 14 -
components/02-molecules/status/status.twig | 42 ---
components/02-molecules/status/status.yml | 7 -
components/02-molecules/tabs/_tab.scss | 44 ---
components/02-molecules/tabs/_tab.twig | 32 ---
components/02-molecules/tabs/_tabs.scss | 41 ---
components/02-molecules/tabs/tabs.js | 56 ----
components/02-molecules/tabs/tabs.stories.js | 18 --
components/02-molecules/tabs/tabs.twig | 45 ---
components/02-molecules/tabs/tabs.yml | 7 -
.../03-organisms/grid/_grid-examples.twig | 23 --
components/03-organisms/grid/_grid-item.scss | 23 --
components/03-organisms/grid/_grid.scss | 12 -
components/03-organisms/grid/grid-cards.yml | 24 --
components/03-organisms/grid/grid-ctas.yml | 9 -
components/03-organisms/grid/grid.twig | 27 --
components/03-organisms/grid/grid.yml | 6 -
components/03-organisms/grid/grids.stories.js | 26 --
.../site/site-footer/_site-footer.scss | 33 ---
.../site/site-footer/site-footer.twig | 17 --
.../site-header/_site-header-branding.twig | 12 -
.../site/site-header/_site-header.scss | 22 --
.../site/site-header/site-header.twig | 26 --
components/03-organisms/site/site.stories.js | 38 ---
components/04-templates/_default.scss | 73 -----
components/04-templates/_default.twig | 44 ---
components/04-templates/_html-header.twig | 15 -
components/04-templates/full-width.twig | 6 -
components/04-templates/layouts.stories.js | 28 --
.../placeholder/_place-holder.scss | 17 --
.../placeholder/place-holder.stories.js | 12 -
.../placeholder/place-holder.twig | 7 -
components/04-templates/with-sidebar.twig | 13 -
.../05-pages/content-types/article.twig | 55 ----
.../content-types/content-types.stories.js | 34 ---
components/05-pages/landing-pages/home.twig | 50 ----
.../landing-pages/landing-pages.stories.js | 35 ---
components/style.scss | 10 -
composer.json | 35 ---
footer.php | 21 --
functions.php | 4 -
header.php | 15 -
images/icons/facebook.svg | 1 -
images/icons/instagram.svg | 1 -
images/icons/menu.svg | 1 -
images/icons/twitter.svg | 1 -
images/logo.png | Bin 335111 -> 0 bytes
inc/setup.php | 257 ------------------
index.php | 23 --
package.json | 80 ------
page.php | 28 --
phpunit.xml | 20 --
postcss.config.js | 7 -
prettier.config.js | 4 -
screenshot.png | Bin 386624 -> 0 bytes
scripts/a11y.js | 89 ------
scripts/a11y.test.js | 157 -----------
search.php | 18 --
sidebar.php | 9 -
single.php | 20 --
static/no-timber.html | 10 -
static/site.js | 5 -
style.css | 15 -
templates/404.twig | 5 -
templates/archive.twig | 9 -
templates/author.twig | 7 -
templates/comment-form.twig | 28 --
templates/comment.twig | 21 --
templates/index.twig | 9 -
templates/menu.twig | 10 -
templates/page-plugin.twig | 7 -
templates/page.twig | 14 -
templates/partial/pagination.twig | 1 -
templates/search.twig | 13 -
templates/sidebar.twig | 1 -
templates/single-password.twig | 9 -
templates/single.twig | 45 ---
templates/tease-post.twig | 13 -
templates/tease.twig | 13 -
tests/bootstrap.php | 22 --
tests/test-timber-starter-theme.php | 55 ----
webpack/.stylelintrc | 24 --
webpack/app.js | 1 -
webpack/css.js | 1 -
webpack/loaders.js | 61 -----
webpack/plugins.js | 41 ---
webpack/svgSprite.js | 5 -
webpack/webpack.common.js | 54 ----
webpack/webpack.dev.js | 7 -
webpack/webpack.prod.js | 6 -
237 files changed, 6422 deletions(-)
delete mode 100644 .browserslistrc
delete mode 100644 .editorconfig
delete mode 100644 .eslintrc.yml
delete mode 100644 .github/workflows/addtoprojects.yml
delete mode 100644 .github/workflows/contributors.yml
delete mode 100644 .gitignore
delete mode 100644 .npmrc
delete mode 100644 .nvmrc
delete mode 100644 .prettierignore
delete mode 100644 .storybook/_attach.js
delete mode 100644 .storybook/emulsifyTheme.js
delete mode 100644 .storybook/main.js
delete mode 100644 .storybook/manager.js
delete mode 100644 .storybook/preview-head.html
delete mode 100644 .storybook/preview.js
delete mode 100644 .storybook/setupTwig.js
delete mode 100644 .storybook/webpack.config.js
delete mode 100644 .stylelintrc
delete mode 100644 .travis.yml
delete mode 100755 404.php
delete mode 100755 LICENSE
delete mode 100644 README.md
delete mode 100644 a11y.config.js
delete mode 100755 archive.php
delete mode 100755 author.php
delete mode 100644 babel.config.js
delete mode 100644 bin/install-wp-tests.sh
delete mode 100644 components/00-base/00-defaults/_01-variables.scss
delete mode 100644 components/00-base/00-defaults/_02-breakpoints.scss
delete mode 100644 components/00-base/00-defaults/_03-mixins.scss
delete mode 100644 components/00-base/01-colors/_00-color-vars.scss
delete mode 100644 components/00-base/01-colors/_01-colors-used.scss
delete mode 100644 components/00-base/01-colors/_02-colors-component-library.scss
delete mode 100644 components/00-base/01-colors/colors.stories.js
delete mode 100644 components/00-base/01-colors/colors.twig
delete mode 100644 components/00-base/01-colors/colors.yml
delete mode 100644 components/00-base/02-motion/_motion.scss
delete mode 100644 components/00-base/02-motion/motion.stories.js
delete mode 100644 components/00-base/02-motion/motion.twig
delete mode 100644 components/00-base/02-motion/motion.yml
delete mode 100644 components/00-base/03-site/_base.scss
delete mode 100644 components/01-atoms/buttons/_buttons.scss
delete mode 100644 components/01-atoms/buttons/buttons.stories.js
delete mode 100644 components/01-atoms/buttons/react/Button.component.js
delete mode 100644 components/01-atoms/buttons/twig/button-alt.yml
delete mode 100644 components/01-atoms/buttons/twig/button-alt2.yml
delete mode 100644 components/01-atoms/buttons/twig/button.twig
delete mode 100644 components/01-atoms/buttons/twig/button.yml
delete mode 100644 components/01-atoms/forms/checkbox/_checkbox-item.twig
delete mode 100644 components/01-atoms/forms/checkbox/_checkbox.scss
delete mode 100644 components/01-atoms/forms/checkbox/checkbox.twig
delete mode 100644 components/01-atoms/forms/checkbox/checkbox.yml
delete mode 100644 components/01-atoms/forms/forms.stories.js
delete mode 100644 components/01-atoms/forms/radio/_radio-item.twig
delete mode 100644 components/01-atoms/forms/radio/_radio.scss
delete mode 100644 components/01-atoms/forms/radio/radio.twig
delete mode 100644 components/01-atoms/forms/radio/radio.yml
delete mode 100644 components/01-atoms/forms/select/_select-item.twig
delete mode 100644 components/01-atoms/forms/select/_select.scss
delete mode 100644 components/01-atoms/forms/select/select.twig
delete mode 100644 components/01-atoms/forms/select/select.yml
delete mode 100644 components/01-atoms/forms/textfields/_textfields.scss
delete mode 100644 components/01-atoms/forms/textfields/textfields.twig
delete mode 100644 components/01-atoms/images/icons/_icon.twig
delete mode 100644 components/01-atoms/images/icons/_icons.scss
delete mode 100644 components/01-atoms/images/icons/icons.md
delete mode 100644 components/01-atoms/images/icons/icons.twig
delete mode 100644 components/01-atoms/images/icons/svgxuse.min.js
delete mode 100644 components/01-atoms/images/image/_image.scss
delete mode 100644 components/01-atoms/images/image/_image.twig
delete mode 100644 components/01-atoms/images/image/_picture.twig
delete mode 100644 components/01-atoms/images/image/figure.twig
delete mode 100644 components/01-atoms/images/image/figure.yml
delete mode 100644 components/01-atoms/images/image/image.yml
delete mode 100644 components/01-atoms/images/image/responsive-image.twig
delete mode 100644 components/01-atoms/images/images.stories.js
delete mode 100644 components/01-atoms/links/link/_link.scss
delete mode 100644 components/01-atoms/links/link/link.twig
delete mode 100644 components/01-atoms/links/link/link.yml
delete mode 100644 components/01-atoms/links/link/links.stories.js
delete mode 100644 components/01-atoms/lists/_list-item-definition.twig
delete mode 100644 components/01-atoms/lists/_list-item.twig
delete mode 100644 components/01-atoms/lists/_lists.scss
delete mode 100644 components/01-atoms/lists/dl.twig
delete mode 100644 components/01-atoms/lists/dl.yml
delete mode 100644 components/01-atoms/lists/lists.stories.js
delete mode 100644 components/01-atoms/lists/ol.twig
delete mode 100644 components/01-atoms/lists/ol.yml
delete mode 100644 components/01-atoms/lists/ul.twig
delete mode 100644 components/01-atoms/lists/ul.yml
delete mode 100644 components/01-atoms/tables/_tables.scss
delete mode 100644 components/01-atoms/tables/tables.stories.js
delete mode 100644 components/01-atoms/tables/tables.twig
delete mode 100644 components/01-atoms/text/headings/_heading.twig
delete mode 100644 components/01-atoms/text/headings/_headings.scss
delete mode 100644 components/01-atoms/text/headings/headings.twig
delete mode 100644 components/01-atoms/text/text.stories.js
delete mode 100644 components/01-atoms/text/text/01-paragraph.twig
delete mode 100644 components/01-atoms/text/text/02-blockquote.twig
delete mode 100644 components/01-atoms/text/text/03-inline-elements.twig
delete mode 100644 components/01-atoms/text/text/05-pre.twig
delete mode 100644 components/01-atoms/text/text/06-hr.twig
delete mode 100644 components/01-atoms/text/text/_text.scss
delete mode 100644 components/01-atoms/text/text/blockquote.yml
delete mode 100644 components/01-atoms/video/_video.scss
delete mode 100644 components/01-atoms/video/video-full.yml
delete mode 100644 components/01-atoms/video/video.twig
delete mode 100644 components/01-atoms/video/video.yml
delete mode 100644 components/01-atoms/video/videos.stories.js
delete mode 100644 components/02-molecules/card/_card.scss
delete mode 100644 components/02-molecules/card/card-bg.yml
delete mode 100644 components/02-molecules/card/card.twig
delete mode 100644 components/02-molecules/card/card.yml
delete mode 100644 components/02-molecules/card/cards.stories.js
delete mode 100644 components/02-molecules/cta/_cta.scss
delete mode 100644 components/02-molecules/cta/cta.twig
delete mode 100644 components/02-molecules/cta/cta.yml
delete mode 100644 components/02-molecules/cta/ctas.stories.js
delete mode 100644 components/02-molecules/menus/_menu-item.twig
delete mode 100644 components/02-molecules/menus/_menu-list.twig
delete mode 100644 components/02-molecules/menus/_menu.twig
delete mode 100644 components/02-molecules/menus/breadcrumbs/_breadcrumbs.scss
delete mode 100644 components/02-molecules/menus/breadcrumbs/breadcrumbs.twig
delete mode 100644 components/02-molecules/menus/breadcrumbs/breadcrumbs.yml
delete mode 100644 components/02-molecules/menus/inline/_inline-menu.scss
delete mode 100644 components/02-molecules/menus/inline/inline-menu.twig
delete mode 100644 components/02-molecules/menus/inline/inline-menu.yml
delete mode 100644 components/02-molecules/menus/main-menu/_00-main-menu.scss
delete mode 100644 components/02-molecules/menus/main-menu/_01-main-menu-item.scss
delete mode 100644 components/02-molecules/menus/main-menu/_02-main-menu-link.scss
delete mode 100644 components/02-molecules/menus/main-menu/_03-main-menu-toggle.scss
delete mode 100644 components/02-molecules/menus/main-menu/main-menu.js
delete mode 100644 components/02-molecules/menus/main-menu/main-menu.twig
delete mode 100644 components/02-molecules/menus/main-menu/main-menu.yml
delete mode 100644 components/02-molecules/menus/menus.stories.js
delete mode 100644 components/02-molecules/menus/social/_social-menu-item.twig
delete mode 100644 components/02-molecules/menus/social/_social-menu-link.twig
delete mode 100644 components/02-molecules/menus/social/_social-menu.scss
delete mode 100644 components/02-molecules/menus/social/social-menu.twig
delete mode 100644 components/02-molecules/menus/social/social-menu.yml
delete mode 100644 components/02-molecules/pager/_pager.scss
delete mode 100644 components/02-molecules/pager/pager-both.yml
delete mode 100644 components/02-molecules/pager/pager-prev.yml
delete mode 100644 components/02-molecules/pager/pager.stories.js
delete mode 100644 components/02-molecules/pager/pager.twig
delete mode 100644 components/02-molecules/pager/pager.yml
delete mode 100644 components/02-molecules/status/_status.scss
delete mode 100644 components/02-molecules/status/status.stories.js
delete mode 100644 components/02-molecules/status/status.twig
delete mode 100644 components/02-molecules/status/status.yml
delete mode 100644 components/02-molecules/tabs/_tab.scss
delete mode 100644 components/02-molecules/tabs/_tab.twig
delete mode 100644 components/02-molecules/tabs/_tabs.scss
delete mode 100644 components/02-molecules/tabs/tabs.js
delete mode 100644 components/02-molecules/tabs/tabs.stories.js
delete mode 100644 components/02-molecules/tabs/tabs.twig
delete mode 100644 components/02-molecules/tabs/tabs.yml
delete mode 100644 components/03-organisms/grid/_grid-examples.twig
delete mode 100644 components/03-organisms/grid/_grid-item.scss
delete mode 100644 components/03-organisms/grid/_grid.scss
delete mode 100644 components/03-organisms/grid/grid-cards.yml
delete mode 100644 components/03-organisms/grid/grid-ctas.yml
delete mode 100644 components/03-organisms/grid/grid.twig
delete mode 100644 components/03-organisms/grid/grid.yml
delete mode 100644 components/03-organisms/grid/grids.stories.js
delete mode 100644 components/03-organisms/site/site-footer/_site-footer.scss
delete mode 100644 components/03-organisms/site/site-footer/site-footer.twig
delete mode 100644 components/03-organisms/site/site-header/_site-header-branding.twig
delete mode 100644 components/03-organisms/site/site-header/_site-header.scss
delete mode 100644 components/03-organisms/site/site-header/site-header.twig
delete mode 100644 components/03-organisms/site/site.stories.js
delete mode 100644 components/04-templates/_default.scss
delete mode 100644 components/04-templates/_default.twig
delete mode 100644 components/04-templates/_html-header.twig
delete mode 100644 components/04-templates/full-width.twig
delete mode 100644 components/04-templates/layouts.stories.js
delete mode 100644 components/04-templates/placeholder/_place-holder.scss
delete mode 100644 components/04-templates/placeholder/place-holder.stories.js
delete mode 100644 components/04-templates/placeholder/place-holder.twig
delete mode 100644 components/04-templates/with-sidebar.twig
delete mode 100644 components/05-pages/content-types/article.twig
delete mode 100644 components/05-pages/content-types/content-types.stories.js
delete mode 100644 components/05-pages/landing-pages/home.twig
delete mode 100644 components/05-pages/landing-pages/landing-pages.stories.js
delete mode 100644 components/style.scss
delete mode 100644 composer.json
delete mode 100644 footer.php
delete mode 100644 functions.php
delete mode 100644 header.php
delete mode 100644 images/icons/facebook.svg
delete mode 100644 images/icons/instagram.svg
delete mode 100755 images/icons/menu.svg
delete mode 100755 images/icons/twitter.svg
delete mode 100644 images/logo.png
delete mode 100644 inc/setup.php
delete mode 100755 index.php
delete mode 100644 package.json
delete mode 100755 page.php
delete mode 100644 phpunit.xml
delete mode 100644 postcss.config.js
delete mode 100644 prettier.config.js
delete mode 100644 screenshot.png
delete mode 100755 scripts/a11y.js
delete mode 100644 scripts/a11y.test.js
delete mode 100755 search.php
delete mode 100644 sidebar.php
delete mode 100755 single.php
delete mode 100644 static/no-timber.html
delete mode 100755 static/site.js
delete mode 100644 style.css
delete mode 100644 templates/404.twig
delete mode 100644 templates/archive.twig
delete mode 100644 templates/author.twig
delete mode 100644 templates/comment-form.twig
delete mode 100644 templates/comment.twig
delete mode 100644 templates/index.twig
delete mode 100644 templates/menu.twig
delete mode 100644 templates/page-plugin.twig
delete mode 100644 templates/page.twig
delete mode 100644 templates/partial/pagination.twig
delete mode 100644 templates/search.twig
delete mode 100644 templates/sidebar.twig
delete mode 100644 templates/single-password.twig
delete mode 100644 templates/single.twig
delete mode 100644 templates/tease-post.twig
delete mode 100644 templates/tease.twig
delete mode 100644 tests/bootstrap.php
delete mode 100644 tests/test-timber-starter-theme.php
delete mode 100644 webpack/.stylelintrc
delete mode 100644 webpack/app.js
delete mode 100644 webpack/css.js
delete mode 100644 webpack/loaders.js
delete mode 100644 webpack/plugins.js
delete mode 100644 webpack/svgSprite.js
delete mode 100644 webpack/webpack.common.js
delete mode 100644 webpack/webpack.dev.js
delete mode 100644 webpack/webpack.prod.js
diff --git a/.browserslistrc b/.browserslistrc
deleted file mode 100644
index 0a3af40..0000000
--- a/.browserslistrc
+++ /dev/null
@@ -1,7 +0,0 @@
-# Browsers that we support
-
-last 1 version
-> 1%
-maintained node versions
-not dead
-ie 11
diff --git a/.editorconfig b/.editorconfig
deleted file mode 100644
index cf0dff6..0000000
--- a/.editorconfig
+++ /dev/null
@@ -1,5 +0,0 @@
-# Unix-style newlines with a newline ending every file
-[*]
-indent_style = space
-indent_size = 2
-insert_final_newline = true
diff --git a/.eslintrc.yml b/.eslintrc.yml
deleted file mode 100644
index d780b54..0000000
--- a/.eslintrc.yml
+++ /dev/null
@@ -1,35 +0,0 @@
-extends:
- - airbnb
- - prettier
- - plugin:prettier/recommended
-plugins:
- - react
- - prettier
-env:
- es6: true
- browser: true
-globals:
- expect: true
- it: true
- describe: true
- Attach: true
-parser: babel-eslint
-rules:
- strict: 0
- react/jsx-filename-extension: [1, { 'extensions': ['.js', '.jsx'] }]
- import/no-extraneous-dependencies: 0
- react/prefer-stateless-function: 0
- prettier/prettier: error
- jsx-a11y/label-has-for:
- - 2
- - required:
- some:
- - nesting
- - id
-ignorePatterns:
- - '**/*.min.js'
-overrides:
- - files:
- - '*.stories.js'
- rules:
- react/no-danger: 0
diff --git a/.github/workflows/addtoprojects.yml b/.github/workflows/addtoprojects.yml
deleted file mode 100644
index 7bebb51..0000000
--- a/.github/workflows/addtoprojects.yml
+++ /dev/null
@@ -1,21 +0,0 @@
-name: Add to projects
-
-on:
- issues:
- types:
- - opened
- pull_request:
- types:
- - opened
-
-jobs:
- add-to-project:
- name: Add issue to project
- runs-on: ubuntu-latest
- steps:
- - uses: actions/add-to-project@v0.3.0
- with:
- # You can target a repository in a different organization
- # to the issue
- project-url: https://github.com/orgs/emulsify-ds/projects/6
- github-token: ${{ secrets.ADD_TO_PROJECT_PAT }}
diff --git a/.github/workflows/contributors.yml b/.github/workflows/contributors.yml
deleted file mode 100644
index c74d157..0000000
--- a/.github/workflows/contributors.yml
+++ /dev/null
@@ -1,23 +0,0 @@
-name: Add contributors
-on:
- schedule:
- - cron: "20 20 * * *"
- push:
- branches:
- - master
-
-jobs:
- add-contributors:
- runs-on: ubuntu-latest
- steps:
- - uses: actions/checkout@v2
- - uses: BobAnkh/add-contributors@master
- with:
- CONTRIBUTOR: "### Contributors"
- COLUMN_PER_ROW: "6"
- ACCESS_TOKEN: ${{secrets.ADD_TO_PROJECT_PAT}}
- IMG_WIDTH: "100"
- FONT_SIZE: "14"
- PATH: "/README.md"
- COMMIT_MESSAGE: "docs(README): update contributors"
- AVATAR_SHAPE: "round"
diff --git a/.gitignore b/.gitignore
deleted file mode 100644
index d7fd7a1..0000000
--- a/.gitignore
+++ /dev/null
@@ -1,27 +0,0 @@
-wp-content
-
-# Ignore compiled files.
-dist
-
-# Yarn/NPM
-node_modules/
-yarn.lock
-yarn-error.log
-
-# Storybook
-.out
-
-# Gatsby
-.gatsby-context.js
-public
-.cache/
-
-# System
-.DS_Store
-
-# Git deploy
-.publish
-
-# Composer
-composer.lock
-/vendor/
diff --git a/.npmrc b/.npmrc
deleted file mode 100644
index 5fca0d5..0000000
--- a/.npmrc
+++ /dev/null
@@ -1 +0,0 @@
-scripts-prepend-node-path=true
diff --git a/.nvmrc b/.nvmrc
deleted file mode 100644
index 958b5a3..0000000
--- a/.nvmrc
+++ /dev/null
@@ -1 +0,0 @@
-v14
diff --git a/.prettierignore b/.prettierignore
deleted file mode 100644
index b97d4b2..0000000
--- a/.prettierignore
+++ /dev/null
@@ -1,5 +0,0 @@
-dist
-.out
-.coverage
-node_modules
-*.min.js
\ No newline at end of file
diff --git a/.storybook/_attach.js b/.storybook/_attach.js
deleted file mode 100644
index 9d54bcb..0000000
--- a/.storybook/_attach.js
+++ /dev/null
@@ -1,27 +0,0 @@
-// Simple Attach.behaviors usage for Storybook
-
-window.Attach = { behaviors: {} };
-
-(function(Attach) {
- Attach.throwError = function(error) {
- setTimeout(function() {
- throw error;
- }, 0);
- };
-
- Attach.attachBehaviors = function(context, settings) {
- context = context || document;
- settings = settings;
- const behaviors = Attach.behaviors;
-
- Object.keys(behaviors).forEach(function(i) {
- if (typeof behaviors[i].attach === 'function') {
- try {
- behaviors[i].attach(context, settings);
- } catch (e) {
- Attach.throwError(e);
- }
- }
- });
- };
-})(Attach);
diff --git a/.storybook/emulsifyTheme.js b/.storybook/emulsifyTheme.js
deleted file mode 100644
index f6d12a8..0000000
--- a/.storybook/emulsifyTheme.js
+++ /dev/null
@@ -1,12 +0,0 @@
-// Documentation on theming Storybook: https://storybook.js.org/docs/configurations/theming/
-
-import { create } from '@storybook/theming';
-
-export default create({
- base: 'light',
- // Branding
- brandTitle: 'Emulsify',
- brandUrl: 'https://emulsify.info',
- brandImage:
- 'https://raw.githubusercontent.com/emulsify-ds/emulsify-design-system/master/images/logo.png',
-});
diff --git a/.storybook/main.js b/.storybook/main.js
deleted file mode 100644
index 45ac09f..0000000
--- a/.storybook/main.js
+++ /dev/null
@@ -1,8 +0,0 @@
-module.exports = {
- stories: ['../components/**/*.stories.js'],
- addons: [
- '@storybook/addon-a11y',
- '@storybook/addon-actions/register',
- '@storybook/addon-links/register',
- ],
-};
diff --git a/.storybook/manager.js b/.storybook/manager.js
deleted file mode 100644
index 7010e25..0000000
--- a/.storybook/manager.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { addons } from '@storybook/addons';
-
-import emulsifyTheme from './emulsifyTheme';
-
-addons.setConfig({
- theme: emulsifyTheme,
-});
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
deleted file mode 100644
index ec63390..0000000
--- a/.storybook/preview-head.html
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
diff --git a/.storybook/preview.js b/.storybook/preview.js
deleted file mode 100644
index 2e7e438..0000000
--- a/.storybook/preview.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { addDecorator } from '@storybook/react';
-import { useEffect } from '@storybook/client-api';
-import Twig from 'twig';
-import { setupTwig } from './setupTwig';
-
-// GLOBAL CSS
-import '../components/style.scss';
-
-// Script to "attach" DOM scripts for Storybook.
-import './_attach.js';
-
-// addDecorator deprecated, but not sure how to use this otherwise.
-addDecorator((storyFn) => {
- useEffect(() => Attach.attachBehaviors(), []);
- return storyFn();
-});
-
-setupTwig(Twig);
diff --git a/.storybook/setupTwig.js b/.storybook/setupTwig.js
deleted file mode 100644
index 1056922..0000000
--- a/.storybook/setupTwig.js
+++ /dev/null
@@ -1,30 +0,0 @@
-const { resolve } = require('path');
-const twigBEM = require('bem-twig-extension');
-const twigAddAttributes = require('add-attributes-twig-extension');
-
-module.exports.namespaces = {
- atoms: resolve(__dirname, '../', 'components/01-atoms'),
- molecules: resolve(__dirname, '../', 'components/02-molecules'),
- organisms: resolve(__dirname, '../', 'components/03-organisms'),
- templates: resolve(__dirname, '../', 'components/04-templates'),
-};
-
-/**
- * Configures and extends a standard twig object.
- *
- * @param {Twig} twig - twig object that should be configured and extended.
- *
- * @returns {Twig} configured twig object.
- */
-module.exports.setupTwig = function setupTwig(twig) {
- twig.cache();
- twig.extendFunction("function", function() {
- return "";
- });
- twig.extendFunction("_e", function() {
- return "";
- });
- twigBEM(twig);
- twigAddAttributes(twig);
- return twig;
-};
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
deleted file mode 100644
index 7b540b3..0000000
--- a/.storybook/webpack.config.js
+++ /dev/null
@@ -1,76 +0,0 @@
-const path = require('path');
-const globImporter = require('node-sass-glob-importer');
-const _StyleLintPlugin = require('stylelint-webpack-plugin');
-const { namespaces } = require('./setupTwig');
-
-module.exports = async ({ config }) => {
-
- // Twig
- config.module.rules.push({
- test: /\.twig$/,
- use: [
- {
- loader: 'twig-loader',
- options: {
- twigOptions: {
- namespaces,
- },
- },
- },
- ],
- });
-
- // SCSS
- config.module.rules.push({
- test: /\.s[ac]ss$/i,
- use: [
- 'style-loader',
- {
- loader: 'css-loader',
- options: {
- sourceMap: true,
- },
- },
- {
- loader: 'sass-loader',
- options: {
- sourceMap: true,
- sassOptions: {
- importer: globImporter(),
- },
- },
- },
- ],
- });
-
- config.plugins.push(
- new _StyleLintPlugin({
- configFile: path.resolve(__dirname, '../', 'webpack/.stylelintrc'),
- context: path.resolve(__dirname, '../', 'components'),
- files: '**/*.scss',
- failOnError: false,
- quiet: false,
- }),
- );
-
- // YAML
- config.module.rules.push({
- test: /\.ya?ml$/,
- loader: 'js-yaml-loader',
- });
-
- // JS
- config.module.rules.push({
- test: /\.js$/,
- exclude: /node_modules/,
- loader: 'eslint-loader',
- options: {
- cache: true,
- global: [
- 'Attach'
- ]
- },
- });
-
- return config;
-};
diff --git a/.stylelintrc b/.stylelintrc
deleted file mode 100644
index 948644b..0000000
--- a/.stylelintrc
+++ /dev/null
@@ -1,21 +0,0 @@
-{
- "extends": [
- "stylelint-config-standard",
- "stylelint-config-prettier"
- ],
- "rules": {
- "at-rule-no-unknown": [ true, {
- "ignoreAtRules": [
- "include",
- "mixin",
- "extend",
- "if",
- "each",
- "content",
- "import"
- ]
- }],
- "no-descending-specificity": null,
- "function-calc-no-invalid": null
- }
-}
diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index 0e64c4a..0000000
--- a/.travis.yml
+++ /dev/null
@@ -1,22 +0,0 @@
-sudo: false
-
-dist: xenial
-
-services: mysql
-
-language: php
-
-php:
- - 5.6.30
- - 7.3
-
-env:
- - WP_VERSION=latest WP_MULTISITE=0
- - WP_VERSION=latest WP_MULTISITE=1
-
-before_script:
- - bash bin/install-wp-tests.sh wordpress_test root '' localhost $WP_VERSION
- - composer install
-
-script:
- - vendor/phpunit/phpunit/phpunit
diff --git a/404.php b/404.php
deleted file mode 100755
index e56dea2..0000000
--- a/404.php
+++ /dev/null
@@ -1,13 +0,0 @@
- [!WARNING]
-> Emulsify for WordPress is no longer supported. If you'd like to be a contributor and bring it back to life, [reach out](https://www.emulsify.info/).
-
-# Emulsify Starter Theme
-
-## Installation
-
-### Composer
-- `composer require emulsify-ds/emulsify-wordpress-theme`
-- `cd` into theme; run `yarn setup`
-- Login to WordPress and make Emulsify your active theme.
-
-### Manual
-- Download this repo and put it in your WordPress `themes` folder.
-- `cd` into theme; run `yarn setup`
-- Login to WordPress and make Emulsify your active theme.
-
-### Contributors
-
-
diff --git a/a11y.config.js b/a11y.config.js
deleted file mode 100644
index 0cfbfd0..0000000
--- a/a11y.config.js
+++ /dev/null
@@ -1,62 +0,0 @@
-module.exports = {
- storybookBuildDir: '.out',
- pa11y: {
- includeNotices: false,
- includeWarnings: false,
- runners: ['axe'],
- },
- // A11y linting is done on a component-by-component
- // basis, which results in the linter reporting some errors that
- // should be ignored. These codes and descriptions allow for those
- // errors to be targeted specifically.
- ignore: {
- codes: ['landmark-one-main', 'page-has-heading-one'],
- descriptions: ['Ensures all page content is contained by landmarks'],
- },
- // List of storybook component IDs defined and used in this project.
- components: [
- 'base-colors--palettes',
- 'base-motion--usage',
- 'atoms-button--react',
- 'atoms-button--twig',
- 'atoms-button--twig-alt',
- 'atoms-forms--checkboxes',
- 'atoms-forms--radio-buttons',
- 'atoms-forms--select-dropdowns',
- 'atoms-forms--textfields-examples',
- 'atoms-images--images',
- 'atoms-images--figures',
- 'atoms-images--icons',
- 'atoms-links--links',
- 'atoms-lists--definition-list',
- 'atoms-lists--unordered-list',
- 'atoms-lists--ordered-list',
- 'atoms-tables--table',
- 'atoms-text--headings-examples',
- 'atoms-text--blockquote-example',
- 'atoms-text--preformatted',
- 'atoms-text--random',
- 'atoms-videos--wide',
- 'atoms-videos--full',
- 'molecules-cards--card-example',
- 'molecules-cards--card-with-background',
- 'molecules-cta--cta-example',
- 'molecules-menus--breadcrumbs',
- 'molecules-menus--inline',
- 'molecules-menus--main',
- 'molecules-menus--social',
- 'molecules-menus-pager--pager-example',
- 'molecules-status--status-examples',
- 'molecules-tabs--js-tabs',
- 'organisms-grids--default-grid',
- 'organisms-grids--card-grid',
- 'organisms-grids--cta-grid',
- 'organisms-site--footer',
- 'organisms-site--header',
- 'templates-layouts--full-width',
- 'templates-layouts--with-sidebar',
- 'templates-place-holder--place-holder',
- 'pages-content-types--article',
- 'pages-landing-pages--home',
- ],
-};
diff --git a/archive.php b/archive.php
deleted file mode 100755
index 148512a..0000000
--- a/archive.php
+++ /dev/null
@@ -1,40 +0,0 @@
-query_vars['author'] ) ) {
- $author = new Timber\User( $wp_query->query_vars['author'] );
- $context['author'] = $author;
- $context['title'] = 'Author Archives: ' . $author->name();
-}
-Timber::render( array( 'author.twig', 'archive.twig' ), $context );
diff --git a/babel.config.js b/babel.config.js
deleted file mode 100644
index c04d73d..0000000
--- a/babel.config.js
+++ /dev/null
@@ -1,19 +0,0 @@
-module.exports = (api) => {
- api.cache(true);
-
- const presets = [
- '@babel/preset-react',
- [
- '@babel/preset-env',
- {
- corejs: '3',
- useBuiltIns: 'usage',
- },
- ],
- 'minify',
- ];
-
- const comments = false;
-
- return { presets, comments };
-};
diff --git a/bin/install-wp-tests.sh b/bin/install-wp-tests.sh
deleted file mode 100644
index eba7bb4..0000000
--- a/bin/install-wp-tests.sh
+++ /dev/null
@@ -1,152 +0,0 @@
-#!/usr/bin/env bash
-
-if [ $# -lt 3 ]; then
- echo "usage: $0 [db-host] [wp-version] [skip-database-creation]"
- exit 1
-fi
-
-DB_NAME=$1
-DB_USER=$2
-DB_PASS=$3
-DB_HOST=${4-localhost}
-WP_VERSION=${5-latest}
-SKIP_DB_CREATE=${6-false}
-
-TMPDIR=${TMPDIR-/tmp}
-TMPDIR=$(echo $TMPDIR | sed -e "s/\/$//")
-WP_TESTS_DIR=${WP_TESTS_DIR-$TMPDIR/wordpress-tests-lib}
-WP_CORE_DIR=${WP_CORE_DIR-$TMPDIR/wordpress/}
-
-download() {
- if [ `which curl` ]; then
- curl -s "$1" > "$2";
- elif [ `which wget` ]; then
- wget -nv -O "$2" "$1"
- fi
-}
-
-if [[ $WP_VERSION =~ ^[0-9]+\.[0-9]+$ ]]; then
- WP_TESTS_TAG="branches/$WP_VERSION"
-elif [[ $WP_VERSION =~ [0-9]+\.[0-9]+\.[0-9]+ ]]; then
- if [[ $WP_VERSION =~ [0-9]+\.[0-9]+\.[0] ]]; then
- # version x.x.0 means the first release of the major version, so strip off the .0 and download version x.x
- WP_TESTS_TAG="tags/${WP_VERSION%??}"
- else
- WP_TESTS_TAG="tags/$WP_VERSION"
- fi
-elif [[ $WP_VERSION == 'nightly' || $WP_VERSION == 'trunk' ]]; then
- WP_TESTS_TAG="trunk"
-else
- # http serves a single offer, whereas https serves multiple. we only want one
- download http://api.wordpress.org/core/version-check/1.7/ /tmp/wp-latest.json
- grep '[0-9]+\.[0-9]+(\.[0-9]+)?' /tmp/wp-latest.json
- LATEST_VERSION=$(grep -o '"version":"[^"]*' /tmp/wp-latest.json | sed 's/"version":"//')
- if [[ -z "$LATEST_VERSION" ]]; then
- echo "Latest WordPress version could not be found"
- exit 1
- fi
- WP_TESTS_TAG="tags/$LATEST_VERSION"
-fi
-
-set -ex
-
-install_wp() {
-
- if [ -d $WP_CORE_DIR ]; then
- return;
- fi
-
- mkdir -p $WP_CORE_DIR
-
- if [[ $WP_VERSION == 'nightly' || $WP_VERSION == 'trunk' ]]; then
- mkdir -p $TMPDIR/wordpress-nightly
- download https://wordpress.org/nightly-builds/wordpress-latest.zip $TMPDIR/wordpress-nightly/wordpress-nightly.zip
- unzip -q $TMPDIR/wordpress-nightly/wordpress-nightly.zip -d $TMPDIR/wordpress-nightly/
- mv $TMPDIR/wordpress-nightly/wordpress/* $WP_CORE_DIR
- else
- if [ $WP_VERSION == 'latest' ]; then
- local ARCHIVE_NAME='latest'
- elif [[ $WP_VERSION =~ [0-9]+\.[0-9]+ ]]; then
- # https serves multiple offers, whereas http serves single.
- download https://api.wordpress.org/core/version-check/1.7/ $TMPDIR/wp-latest.json
- if [[ $WP_VERSION =~ [0-9]+\.[0-9]+\.[0] ]]; then
- # version x.x.0 means the first release of the major version, so strip off the .0 and download version x.x
- LATEST_VERSION=${WP_VERSION%??}
- else
- # otherwise, scan the releases and get the most up to date minor version of the major release
- local VERSION_ESCAPED=`echo $WP_VERSION | sed 's/\./\\\\./g'`
- LATEST_VERSION=$(grep -o '"version":"'$VERSION_ESCAPED'[^"]*' $TMPDIR/wp-latest.json | sed 's/"version":"//' | head -1)
- fi
- if [[ -z "$LATEST_VERSION" ]]; then
- local ARCHIVE_NAME="wordpress-$WP_VERSION"
- else
- local ARCHIVE_NAME="wordpress-$LATEST_VERSION"
- fi
- else
- local ARCHIVE_NAME="wordpress-$WP_VERSION"
- fi
- download https://wordpress.org/${ARCHIVE_NAME}.tar.gz $TMPDIR/wordpress.tar.gz
- tar --strip-components=1 -zxmf $TMPDIR/wordpress.tar.gz -C $WP_CORE_DIR
- fi
-
- download https://raw.github.com/markoheijnen/wp-mysqli/master/db.php $WP_CORE_DIR/wp-content/db.php
-}
-
-install_test_suite() {
- # portable in-place argument for both GNU sed and Mac OSX sed
- if [[ $(uname -s) == 'Darwin' ]]; then
- local ioption='-i .bak'
- else
- local ioption='-i'
- fi
-
- # set up testing suite if it doesn't yet exist
- if [ ! -d $WP_TESTS_DIR ]; then
- # set up testing suite
- mkdir -p $WP_TESTS_DIR
- svn co --quiet https://develop.svn.wordpress.org/${WP_TESTS_TAG}/tests/phpunit/includes/ $WP_TESTS_DIR/includes
- svn co --quiet https://develop.svn.wordpress.org/${WP_TESTS_TAG}/tests/phpunit/data/ $WP_TESTS_DIR/data
- fi
-
- if [ ! -f wp-tests-config.php ]; then
- download https://develop.svn.wordpress.org/${WP_TESTS_TAG}/wp-tests-config-sample.php "$WP_TESTS_DIR"/wp-tests-config.php
- # remove all forward slashes in the end
- WP_CORE_DIR=$(echo $WP_CORE_DIR | sed "s:/\+$::")
- sed $ioption "s:dirname( __FILE__ ) . '/src/':'$WP_CORE_DIR/':" "$WP_TESTS_DIR"/wp-tests-config.php
- sed $ioption "s/youremptytestdbnamehere/$DB_NAME/" "$WP_TESTS_DIR"/wp-tests-config.php
- sed $ioption "s/yourusernamehere/$DB_USER/" "$WP_TESTS_DIR"/wp-tests-config.php
- sed $ioption "s/yourpasswordhere/$DB_PASS/" "$WP_TESTS_DIR"/wp-tests-config.php
- sed $ioption "s|localhost|${DB_HOST}|" "$WP_TESTS_DIR"/wp-tests-config.php
- fi
-
-}
-
-install_db() {
-
- if [ ${SKIP_DB_CREATE} = "true" ]; then
- return 0
- fi
-
- # parse DB_HOST for port or socket references
- local PARTS=(${DB_HOST//\:/ })
- local DB_HOSTNAME=${PARTS[0]};
- local DB_SOCK_OR_PORT=${PARTS[1]};
- local EXTRA=""
-
- if ! [ -z $DB_HOSTNAME ] ; then
- if [ $(echo $DB_SOCK_OR_PORT | grep -e '^[0-9]\{1,\}$') ]; then
- EXTRA=" --host=$DB_HOSTNAME --port=$DB_SOCK_OR_PORT --protocol=tcp"
- elif ! [ -z $DB_SOCK_OR_PORT ] ; then
- EXTRA=" --socket=$DB_SOCK_OR_PORT"
- elif ! [ -z $DB_HOSTNAME ] ; then
- EXTRA=" --host=$DB_HOSTNAME --protocol=tcp"
- fi
- fi
-
- # create database
- mysqladmin create $DB_NAME --user="$DB_USER" --password="$DB_PASS"$EXTRA
-}
-
-install_wp
-install_test_suite
-install_db
\ No newline at end of file
diff --git a/components/00-base/00-defaults/_01-variables.scss b/components/00-base/00-defaults/_01-variables.scss
deleted file mode 100644
index 3a9d52f..0000000
--- a/components/00-base/00-defaults/_01-variables.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * General Variables
- * Note: colors should go into
- * components/00-base/01-colors/_color-vars.css
- * and breakpoint related vars into
- * components/00-base/base/_breakpoints.css
-*/
-
-// Fonts
-$font-body: georgia, times, 'Times New Roman', serif;
-$font-heading: 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif;
-
-// Spacing
-$space: 1rem;
-
-// Times
-$space-double: $space * 2;
-$space-triple: $space * 3;
-$space-quadruple: $space * 4;
-$space-quintuple: $space * 5;
-$space-sextuple: $space * 6;
-$space-septuple: $space * 7;
-
-// Divided
-$space-one-half: $space/2;
-$space-one-third: $space/3;
-$space-one-fourth: $space/4;
-$space-one-fifth: $space/5;
-$space-one-sixth: $space/6;
-$space-one-seventh: $space/7;
-$space-one-eighth: $space/8;
-
-/*
- * Use this on the outer wrapper of page-level elements.
- * It ensures consistent spacing between elements on the page.
- */
-@mixin space-stack-page {
- margin-bottom: $space-double;
-}
diff --git a/components/00-base/00-defaults/_02-breakpoints.scss b/components/00-base/00-defaults/_02-breakpoints.scss
deleted file mode 100644
index 4b52208..0000000
--- a/components/00-base/00-defaults/_02-breakpoints.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Breakpoint Configuration
- * @see https://github.com/Team-Sass/breakpoint/wiki
- *
- */
-
-/////////////////////
-// Global Breakpoints
-
-// Avoid using in favor of atomic, content-specific, breakpoints.
-// These should be used for generic code, like layouts and typography, only.
-
-$xs: 320px;
-$small: 480px;
-$medium: 720px;
-$large: 920px;
-$xl: 1224px;
-// The max-width breakpoint is used when the design should be applied at whatever the
-// largest breakpoint is regardless of actual pixel value. e.g. removing outer margin on body wrapper
-$max-width: $xl;
-
-/// Mixin - xs Breakpoint
-/// Allows easier @include xs {} syntax
-@mixin xs {
- @include breakpoint($xs) {
- @content;
- }
-}
-
-/// Mixin - small Breakpoint
-/// Allows easier @include small {} syntax
-@mixin small {
- @include breakpoint($small) {
- @content;
- }
-}
-
-/// Mixin - medium Breakpoint
-/// Allows easier @include medium {} syntax
-@mixin medium {
- @include breakpoint($medium) {
- @content;
- }
-}
-
-/// Mixin - large Breakpoint
-/// Allows easier @include large {} syntax
-@mixin large {
- @include breakpoint($large) {
- @content;
- }
-}
-
-/// Mixin - xl Breakpoint
-/// Allows easier @include xl {} syntax
-@mixin xl {
- @include breakpoint($xl) {
- @content;
- }
-}
-
-/// Mixin - max-width Breakpoint
-/// Allows easier @include max-width {} syntax
-@mixin max-width {
- @include breakpoint($max-width) {
- @content;
- }
-}
diff --git a/components/00-base/00-defaults/_03-mixins.scss b/components/00-base/00-defaults/_03-mixins.scss
deleted file mode 100644
index c36b696..0000000
--- a/components/00-base/00-defaults/_03-mixins.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- * General Mixins (put specific ones in component files where applicable)
-*/
-
-/* Mixin - Clearfix.
- * Adds clearfix based on http://bourbon.io/docs/#clearfix
- * use example = @include cleafix
-*/
-
-@mixin body-copy {
- font-family: $font-body;
- font-size: 1rem;
- line-height: 1.6;
-}
-
-@mixin clearfix {
- &::after {
- clear: both;
- content: '';
- display: table;
- }
-}
-
-$outer-container-break: $small;
-
-/// Mixin - Wrapper
-/// Outer container mixin for large screens
-@mixin wrapper(
- $container-max-width: $max-width,
- $outer-container-break: $small,
- $v-margin: 0,
- $v-padding: 0,
- $h-padding: $space,
- $h-padding-large: $h-padding
-) {
- max-width: #{$container-max-width};
- width: 100%;
- margin: #{$v-margin} auto;
- padding: #{$v-padding} #{$h-padding};
-
- @include breakpoint($outer-container-break) {
- padding: #{$v-padding} #{$h-padding-large};
- }
-
- @include breakpoint($container-max-width) {
- padding-left: calc(
- #{$h-padding-large} + calc(-50vw + calc(#{$container-max-width} / 2))
- );
- padding-right: calc(
- #{$h-padding-large} + calc(-50vw + calc(#{$container-max-width} / 2))
- );
- }
-}
-
-// Mixin - Standard Margin
-@mixin margin {
- margin-bottom: 1em;
-}
-
-@mixin no-bottom {
- margin-bottom: 0;
-}
-
-@mixin list-reset {
- list-style: none;
- margin: 0;
- padding: 0;
-}
diff --git a/components/00-base/01-colors/_00-color-vars.scss b/components/00-base/01-colors/_00-color-vars.scss
deleted file mode 100644
index 236f0b3..0000000
--- a/components/00-base/01-colors/_00-color-vars.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-// Color variables - it is better to use the colors in
-// components/00-base/01-colors/_01-colors-used.scss rather than
-// these colors directly.
-
-// Grayscale
-$white: white;
-$near-white: #f2f2f2;
-$gray-lightest: #e5e5e5;
-$gray-lighter: #ccc;
-$gray-light: #888;
-$gray: #666;
-$gray-dark: #4c4c4c;
-$gray-darker: #333;
-$black: black;
-
-// Status
-$yellow-light: #f9fb93;
-$red-light: #fbe3e4;
-$green-light: #cfefc2;
-
-// Project
-$purple: #610c63;
-$blue: #005de0;
diff --git a/components/00-base/01-colors/_01-colors-used.scss b/components/00-base/01-colors/_01-colors-used.scss
deleted file mode 100644
index 1216324..0000000
--- a/components/00-base/01-colors/_01-colors-used.scss
+++ /dev/null
@@ -1,98 +0,0 @@
-// Color Usage variables - use these (via the `clr` function below)
-// rather than color variables directly.
-$defaultColors: (
- text: $gray,
- text-inverse: $white,
- background: $white,
- background-section: $gray-lightest,
- primary: $blue,
- secondary: $purple,
- accent: $gray-dark,
- accent-high: $black,
- highlight: $gray-lighter,
- highlight-high: $gray-lightest,
- muted: $near-white,
- warning: $yellow-light,
- error: $red-light,
- message: $green-light,
-);
-
-$darkColors: (
- text: $white,
- text-inverse: $gray,
- background: $gray,
- background-inverse: $gray-light,
- background-section: $gray-dark,
- primary: $blue,
- secondary: $purple,
- accent: $gray-lightest,
- accent-high: $white,
- highlight: $gray-dark,
- highlight-high: $gray-darker,
- muted: $gray-darker,
- warning: $yellow-light,
- error: $red-light,
- message: $green-light,
-);
-
-///////////
-// Usage //
-///////////
-// This color function makes it easy for you to call a color by it's functional
-// name anywhere you need.
-// E.g. to use the `text` color, you type: `color: clr(text);`
-//
-// How it works:
-// This function works in conjunction with the dynamic css custom properties
-// declarations below. The item called in the function is prefixed with
-// `var(--c-` to call the custom property for that color.
-// E.g. `color: clr(text);` will return `color: var(--c-text);`
-// Note: (The `--c-` is added via the `@each` loops below)
-@function clr($colorChoice) {
- @return var(--c-#{$colorChoice});
-}
-
-// Create CSS custom properties
-// This is what powers the built-in OS light/dark mode switching.
-// For each color variable above (e.g. `text` and `background`) a css custom
-// property will be created. (e.g. `--c-text:` and `--c-background:`).
-//
-// The first `@each` below will create a custom property for each item in the
-// `$defaultColors` map. So put all of your default colors there.
-//
-// The `prefers-color-scheme: dark` media query below will then create custom
-// properties for each of the colors in the `$darkColors` map only if the
-// browser supports that feature. If there is an exact match (e.g. `text`) in
-// both maps, the one from `$darkColors` will be used on machines that have
-// opted to use the 'dark mode' on their OS.
-:root {
- // Create custom properties for default colors
- @each $name, $color in $defaultColors {
- --c-#{$name}: #{$color};
- }
-
- // Create custom properties for dark colors, an duse them if the user's OS has dark mode enabled
- @media (prefers-color-scheme: dark) {
- @each $name, $color in $darkColors {
- --c-#{$name}: #{$color};
- }
- }
-
- // Use the default color scheme for the "Default Theme" section of the
- // component library regardless of OS setting.
- // This is required to show the correct colors in the component library at all times
- [data-theme='default'] {
- @each $name, $color in $defaultColors {
- --c-#{$name}: #{$color};
- }
- }
-
- // Use the dark color scheme for the "Dark Theme" section of the component
- // library regardless of OS setting.
- // This is required to show the correct colors in the component library at all times
- [data-theme='dark'] {
- @each $name, $color in $darkColors {
- --c-#{$name}: #{$color};
- }
- }
-}
diff --git a/components/00-base/01-colors/_02-colors-component-library.scss b/components/00-base/01-colors/_02-colors-component-library.scss
deleted file mode 100644
index 56fe12c..0000000
--- a/components/00-base/01-colors/_02-colors-component-library.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-// These styles only affect the colors "Usage" page in the component library
-.cl-colors {
- padding: 1rem;
-}
-
-.cl-colors__list {
- display: flex;
- flex-wrap: wrap;
- margin: 0 0 2rem;
- padding: 0;
-}
-
-.cl-colors__item {
- list-style: none;
- padding: 1rem 2rem;
- transition: all 0.4s;
- flex: 1 1 20%;
- min-width: 150px;
- min-height: 150px;
- display: flex;
- justify-content: center;
- align-items: flex-end;
-}
-
-// Dynamically set swatch text color based on the lightness of the background color
-@function set-color(
- $color,
- $text-primary: accent-high,
- $text-secondary: muted
-) {
- @if (lightness($color) > 50) {
- @return clr($text-primary);
- } @else {
- @return clr($text-secondary);
- }
-}
-
-// Style default color swatches
-@each $name, $color in $defaultColors {
- .cl-colors__item--default {
- &-#{$name} {
- background-color: clr($name);
- color: set-color($color);
- }
- }
-}
-
-// Style dark color swatches
-@each $name, $color in $darkColors {
- .cl-colors__item--dark {
- &-#{$name} {
- background-color: clr($name);
- color: set-color($color, muted, accent-high);
- }
- }
-}
diff --git a/components/00-base/01-colors/colors.stories.js b/components/00-base/01-colors/colors.stories.js
deleted file mode 100644
index 54869bd..0000000
--- a/components/00-base/01-colors/colors.stories.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-import colors from './colors.twig';
-
-import colorsData from './colors.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Base/Colors' };
-
-export const Palettes = () => (
-
-);
diff --git a/components/00-base/01-colors/colors.twig b/components/00-base/01-colors/colors.twig
deleted file mode 100644
index 3a27599..0000000
--- a/components/00-base/01-colors/colors.twig
+++ /dev/null
@@ -1,27 +0,0 @@
-{% set colors_base_class = "cl-colors" %}
-
-
- {% include "@atoms/text/headings/_heading.twig" with {
- heading_level: 2,
- heading: colors_heading,
- } %}
-
- {% for palette in palettes %}
- {% set palette_machine = palette.palette_heading|lower %}
- {% include "@atoms/text/headings/_heading.twig" with {
- heading_level: 3,
- heading: palette.palette_heading,
- } %}
-
- {% for color in palette.colors %}
- {% set color_machine = color.name|lower|replace({' ': '-'}) %}
- {% if color.color_reverse == TRUE %}
- {% set colors_title_modifiers = ['reverse'] %}
- {% endif %}
-
- {{ color.name }}
-
- {% endfor %}
-
- {% endfor %}
-
diff --git a/components/00-base/01-colors/colors.yml b/components/00-base/01-colors/colors.yml
deleted file mode 100644
index a6e98ad..0000000
--- a/components/00-base/01-colors/colors.yml
+++ /dev/null
@@ -1,30 +0,0 @@
-colors_heading: 'Palettes:'
-palettes:
- - palette_heading: 'Default'
- colors:
- - name: 'Text'
- - name: 'Background'
- - name: 'Primary'
- - name: 'Secondary'
- - name: 'Accent'
- - name: 'Accent High'
- - name: 'Highlight'
- - name: 'Highlight High'
- - name: 'Muted'
- - name: 'Warning'
- - name: 'Error'
- - name: 'Message'
- - palette_heading: 'Dark'
- colors:
- - name: 'Text'
- - name: 'Background'
- - name: 'Primary'
- - name: 'Secondary'
- - name: 'Accent'
- - name: 'Accent High'
- - name: 'Highlight'
- - name: 'Highlight High'
- - name: 'Muted'
- - name: 'Warning'
- - name: 'Error'
- - name: 'Message'
diff --git a/components/00-base/02-motion/_motion.scss b/components/00-base/02-motion/_motion.scss
deleted file mode 100644
index 67d41b6..0000000
--- a/components/00-base/02-motion/_motion.scss
+++ /dev/null
@@ -1,118 +0,0 @@
-/* Mixin - Transition */
-$transition-duration-base: 0.3s;
-$transition-timing-function-base: ease-in-out;
-
-@mixin transition(
- $transition-property: all,
- $transition-duration: $transition-duration-base,
- $transition-timing-function: $transition-timing-function-base
-) {
- transition: $transition-property $transition-duration
- $transition-timing-function;
-}
-
-// Demo UI
-.motion {
- padding: 0 1rem;
-}
-
-.motion__grid {
- @media (min-width: 920px) {
- display: flex;
- flex-wrap: wrap;
- }
-}
-
-.motion__grid-item {
- @media (min-width: 920px) {
- margin-bottom: 1rem;
- margin-right: 1rem;
- width: 49%;
-
- &:nth-child(2n) {
- margin-right: 0;
- }
- }
-}
-
-.demo-motion {
- background-color: clr(highlight-high);
- border-radius: 2px;
- cursor: pointer;
- padding: 3rem;
- text-align: center;
-
- &::before {
- content: 'Duration: #{$transition-duration-base}';
- display: block;
- }
-
- &::after {
- content: 'Timing Function: #{$transition-timing-function-base}';
- }
-
- span {
- display: block;
- margin: 0.25rem;
- }
-}
-
-.demo-motion--fade {
- @include transition;
-
- &:hover {
- background-color: clr(accent-high);
- color: clr(muted);
- }
-}
-
-.demo-motion--slide-up {
- @include transition(transform, 0.4s, ease-in);
-
- &::before {
- content: 'Duration: 0.4s';
- display: block;
- }
-
- &::after {
- content: 'Timing Function: ease-in';
- }
-
- &:hover {
- transform: translateY(-10px);
- }
-}
-
-.demo-motion--slide-down {
- @include transition(transform, 0.2s, linear);
-
- &::before {
- content: 'Duration: 0.2s';
- display: block;
- }
-
- &::after {
- content: 'Timing Function: linear';
- }
-
- &:hover {
- transform: translateY(10px);
- }
-}
-
-.demo-motion--expand {
- @include transition(transform, 0.3s, cubic-bezier(0.17, 0.67, 0.83, 0.67));
-
- &::before {
- content: 'Duration: 0.3s';
- display: block;
- }
-
- &::after {
- content: 'Timing Function: cubic-bezier(.17,.67,.83,.67)';
- }
-
- &:hover {
- transform: scale(1.03);
- }
-}
diff --git a/components/00-base/02-motion/motion.stories.js b/components/00-base/02-motion/motion.stories.js
deleted file mode 100644
index 14135b7..0000000
--- a/components/00-base/02-motion/motion.stories.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-
-import motion from './motion.twig';
-
-import motionData from './motion.yml';
-
-/**
- * Add storybook definition for Animations.
- */
-export default { title: 'Base/Motion' };
-
-export const Usage = () => (
-
-);
diff --git a/components/00-base/02-motion/motion.twig b/components/00-base/02-motion/motion.twig
deleted file mode 100644
index 594c491..0000000
--- a/components/00-base/02-motion/motion.twig
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
Motion
-
- {% for motion in motions %}
-
- {% endfor %}
-
-
diff --git a/components/00-base/02-motion/motion.yml b/components/00-base/02-motion/motion.yml
deleted file mode 100644
index 6f1c886..0000000
--- a/components/00-base/02-motion/motion.yml
+++ /dev/null
@@ -1,5 +0,0 @@
-motions:
- - name: 'Fade'
- - name: 'Slide Up'
- - name: 'Slide Down'
- - name: 'Expand'
diff --git a/components/00-base/03-site/_base.scss b/components/00-base/03-site/_base.scss
deleted file mode 100644
index 6dbf12e..0000000
--- a/components/00-base/03-site/_base.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-html {
- box-sizing: border-box;
-}
-
-body {
- background-color: clr(background);
- color: clr(text);
-
- @include body-copy;
-}
-
-*,
-*::after,
-*::before {
- box-sizing: inherit;
-}
-
-.main {
- @include wrapper;
-
- display: block; /* Fix for IE weirdness */
-}
-
-.visually-hidden {
- position: absolute !important;
- clip: rect(1px, 1px, 1px, 1px);
- overflow: hidden;
- height: 1px;
- width: 1px;
- word-wrap: normal;
-}
diff --git a/components/01-atoms/buttons/_buttons.scss b/components/01-atoms/buttons/_buttons.scss
deleted file mode 100644
index 5df5faa..0000000
--- a/components/01-atoms/buttons/_buttons.scss
+++ /dev/null
@@ -1,100 +0,0 @@
-// Sass map to define colors. Each set should have a "Dark" variation when required.
-// e.g. `default` and `default-dark`. Or `purple` and `purple-dark`.
-$button-colors: (
- primary: (
- text: clr(text-inverse),
- bg: clr(primary),
- text-hover: clr(primary),
- bg-hover: clr(highlight),
- ),
- primary-dark: (
- text: clr(text),
- bg: clr(primary),
- text-hover: clr(text),
- bg-hover: clr(highlight-high),
- ),
- secondary: (
- text: clr(text-inverse),
- bg: clr(secondary),
- text-hover: clr(secondary),
- bg-hover: clr(highlight),
- ),
- secondary-dark: (
- text: clr(text),
- bg: clr(secondary),
- text-hover: clr(text),
- bg-hover: clr(highlight-high),
- ),
-);
-
-// Mixin to define colors for one or more schemes.
-// Simply pass the color scheme to the mixin to get the colors defined in the map.
-// e.g. @include buttonColors(default) will get all of the colors defined in the "default" section.
-@mixin buttonColors(
- $scheme,
- $pallate: map-get($button-colors, $scheme),
- $map: $button-colors
-) {
- color: map-get($pallate, text);
- background-color: map-get($pallate, bg);
-
- &:visited {
- color: map-get($pallate, text);
- }
-
- &:hover {
- color: map-get($pallate, text-hover);
- background-color: map-get($pallate, bg-hover);
- }
-}
-
-// The button-base mixin contains styles that apply to all buttons
-// regardless of color or size.
-@mixin button-base {
- border: none;
- cursor: pointer;
- display: inline-block;
- text-decoration: none;
- text-align: center;
- text-transform: uppercase;
-}
-
-// Button color variations
-// Note how we include dark mode options for each
-@mixin button-color-primary {
- @include buttonColors(primary);
-
- @media (prefers-color-scheme: dark) {
- @include buttonColors(primary-dark);
- }
-}
-
-@mixin button-color-secondary {
- @include buttonColors(secondary);
-
- @media (prefers-color-scheme: dark) {
- @include buttonColors(secondary-dark);
- }
-}
-
-// Button size variations
-@mixin button-medium {
- line-height: 1.4;
- padding: $space-one-half $space;
-}
-
-@mixin button-large {
- line-height: 2;
- padding: $space $space-double;
-}
-
-.button {
- @include button-base;
- @include button-color-primary;
- @include button-medium;
-
- &--alt {
- @include button-color-secondary;
- @include button-large;
- }
-}
diff --git a/components/01-atoms/buttons/buttons.stories.js b/components/01-atoms/buttons/buttons.stories.js
deleted file mode 100644
index ae00e8f..0000000
--- a/components/01-atoms/buttons/buttons.stories.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-
-import Button from './react/Button.component';
-
-import button from './twig/button.twig';
-
-import buttonData from './twig/button.yml';
-import buttonAltData from './twig/button-alt.yml';
-import buttonAlt2Data from './twig/button-alt2.yml';
-
-/**
- * Storybook Definition.
- */
-export default {
- component: Button,
- title: 'Atoms/Button',
-};
-
-export const react = () => React Button ;
-
-export const twig = () => (
-
-);
-export const twigAlt = () => (
-
-);
-export const twigAlt2 = () => (
-
-);
diff --git a/components/01-atoms/buttons/react/Button.component.js b/components/01-atoms/buttons/react/Button.component.js
deleted file mode 100644
index 74d5d9a..0000000
--- a/components/01-atoms/buttons/react/Button.component.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * @file Button.component.js
- * Exports a button component.
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-
-/**
- * Component that renders a button with a click handler.
- */
-const Button = (props) => {
- const { onClick, children } = props;
-
- return (
-
- {children}
-
- );
-};
-
-Button.propTypes = {
- onClick: PropTypes.func,
- children: PropTypes.node,
-};
-
-Button.defaultProps = {
- children: null,
- onClick: () => {},
-};
-
-export default Button;
diff --git a/components/01-atoms/buttons/twig/button-alt.yml b/components/01-atoms/buttons/twig/button-alt.yml
deleted file mode 100644
index 73aedee..0000000
--- a/components/01-atoms/buttons/twig/button-alt.yml
+++ /dev/null
@@ -1,4 +0,0 @@
-button_content: 'Alternative Button'
-button_url: '#'
-button_modifiers:
- - 'alt'
diff --git a/components/01-atoms/buttons/twig/button-alt2.yml b/components/01-atoms/buttons/twig/button-alt2.yml
deleted file mode 100644
index bb71b3e..0000000
--- a/components/01-atoms/buttons/twig/button-alt2.yml
+++ /dev/null
@@ -1,4 +0,0 @@
-button_content: 'Second Alternative Button'
-button_url: '#'
-button_modifiers:
- - 'alt-2'
diff --git a/components/01-atoms/buttons/twig/button.twig b/components/01-atoms/buttons/twig/button.twig
deleted file mode 100644
index ba6c3fa..0000000
--- a/components/01-atoms/buttons/twig/button.twig
+++ /dev/null
@@ -1,22 +0,0 @@
-{#
-/**
- * Available variables:
- * - button_content - the content of the button (typically text)
- *
- * Available blocks:
- * - button_content - used to replace the content of the button with something other than text
- * for example: to insert an icon
- */
-#}
-
-{% set button_base_class = button_base_class|default('button') %}
-
-{% set additional_attributes = {
- class: bem(button_base_class, button_modifiers, button_blockname),
-} %}
-
-
- {% block button_content %}
- {{ button_content }}
- {% endblock %}
-
diff --git a/components/01-atoms/buttons/twig/button.yml b/components/01-atoms/buttons/twig/button.yml
deleted file mode 100644
index 1ddc203..0000000
--- a/components/01-atoms/buttons/twig/button.yml
+++ /dev/null
@@ -1,2 +0,0 @@
-button_content: "Default Button"
-button_url: "#"
diff --git a/components/01-atoms/forms/checkbox/_checkbox-item.twig b/components/01-atoms/forms/checkbox/_checkbox-item.twig
deleted file mode 100644
index db5a47e..0000000
--- a/components/01-atoms/forms/checkbox/_checkbox-item.twig
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
- {{ checkbox_item }}
-
-
diff --git a/components/01-atoms/forms/checkbox/_checkbox.scss b/components/01-atoms/forms/checkbox/_checkbox.scss
deleted file mode 100644
index 09a07e0..0000000
--- a/components/01-atoms/forms/checkbox/_checkbox.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.form-item--checkboxes,
-.form-item--checkbox__item {
- @include list-reset;
-}
diff --git a/components/01-atoms/forms/checkbox/checkbox.twig b/components/01-atoms/forms/checkbox/checkbox.twig
deleted file mode 100644
index 2f4d67e..0000000
--- a/components/01-atoms/forms/checkbox/checkbox.twig
+++ /dev/null
@@ -1,15 +0,0 @@
-{% if not attributes %}
-
- Options as Checkboxes
-
-
-{% endif %}
diff --git a/components/01-atoms/forms/checkbox/checkbox.yml b/components/01-atoms/forms/checkbox/checkbox.yml
deleted file mode 100644
index 93a73fd..0000000
--- a/components/01-atoms/forms/checkbox/checkbox.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-checkboxes:
- - title: 'Option 1'
- checked: 'checked'
- - title: 'Option 2'
- - title: 'Option 3'
- - title: 'Option 4'
diff --git a/components/01-atoms/forms/forms.stories.js b/components/01-atoms/forms/forms.stories.js
deleted file mode 100644
index 53889d0..0000000
--- a/components/01-atoms/forms/forms.stories.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-
-import checkbox from './checkbox/checkbox.twig';
-import radio from './radio/radio.twig';
-import select from './select/select.twig';
-import textfields from './textfields/textfields.twig';
-
-import checkboxData from './checkbox/checkbox.yml';
-import radioData from './radio/radio.yml';
-import selectOptionsData from './select/select.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Atoms/Forms' };
-
-export const checkboxes = () => (
-
-);
-export const radioButtons = () => (
-
-);
-export const selectDropdowns = () => (
-
-);
-export const textfieldsExamples = () => (
-
-);
diff --git a/components/01-atoms/forms/radio/_radio-item.twig b/components/01-atoms/forms/radio/_radio-item.twig
deleted file mode 100644
index 33b95e7..0000000
--- a/components/01-atoms/forms/radio/_radio-item.twig
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
- {{ radio_item }}
-
-
diff --git a/components/01-atoms/forms/radio/_radio.scss b/components/01-atoms/forms/radio/_radio.scss
deleted file mode 100644
index 872994e..0000000
--- a/components/01-atoms/forms/radio/_radio.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.form-item--radios,
-.form-item--radio__item {
- @include list-reset;
-}
diff --git a/components/01-atoms/forms/radio/radio.twig b/components/01-atoms/forms/radio/radio.twig
deleted file mode 100644
index cc65c2c..0000000
--- a/components/01-atoms/forms/radio/radio.twig
+++ /dev/null
@@ -1,15 +0,0 @@
-{% if not attributes %}
-
- Options as Radio Buttons
-
-
-{% endif %}
diff --git a/components/01-atoms/forms/radio/radio.yml b/components/01-atoms/forms/radio/radio.yml
deleted file mode 100644
index 278b78e..0000000
--- a/components/01-atoms/forms/radio/radio.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-radios:
- - title: 'Option 1'
- checked: 'checked'
- - title: 'Option 2'
- - title: 'Option 3'
- - title: 'Option 4'
diff --git a/components/01-atoms/forms/select/_select-item.twig b/components/01-atoms/forms/select/_select-item.twig
deleted file mode 100644
index a38afcb..0000000
--- a/components/01-atoms/forms/select/_select-item.twig
+++ /dev/null
@@ -1 +0,0 @@
-{{ select_item }}
diff --git a/components/01-atoms/forms/select/_select.scss b/components/01-atoms/forms/select/_select.scss
deleted file mode 100644
index eb3e8a6..0000000
--- a/components/01-atoms/forms/select/_select.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-// CSS-only select styling (from https://github.com/filamentgroup/select-css)
-
-.form-item__dropdown {
- border: 1px solid clr(muted);
- display: block;
- position: relative;
-
- @media (prefers-color-scheme: dark) {
- background-color: clr(background-inverse);
- }
-
- &::after {
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-top: 9px solid clr(accent);
- content: ' ';
- position: absolute;
- top: 42%;
- right: 1em;
- z-index: 2;
-
- /* These hacks make the select behind the arrow clickable in some browsers */
- pointer-events: none;
- display: none;
- }
-
- &:hover {
- border-color: clr(accent-high);
- }
-}
-
-.form-item__select {
- border: 1px solid clr(muted);
- height: 41px; // set height required for discrepancy between .form-item__dropdown border and the select :focus border
- font-size: 16px;
- margin: 0;
- outline: none;
- padding: 0.6em 0.8em 0.5em;
- width: 100%;
-
- :focus {
- outline: none;
- color: clr(accent);
- }
-}
-
-@supports (-webkit-appearance: none) or (appearance: none) or
- ((-moz-appearance: none) and (mask-type: alpha)) {
- /* Show custom arrow */
- .form-item__dropdown::after {
- display: block;
- }
-
- /* Remove select styling */
- .form-item__select {
- padding-right: 2em; /* Match-01 */
-
- /* inside @supports so that iOS <= 8 display the native arrow */
- background: none; /* Match-04 */
-
- /* inside @supports so that Android <= 4.3 display the native arrow */
- border: 1px solid transparent; /* Match-05 */
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-
- &:focus {
- border-color: clr(accent);
- border-radius: 0;
- }
- }
-}
diff --git a/components/01-atoms/forms/select/select.twig b/components/01-atoms/forms/select/select.twig
deleted file mode 100644
index 7a903d8..0000000
--- a/components/01-atoms/forms/select/select.twig
+++ /dev/null
@@ -1,18 +0,0 @@
-{% if not attributes %}
-
-{% endif %}
diff --git a/components/01-atoms/forms/select/select.yml b/components/01-atoms/forms/select/select.yml
deleted file mode 100644
index 597ac2f..0000000
--- a/components/01-atoms/forms/select/select.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-select:
- - title: 'Choose an Option'
- - title: 'Option 1'
- - title: 'Option 2'
- - title: 'Option 3'
- - title: 'Option 4'
diff --git a/components/01-atoms/forms/textfields/_textfields.scss b/components/01-atoms/forms/textfields/_textfields.scss
deleted file mode 100644
index 32c52aa..0000000
--- a/components/01-atoms/forms/textfields/_textfields.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-.form-item {
- color: clr(text);
- margin-bottom: 1em;
- max-width: 32em;
-
- @include clearfix;
-}
-
-.form-item__label {
- display: block;
- font-weight: 600;
-
- @include xs {
- display: block;
- margin-right: 2%;
- padding: 0.6em 0;
- }
-}
-
-.form-item__textfield {
- border: 1px solid clr(highlight-high);
- padding: 0.6em;
- max-width: 100%;
-
- &:focus {
- border-color: clr(accent-high);
- }
-
- &::placeholder {
- color: clr(highlight);
- }
-}
-
-.form-item__description {
- margin-top: 0.3em;
-}
-
-.form-fieldset {
- border: none;
- margin-bottom: 2em;
- padding: 0;
-
- .form-item {
- margin-left: 1em;
- max-width: 31em;
- }
-}
diff --git a/components/01-atoms/forms/textfields/textfields.twig b/components/01-atoms/forms/textfields/textfields.twig
deleted file mode 100644
index b67f470..0000000
--- a/components/01-atoms/forms/textfields/textfields.twig
+++ /dev/null
@@ -1,37 +0,0 @@
-
- Name
-
-
-
-
-
-
-
-
- Number Input
-
-
-
-
- Textarea
-
-
diff --git a/components/01-atoms/images/icons/_icon.twig b/components/01-atoms/images/icons/_icon.twig
deleted file mode 100644
index ee5ee58..0000000
--- a/components/01-atoms/images/icons/_icon.twig
+++ /dev/null
@@ -1,43 +0,0 @@
-{#
-/**
- * Available variables:
- * - icon_base_class - base class name
- * - icon_modifiers - modifiers for icons (array)
- * - icon_blockname - blockname prepended to the base classname
- * - icon_name - the name of the icon
- * - icon_role - a11y role
- * - icon_title - a11y title
- * - icon_desc - a11y description
- */
-#}
-{# If IE 11 support is needed, reference `./svgxuse.min.js` in the theme. #}
-
-{% set icon_base_class = icon_base_class|default('icon') %}
-{# If `directory` is defined, set the path relative for Wordpress.
- # Otherwise, set the path relative to the Component Library. #}
-{% set icon_url = theme ? theme.link ~ '/dist/' %}
-
-
- {% if icon_title %}
- {{ icon_title }}
- {% endif %}
- {% if icon_desc %}
- {{ icon_desc }}
- {% endif %}
-
-
diff --git a/components/01-atoms/images/icons/_icons.scss b/components/01-atoms/images/icons/_icons.scss
deleted file mode 100644
index cb71fb7..0000000
--- a/components/01-atoms/images/icons/_icons.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-// Storybook styling
-.icons-demo {
- display: flex;
-
- .icon {
- height: 100px;
- padding: $space;
- width: 100px;
-
- @media (prefers-color-scheme: dark) {
- fill: clr(accent-high);
- }
- }
-
- pre {
- background-color: clr(muted);
- font-size: 0.8rem;
- margin: 0;
- text-align: center;
- }
-}
-
-.icons-demo__item {
- border: 1px solid clr(muted);
- margin: $space-one-fourth;
-}
diff --git a/components/01-atoms/images/icons/icons.md b/components/01-atoms/images/icons/icons.md
deleted file mode 100644
index 851fb54..0000000
--- a/components/01-atoms/images/icons/icons.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: Icons
----
-
-### How to use icons
-
-We are using an SVG sprite generator (details [here](https://una.im/svg-icons)), which automatically takes individual SVGs from `/images/icons/src` and generates `/dist/img/sprite/sprite.svg`. Simply run `yarn build` to add your individual SVGs to this sprite (this is automatically run when running `yarn develop`).
-
-**Usage**
-
-The SVG component is found here: `/components/01-atoms/images/icons/_icon.twig`. See available variables in that file as well as instructions for Wordpress. Examples of usage below:
-
-Simple: (no BEM renaming)
-
-```
-{% include "@atoms/images/icons/_icon.twig" with {
- icon_name: 'bars',
-} %}
-```
-
-... creates...
-
-```
-
-
-
-```
-
-Complex (BEM classes):
-
-```
-{% include "@atoms/images/icons/_icon.twig" with {
- icon_base_class: 'icon',
- icon_blockname: 'toggle-expand',
- icon_name: 'bars',
-} %}
-```
-
-... creates...
-
-```
-
-
-
-```
diff --git a/components/01-atoms/images/icons/icons.twig b/components/01-atoms/images/icons/icons.twig
deleted file mode 100644
index 46cca23..0000000
--- a/components/01-atoms/images/icons/icons.twig
+++ /dev/null
@@ -1,15 +0,0 @@
-
- {% for item in items %}
-
- {% include "@atoms/images/icons/_icon.twig" with {
- icon_name: item.value,
- icon_role: item.role,
- icon_title: item.title,
- icon_desc: item.desc,
- icon_decorative: item.decorative,
- } %}
-
{{ item.value }}
-
- {% endfor %}
-
-
diff --git a/components/01-atoms/images/icons/svgxuse.min.js b/components/01-atoms/images/icons/svgxuse.min.js
deleted file mode 100644
index ce2099f..0000000
--- a/components/01-atoms/images/icons/svgxuse.min.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/*!
- * @copyright Copyright (c) 2017 IcoMoon.io
- * @license Licensed under MIT license
- * See https://github.com/Keyamoon/svgxuse
- * @version 1.2.6
- */
-(function(){if("undefined"!==typeof window&&window.addEventListener){var e=Object.create(null),l,d=function(){clearTimeout(l);l=setTimeout(n,100)},m=function(){},t=function(){window.addEventListener("resize",d,!1);window.addEventListener("orientationchange",d,!1);if(window.MutationObserver){var k=new MutationObserver(d);k.observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0});m=function(){try{k.disconnect(),window.removeEventListener("resize",d,!1),window.removeEventListener("orientationchange",
-d,!1)}catch(v){}}}else document.documentElement.addEventListener("DOMSubtreeModified",d,!1),m=function(){document.documentElement.removeEventListener("DOMSubtreeModified",d,!1);window.removeEventListener("resize",d,!1);window.removeEventListener("orientationchange",d,!1)}},u=function(k){function e(a){if(void 0!==a.protocol)var c=a;else c=document.createElement("a"),c.href=a;return c.protocol.replace(/:/g,"")+c.host}if(window.XMLHttpRequest){var d=new XMLHttpRequest;var m=e(location);k=e(k);d=void 0===
-d.withCredentials&&""!==k&&k!==m?XDomainRequest||void 0:XMLHttpRequest}return d};var n=function(){function d(){--q;0===q&&(m(),t())}function l(a){return function(){!0!==e[a.base]&&(a.useEl.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","#"+a.hash),a.useEl.hasAttribute("href")&&a.useEl.setAttribute("href","#"+a.hash))}}function p(a){return function(){var c=document.body,b=document.createElement("x");a.onload=null;b.innerHTML=a.responseText;if(b=b.getElementsByTagName("svg")[0])b.setAttribute("aria-hidden",
-"true"),b.style.position="absolute",b.style.width=0,b.style.height=0,b.style.overflow="hidden",c.insertBefore(b,c.firstChild);d()}}function n(a){return function(){a.onerror=null;a.ontimeout=null;d()}}var a,c,q=0;m();var f=document.getElementsByTagName("use");for(c=0;c
diff --git a/components/01-atoms/images/image/_picture.twig b/components/01-atoms/images/image/_picture.twig
deleted file mode 100644
index 22646ca..0000000
--- a/components/01-atoms/images/image/_picture.twig
+++ /dev/null
@@ -1,21 +0,0 @@
-{% set picture_base_class = picture_base_class|default('picture') %}
-
-
- {% if sources %}
- {#
- Internet Explorer 9 doesn't recognise source elements that are wrapped in
- picture tags. See http://scottjehl.github.io/picturefill/#ie9
- #}
-
- {% for source_attributes in sources %}
-
- {% endfor %}
-
- {% endif %}
- {# The controlling image, with the fallback image in srcset. #}
- {% include "@atoms/images/image/_image.twig" with {
- image_blockname: picture_image_blockname|default(picture_blockname),
- } %}
-
diff --git a/components/01-atoms/images/image/figure.twig b/components/01-atoms/images/image/figure.twig
deleted file mode 100644
index afea978..0000000
--- a/components/01-atoms/images/image/figure.twig
+++ /dev/null
@@ -1,24 +0,0 @@
-{% set image_figure_base_class = image_figure_base_class|default('figure') %}
-{% set image_link_base_class = image_link_base_class|default('link') %}
-
-
- {% if image_url %}
-
- {% endif %}
- {% block figure_content %}
- {% include "@atoms/images/image/responsive-image.twig" with {
- responsive_image_blockname: responsive_image_blockname|default(image_figure_base_class),
- } %}
- {% endblock %}
- {% if image_url %}
-
- {% endif %}
-
- {% if image_caption %}
-
- {{ image_caption }}
-
- {% endif %}
-
diff --git a/components/01-atoms/images/image/figure.yml b/components/01-atoms/images/image/figure.yml
deleted file mode 100644
index 8c808b7..0000000
--- a/components/01-atoms/images/image/figure.yml
+++ /dev/null
@@ -1,5 +0,0 @@
-output_image_tag: true
-image_url: '#'
-image_src: 'https://placeimg.com/1200/200/tech'
-image_alt: 'This is the alt text'
-image_caption: 'This is an image caption.'
diff --git a/components/01-atoms/images/image/image.yml b/components/01-atoms/images/image/image.yml
deleted file mode 100644
index 6cd49c8..0000000
--- a/components/01-atoms/images/image/image.yml
+++ /dev/null
@@ -1,5 +0,0 @@
-output_image_tag: true
-image_srcset: 'https://placeimg.com/320/180/any 320w, https://placeimg.com/480/270/any 480w, https://placeimg.com/640/360/any 640w, https://placeimg.com/800/450/any 800w, https://placeimg.com/960/540/any 960w, https://placeimg.com/1120/630/any 1120w, https://placeimg.com/1280/720/any 1280w, https://placeimg.com/1440/810/any 1440w, https://placeimg.com/1600/900/any 1600w, https://placeimg.com/1760/990/any 1760w, https://placeimg.com/1920/1080/any 1920w, https://placeimg.com/2080/1170/any 2080w, https://placeimg.com/2240/1260/any 2240w'
-image_sizes: '100vw'
-image_src: 'https://placeimg.com/320/180/any'
-image_alt: 'A 16 by 9 image'
diff --git a/components/01-atoms/images/image/responsive-image.twig b/components/01-atoms/images/image/responsive-image.twig
deleted file mode 100644
index 99cb3e7..0000000
--- a/components/01-atoms/images/image/responsive-image.twig
+++ /dev/null
@@ -1,32 +0,0 @@
-{#
- # Available variables:
- # - sources: The attributes of the tags for this tag.
- # - img_element: The controlling image, with the fallback image in srcset.
- # - output_image_tag: Whether or not to output an tag instead of a tag.
- #}
-
-{% set responsive_image_base_class = responsive_image_base_class|default('image') %}
-
-{% if output_image_tag %}
- {% include "@atoms/images/image/_image.twig" with {
- image_base_class: responsive_image_base_class,
- image_modifiers: responsive_image_modifiers,
- image_blockname: responsive_image_blockname,
- image_srcset: image_srcset|default(img_element['#attributes'].srcset),
- image_sizes: image_sizes|default(img_element['#attributes'].sizes),
- image_src: image_src|default(img_element['#uri']),
- image_alt: image_alt|default(img_element['#alt']),
- image_title: image_title|default(img_element['#title']),
- } %}
-{% else %}
- {% include "@atoms/images/image/_picture.twig" with {
- picture_base_class: responsive_image_base_class,
- picture_modifiers: responsive_image_modifiers,
- picture_blockname: responsive_image_blockname,
- image_srcset: image_srcset|default(img_element['#attributes'].srcset),
- image_sizes: image_sizes|default(img_element['#attributes'].sizes),
- image_src: image_src|default(img_element['#uri']),
- image_alt: image_alt|default(img_element['#alt']),
- image_title: image_title|default(img_element['#title']),
- } %}
-{% endif %}
diff --git a/components/01-atoms/images/images.stories.js b/components/01-atoms/images/images.stories.js
deleted file mode 100644
index 66290bb..0000000
--- a/components/01-atoms/images/images.stories.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-
-import image from './image/responsive-image.twig';
-import figure from './image/figure.twig';
-import iconTwig from './icons/icons.twig';
-
-import imageData from './image/image.yml';
-import figureData from './image/figure.yml';
-
-const svgIcons = require.context('../../../images/icons/', true, /\.svg$/);
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Atoms/Images' };
-
-export const images = () => (
-
-);
-export const figures = () => (
-
-);
-
-const items = [];
-svgIcons.keys().forEach((key) => {
- const iconName = svgIcons(key).split('static/media/').pop().split('.')[0];
- const icon = {};
- icon.value = iconName;
- items.push(icon);
-});
-
-export const icons = () => (
-
-);
diff --git a/components/01-atoms/links/link/_link.scss b/components/01-atoms/links/link/_link.scss
deleted file mode 100644
index 1637caf..0000000
--- a/components/01-atoms/links/link/_link.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@mixin link {
- color: clr(accent);
-
- &:hover {
- color: clr(accent-high);
- }
-}
-
-.link {
- @include link;
-}
diff --git a/components/01-atoms/links/link/link.twig b/components/01-atoms/links/link/link.twig
deleted file mode 100644
index e181bf6..0000000
--- a/components/01-atoms/links/link/link.twig
+++ /dev/null
@@ -1,28 +0,0 @@
-{#
-/**
- * Available variables:
- * - link_content - the content of the link (typically text)
- * - link_url - the url this link should poing to
- * - link_attributes - array of attribute,value pairs
- * - link_base_class - the base class name
- * - link_modifiers - array of modifiers to add to the base classname
- * - link_blockname - blockname prepended to the base classname
- *
- * Available blocks:
- * - link_content - used to replace the content of the link
- * Example: to insert the image component
- */
-#}
-{% set link_base_class = link_base_class|default('link') %}
-
-
- {% block link_content %}
- {{ link_content }}
- {% endblock %}
-
diff --git a/components/01-atoms/links/link/link.yml b/components/01-atoms/links/link/link.yml
deleted file mode 100644
index f7c96ef..0000000
--- a/components/01-atoms/links/link/link.yml
+++ /dev/null
@@ -1,4 +0,0 @@
-link_url: 'https://github.com/emulsify-ds/emulsify-design-system'
-link_content: 'This is my link text'
-link_attributes:
- 'target': '_blank'
diff --git a/components/01-atoms/links/link/links.stories.js b/components/01-atoms/links/link/links.stories.js
deleted file mode 100644
index 3bd99f8..0000000
--- a/components/01-atoms/links/link/links.stories.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-import link from './link.twig';
-
-import linkData from './link.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Atoms/Links' };
-
-export const links = () => (
-
-);
diff --git a/components/01-atoms/lists/_list-item-definition.twig b/components/01-atoms/lists/_list-item-definition.twig
deleted file mode 100644
index 6126376..0000000
--- a/components/01-atoms/lists/_list-item-definition.twig
+++ /dev/null
@@ -1,5 +0,0 @@
-{% set dl_term_base_class = dl_term_base_class|default('dl-term') %}
-{% set dl_def_base_class = dl_def_base_class|default('dl-def') %}
-
-{{ dl_term }}
-{{ dl_def }}
diff --git a/components/01-atoms/lists/_list-item.twig b/components/01-atoms/lists/_list-item.twig
deleted file mode 100644
index b13db98..0000000
--- a/components/01-atoms/lists/_list-item.twig
+++ /dev/null
@@ -1,22 +0,0 @@
-{#
-/**
- * Available variables:
- * - li_base_class - the base classname
- * - li_modifiers - array of modifiers to add to the base classname
- * - li_blockname - blockname prepended to the base classname
- * - list_item_label - (optional) a label before the list item itself
- * - list_item_content - the content of the list_item (typically text)
- *
- * Available blocks:
- * - list_item_content - used to replace the content of the list_item with something other than text
- * for example: to insert the image and/or link components
- */
-#}
-{% set li_base_class = li_base_class|default('list-item') %}
-
-
- {% block list_item_content %}
- {% if list_item_label %}{{ list_item_label }} {% endif %}
- {{ list_item_content }}
- {% endblock %}
-
diff --git a/components/01-atoms/lists/_lists.scss b/components/01-atoms/lists/_lists.scss
deleted file mode 100644
index f5a22c2..0000000
--- a/components/01-atoms/lists/_lists.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-/* Mixin - list-reset
- * Reset list item defaults when no margin, padding, list styles needed
-*/
-
-ul,
-ol {
- padding-left: 1em;
-}
-
-ul {
- list-style-type: disc;
-}
-
-ol {
- list-style-type: decimal;
-}
-
-.list-item {
- margin-bottom: 0.2em;
- padding-left: 1em;
-}
-
-/* TODO: BEM selectors should be applied to wysiwyg-created content */
-
-.text-long {
- ol,
- ul {
- li {
- @extend .list-item;
- }
- }
-}
diff --git a/components/01-atoms/lists/dl.twig b/components/01-atoms/lists/dl.twig
deleted file mode 100644
index 2cd1a8f..0000000
--- a/components/01-atoms/lists/dl.twig
+++ /dev/null
@@ -1,28 +0,0 @@
-{#
-/**
- * Available variables:
- * - dl_base_class - the base classname
- * - dl_modifiers - array of modifiers to add to the base classname
- * - dl_blockname - blockname prepended to the base classname
- *
- * - listItems - TBD
- */
-#}
-{% set dl_base_class = dl_base_class|default('dl') %}
-
-
- {% block list_content %}
- {% for dl_item in dl_items %}
- {% include "@atoms/lists/_list-item-definition.twig" with {
- dl_term: dl_item.dl_term,
- dl_def: dl_item.dl_def,
- dl_term_base_class: dl_item.dl_term_base_class,
- dl_def_base_class: dl_item.dl_def_base_class,
- dl_term_modifiers: dl_item.dl_term_modifiers,
- dl_def_modifiers: dl_item.dl_def_modifiers,
- dl_term_blockname: dl_item.dl_term_blockname,
- dl_def_blockname: dl_item.dl_def_blockname,
- } %}
- {% endfor %}
- {% endblock %}
-
diff --git a/components/01-atoms/lists/dl.yml b/components/01-atoms/lists/dl.yml
deleted file mode 100644
index 1eac9e6..0000000
--- a/components/01-atoms/lists/dl.yml
+++ /dev/null
@@ -1,9 +0,0 @@
-dl_items:
- - dl_term: 'Definition List'
- dl_def: 'A number of connected items or names written or printed consecutively, typically one below the other.'
- - dl_term: 'This is a term.'
- dl_def: 'This is the definition of that term, which both live in a dl.'
- - dl_term: 'Here is another term.'
- dl_def: 'And it gets a definition too, which is this line.'
- - dl_term: 'Here is one last term.'
- dl_def: 'With the final definition.'
diff --git a/components/01-atoms/lists/lists.stories.js b/components/01-atoms/lists/lists.stories.js
deleted file mode 100644
index 8399dc2..0000000
--- a/components/01-atoms/lists/lists.stories.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-
-import dl from './dl.twig';
-import ul from './ul.twig';
-import ol from './ol.twig';
-
-import dlData from './dl.yml';
-import ulData from './ul.yml';
-import olData from './ol.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Atoms/Lists' };
-
-export const definitionList = () => (
-
-);
-export const unorderedList = () => (
-
-);
-export const orderedList = () => (
-
-);
diff --git a/components/01-atoms/lists/ol.twig b/components/01-atoms/lists/ol.twig
deleted file mode 100644
index 7fd24aa..0000000
--- a/components/01-atoms/lists/ol.twig
+++ /dev/null
@@ -1,26 +0,0 @@
-{#
-/**
- * Available variables:
- * - ol_base_class - the base classname
- * - ol_modifiers - array of modifiers to add to the base classname
- * - ol_blockname - blockname prepended to the base classname
- *
- * - listItems - TBD
- */
-#}
-{% set ol_base_class = ol_base_class|default('ol') %}
-
-
- {% block list_content %}
- {% for ol_item in ol_items %}
- {% include "@atoms/lists/_list-item.twig" with {
- list_item_label: ol_item.label,
- list_item_content: ol_item.content,
- li_base_class: ol_item.li_base_class,
- li_base_class: ol_item.li_base_class,
- li_modifiers: ol_item.li_modifiers,
- li_blockname: ol_item.li_blockname,
- } %}
- {% endfor %}
- {% endblock %}
-
diff --git a/components/01-atoms/lists/ol.yml b/components/01-atoms/lists/ol.yml
deleted file mode 100644
index b9bd06d..0000000
--- a/components/01-atoms/lists/ol.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-ol_items:
- - content: 'This is the first item in the ordered list.'
- - content: 'And here is the item that goes with the label.'
- label: 'This is the optional label'
- - content: "Here's the third item."
- - content: "And here's the last item."
diff --git a/components/01-atoms/lists/ul.twig b/components/01-atoms/lists/ul.twig
deleted file mode 100644
index af61047..0000000
--- a/components/01-atoms/lists/ul.twig
+++ /dev/null
@@ -1,26 +0,0 @@
-{#
-/**
- * Available variables:
- * - ul_base_class - the base classname
- * - ul_modifiers - array of modifiers to add to the base classname
- * - ul_blockname - blockname prepended to the base classname
- *
- * - listItems - TBD
- */
-#}
-{% set ul_base_class = ul_base_class|default('ul') %}
-
-
- {% block list_content %}
- {% for ul_item in ul_items %}
- {% include "@atoms/lists/_list-item.twig" with {
- list_item_label: ul_item.label,
- list_item_content: ul_item.content,
- li_base_class: ul_item.li_base_class,
- li_base_class: ul_item.li_base_class,
- li_modifiers: ul_item.li_modifiers,
- li_blockname: ul_item.li_blockname,
- } %}
- {% endfor %}
- {% endblock %}
-
diff --git a/components/01-atoms/lists/ul.yml b/components/01-atoms/lists/ul.yml
deleted file mode 100644
index 7604fec..0000000
--- a/components/01-atoms/lists/ul.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-ul_items:
- - content: 'This is the first item in the unordered list.'
- - content: 'And here is the item that goes with the label.'
- label: 'This is the optional label'
- - content: "Here's the third item."
- - content: "And here's the last item."
diff --git a/components/01-atoms/tables/_tables.scss b/components/01-atoms/tables/_tables.scss
deleted file mode 100644
index 615d19c..0000000
--- a/components/01-atoms/tables/_tables.scss
+++ /dev/null
@@ -1,94 +0,0 @@
-.table {
- border: 1px solid clr(highlight-high);
- border-radius: 4px;
- border-spacing: 0;
- background-color: clr(muted);
- margin: 1em 0;
- width: 100%;
-}
-
-.table__heading-cell,
-.table__cell {
- border: none;
- border-bottom: 1px solid clr(highlight-high);
- border-right: 1px solid clr(highlight-high);
- padding: 1em;
-
- &:last-child {
- border-right: none;
- }
-}
-
-.table__heading-cell {
- color: clr(accent-high);
- font-weight: 700;
- padding: 1.2em;
- text-align: left;
-}
-
-.table__row {
- &:nth-child(odd) {
- background-color: clr(background);
- }
-
- /* Top Row - Non-BEM but always contained */
- &:first-child {
- th:first-child,
- td:first-child {
- border-radius: 5px 0 0;
- }
-
- th:last-child,
- td:last-child {
- border-radius: 0 5px 0 0;
- }
- }
-
- /* Bottom Row - Non-BEM but always contained */
- &:last-child {
- tbody & {
- th,
- td {
- border-bottom: none;
- }
- }
-
- td:first-child {
- border-radius: 0 0 0 5px;
- }
-
- td:last-child {
- border-radius: 0 0 5px;
- }
- }
-}
-
-.table__footer-cell,
-.table__footer-cell:first-child {
- border-bottom: none;
- border-top: 1px solid clr(highlight-high);
-}
-
-/* TODO: BEM selectors should be applied to wysiwyg-created content */
-
-.text-long {
- table {
- @extend .table;
- }
-
- th {
- @extend .table__heading-cell;
- }
-
- td {
- @extend .table__cell;
- }
-
- tr {
- @extend .table__row;
- }
-
- tfoot th {
- @extend .table__footer-cell;
- }
-}
diff --git a/components/01-atoms/tables/tables.stories.js b/components/01-atoms/tables/tables.stories.js
deleted file mode 100644
index e965ae8..0000000
--- a/components/01-atoms/tables/tables.stories.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-
-import tables from './tables.twig';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Atoms/Tables' };
-
-export const table = () => (
-
-);
diff --git a/components/01-atoms/tables/tables.twig b/components/01-atoms/tables/tables.twig
deleted file mode 100644
index 3142fb6..0000000
--- a/components/01-atoms/tables/tables.twig
+++ /dev/null
@@ -1,40 +0,0 @@
-{#
-/**
- * This is strictly an exmaple file to demonstrate markup in Storybook.
- * It is not intended to be included in any other component.
- */
-#}
-
-
-
- This is a heading
-
-
-
-
- Row 1
- Information about something
- And this is important
-
-
- Row 2
- Information about something
- And this is important
-
-
- Row 3
- Information about something
- And this is important
-
-
- Row 4
- Information about something
- And this is important
-
-
-
-
-
-
-
-
diff --git a/components/01-atoms/text/headings/_heading.twig b/components/01-atoms/text/headings/_heading.twig
deleted file mode 100644
index 4e744d1..0000000
--- a/components/01-atoms/text/headings/_heading.twig
+++ /dev/null
@@ -1,34 +0,0 @@
-{#
-/**
- * Available variables:
- * - heading_level - the header level 1-6 (produces h1, h2, etc.)
- *
- * - heading_base_class - the base class
- * - heading_modifiers - array of modifiers to add to the base classname
- * - heading_blockname - blockname prepended to the base classname
- *
- * - heading - the content of the heading (typically text)
- *
- * - heading_url - (optional) the url the heading should poing to
- * - heading_link_attributes - key/value attributes to pass to link
- * - heading_link_base_class - override the link base class
- * - heading_link_modifiers - override the link modifiers
- * - heading_link_blockname - override the link block name (defaults to heading_base_class)
- */
-#}
-{% set heading_base_class = heading_base_class|default('h' ~ heading_level) %}
-
-
- {% if heading_url %}
- {% include "@atoms/links/link/link.twig" with {
- link_content: heading,
- link_url: heading_url,
- link_attributes: heading_link_attributes,
- link_base_class: heading_link_base_class,
- link_modifiers: heading_link_modifiers,
- link_blockname: heading_link_blockname|default(heading_base_class),
- } %}
- {% else %}
- {{ heading }}
- {% endif %}
-
diff --git a/components/01-atoms/text/headings/_headings.scss b/components/01-atoms/text/headings/_headings.scss
deleted file mode 100644
index 4108c3b..0000000
--- a/components/01-atoms/text/headings/_headings.scss
+++ /dev/null
@@ -1,195 +0,0 @@
-/*
- * Generic header styles:
- * All arguments are optional. If not defined, the defaults below will be used
-*/
-
-$color-heading: clr(accent);
-
-@mixin heading-xl(
- $font-family: $font-heading,
- $font-size: 2rem,
- $line-height: 1.4,
- $color: $color-heading,
- $color-link: inherit,
- $color-link-hover: inherit,
- $font-weight: 700,
- $margin: 0 0 0.5em
-) {
- color: $color;
- font-family: $font-family;
- font-weight: $font-weight;
- font-style: normal;
- font-size: $font-size;
- line-height: $line-height;
- margin: $margin;
- width: auto;
-
- &__link {
- color: $color-link;
-
- &:hover {
- color: $color-link-hover;
- }
- }
-}
-
-@mixin heading-large(
- $font-family: $font-heading,
- $font-size: 1.8rem,
- $line-height: 1.4,
- $color: $color-heading,
- $color-link: inherit,
- $color-link-hover: inherit,
- $font-weight: 700,
- $margin: 0 0 0.5em
-) {
- color: $color;
- font-family: $font-family;
- font-weight: $font-weight;
- font-style: normal;
- font-size: $font-size;
- line-height: $line-height;
- margin: $margin;
- width: auto;
-
- &__link {
- color: $color-link;
-
- &:hover {
- color: $color-link-hover;
- }
- }
-}
-
-@mixin heading-medium(
- $font-family: $font-heading,
- $font-size: 1.4rem,
- $line-height: 1.6,
- $color: $color-heading,
- $color-link: inherit,
- $color-link-hover: inherit,
- $font-weight: 700,
- $margin: 0 0 0.5em
-) {
- color: $color;
- font-family: $font-family;
- font-weight: $font-weight;
- font-style: normal;
- font-size: $font-size;
- line-height: $line-height;
- margin: $margin;
- width: auto;
-
- &__link {
- color: $color-link;
-
- &:hover {
- color: $color-link-hover;
- }
- }
-}
-
-@mixin heading-small(
- $font-family: $font-heading,
- $font-size: 1.2rem,
- $line-height: 1.6,
- $color: $color-heading,
- $color-link: inherit,
- $color-link-hover: inherit,
- $font-weight: 600,
- $margin: 0 0 0.5em
-) {
- color: $color;
- font-family: $font-family;
- font-weight: $font-weight;
- font-style: normal;
- font-size: $font-size;
- line-height: $line-height;
- margin: $margin;
- width: auto;
-
- &__link {
- color: $color-link;
-
- &:hover {
- color: $color-link-hover;
- }
- }
-}
-
-@mixin heading-xs(
- $font-family: $font-heading,
- $font-size: 1.1rem,
- $line-height: 2,
- $color: $color-heading,
- $color-link: inherit,
- $color-link-hover: inherit,
- $font-weight: 600,
- $margin: 0 0 0.5em
-) {
- color: $color;
- font-family: $font-family;
- font-weight: $font-weight;
- font-style: normal;
- font-size: $font-size;
- line-height: $line-height;
- margin: $margin;
- width: auto;
-
- &__link {
- color: $color-link;
-
- &:hover {
- color: $color-link-hover;
- }
- }
-}
-
-.h1 {
- @include heading-xl;
-}
-
-.h2 {
- @include heading-large;
-}
-
-.h3 {
- @include heading-medium;
-}
-
-.h4 {
- @include heading-small;
-}
-
-.h5,
-.h6 {
- @include heading-xs;
-}
-
-/* TODO: BEM selectors should be applied to wysiwyg-created content */
-
-.text-long {
- h1 {
- @extend .h1;
- }
-
- h2 {
- @extend .h2;
- }
-
- h3 {
- @extend .h3;
- }
-
- h4 {
- @extend .h4;
- }
-
- h5 {
- @extend .h5;
- }
-
- h6 {
- @extend .h6;
- }
-}
diff --git a/components/01-atoms/text/headings/headings.twig b/components/01-atoms/text/headings/headings.twig
deleted file mode 100644
index 0808151..0000000
--- a/components/01-atoms/text/headings/headings.twig
+++ /dev/null
@@ -1,11 +0,0 @@
-
-{% if meta %}
- {{ meta.description }}
-{% endif %}
diff --git a/components/01-atoms/text/text.stories.js b/components/01-atoms/text/text.stories.js
deleted file mode 100644
index 8f0391b..0000000
--- a/components/01-atoms/text/text.stories.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-import headings from './headings/headings.twig';
-import blockquote from './text/02-blockquote.twig';
-import pre from './text/05-pre.twig';
-import paragraph from './text/03-inline-elements.twig';
-
-import blockquoteData from './text/blockquote.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Atoms/Text' };
-
-export const headingsExamples = () => (
-
-);
-export const blockquoteExample = () => (
-
-);
-export const preformatted = () => (
-
-);
-export const random = () => (
-
-);
diff --git a/components/01-atoms/text/text/01-paragraph.twig b/components/01-atoms/text/text/01-paragraph.twig
deleted file mode 100644
index c2422c0..0000000
--- a/components/01-atoms/text/text/01-paragraph.twig
+++ /dev/null
@@ -1,20 +0,0 @@
-{#
-/**
- * Available variables:
- * - paragraph_base_class - the base classname
- * - paragraph_modifiers - array of modifiers to add to the base classname
- * - paragraph_blockname - blockname prepended to the base classname
- * - paragraph_content - the content of the paragraph (typically text)
- *
- * Available blocks:
- * - paragraph_content - used to replace the content of the paragraph with something other than plain text
- * for example: A formatted text field in Wordpress
- */
-#}
-{% set paragraph_base_class = paragraph_base_class|default('paragraph') %}
-
-
- {% block paragraph_content %}
- {{ paragraph_content }}
- {% endblock %}
-
diff --git a/components/01-atoms/text/text/02-blockquote.twig b/components/01-atoms/text/text/02-blockquote.twig
deleted file mode 100644
index 4939a4b..0000000
--- a/components/01-atoms/text/text/02-blockquote.twig
+++ /dev/null
@@ -1,23 +0,0 @@
-{#
-/**
- * Available variables:
- * - blockquote_base_class - the base classname
- * - blockquote_modifiers - array of modifiers to add to the base classname
- * - blockquote_blockname - blockname prepended to the base classname
- * - blockquote_url - the url this blockquote should point to
- * - blockquote_content - the content of the blockquote (typically text)
- *
- * Available blocks:
- * - blockquote_content - used to replace the content of the blockquote with something other than text
- * for example: A formatted text field in Wordpress
- */
-#}
-{% set blockquote_base_class = blockquote_base_class|default('blockquote') %}
-
-
- {% block blockquote_content %}
- {{ blockquote_content }}
- {% endblock %}
-
diff --git a/components/01-atoms/text/text/03-inline-elements.twig b/components/01-atoms/text/text/03-inline-elements.twig
deleted file mode 100644
index 8c10017..0000000
--- a/components/01-atoms/text/text/03-inline-elements.twig
+++ /dev/null
@@ -1,45 +0,0 @@
-{#
-/**
- * This is strictly an exmaple file to demonstrate markup in Storybook.
- * It is not intended to be included in any other component.
- */
-#}
-
-
Strong is used to indicate strong importance
-
-
This text has added emphasis
-
-
The b element is stylistically different text from normal text, without any special importance
-
-
The i element is text that is set off from the normal text
-
-
The u element is text with an unarticulated, though explicitly rendered, non-textual annotation
-
-
This text is deleted and This text is inserted
-
-
This text has a strikethrough
-
-
Superscript®
-
-
Subscript for things like H2 O
-
-
This text is small for fine print, etc.
-
-
Abbreviation: HTML
-
-
Keybord input: Cmd
-
-
This text is a short inline quotation
-
-
This is a citation
-
-
The dfn element indicates a definition.
-
-
The mark element indicates a highlight
-
-
This is what inline code looks like.
-
-
This is sample output from a computer program
-
-
The variarble element , such as x = y
-
diff --git a/components/01-atoms/text/text/05-pre.twig b/components/01-atoms/text/text/05-pre.twig
deleted file mode 100644
index cdebd17..0000000
--- a/components/01-atoms/text/text/05-pre.twig
+++ /dev/null
@@ -1,15 +0,0 @@
-{#
-/**
- * This is strictly an exmaple file to demonstrate markup in Storybook.
- * It is not intended to be included in any other component.
- */
-#}
-
-P R E F O R M A T T E D T E X T
-! " # $ % & ' ( ) * + , - . /
-0 1 2 3 4 5 6 7 8 9 : ; < = > ?
-@ A B C D E F G H I J K L M N O
-P Q R S T U V W X Y Z [ \ ] ^ _
-` a b c d e f g h i j k l m n o
-p q r s t u v w x y z { | } ~
-
diff --git a/components/01-atoms/text/text/06-hr.twig b/components/01-atoms/text/text/06-hr.twig
deleted file mode 100644
index 50e14d6..0000000
--- a/components/01-atoms/text/text/06-hr.twig
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/components/01-atoms/text/text/_text.scss b/components/01-atoms/text/text/_text.scss
deleted file mode 100644
index a4bdda7..0000000
--- a/components/01-atoms/text/text/_text.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-/* Create a mixin for paragraph styles that can be implemented
- * in components with other classnames.
-*/
-@mixin paragraph($margin: 0 0 1em) {
- margin: $margin;
-}
-
-.paragraph {
- @include paragraph;
-}
-
-.blockquote {
- font-style: italic;
- border-left: solid 3px clr(accent);
- margin-left: 1em;
- padding-left: 1em;
-}
-
-.hr {
- border-style: solid;
- border-width: 1px 0 0;
- color: currentColor;
-}
-
-/* TODO: BEM selectors should be applied to wysiwyg-created content */
-
-.text-long {
- p {
- @extend .paragraph;
- }
-
- blockquote {
- @extend .blockquote;
- }
-
- hr {
- @extend .hr;
- }
-}
diff --git a/components/01-atoms/text/text/blockquote.yml b/components/01-atoms/text/text/blockquote.yml
deleted file mode 100644
index 4fcc874..0000000
--- a/components/01-atoms/text/text/blockquote.yml
+++ /dev/null
@@ -1 +0,0 @@
-blockquote_content: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
diff --git a/components/01-atoms/video/_video.scss b/components/01-atoms/video/_video.scss
deleted file mode 100644
index 11da429..0000000
--- a/components/01-atoms/video/_video.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-/* Responsive Video using CSS only */
-.video {
- height: 0;
- overflow: hidden;
- padding-top: 35px;
- padding-bottom: 56.25%; /* 56.25% = 16x9 */
- position: relative;
-
- iframe {
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
- }
-}
-
-.video--full {
- padding-bottom: 75%; /* 75% = 4x3 */
-}
diff --git a/components/01-atoms/video/video-full.yml b/components/01-atoms/video/video-full.yml
deleted file mode 100644
index 183f2d9..0000000
--- a/components/01-atoms/video/video-full.yml
+++ /dev/null
@@ -1,3 +0,0 @@
-video_content: "VIDEO "
-video_modifiers:
- - 'full'
diff --git a/components/01-atoms/video/video.twig b/components/01-atoms/video/video.twig
deleted file mode 100644
index 1c46b42..0000000
--- a/components/01-atoms/video/video.twig
+++ /dev/null
@@ -1,23 +0,0 @@
-{#
-/**
- * Available variables:
- * - video_base_class - the base classname
- * - video_modifiers - array of modifiers to add to the base classname
- * by default, videos are expected to be 16x9, include the modifier "full" to support a 4x3 video
- * - video_blockname - blockname prepended to the base classname
- * - video_content - the content of the video (typically an iframe)
- * the "|raw" filter is applied so that the iframe is rendered instead
- * of simply passing the iframe as plain text.
- *
- * Available blocks:
- * - video_content - used to replace the content of the video with something other than the typical iframe
- * for example: to insert an html5 video component
- */
-#}
-{% set video_base_class = video_base_class|default('video') %}
-
-
- {% block video_content %}
- {{ video_content|raw }}
- {% endblock %}
-
diff --git a/components/01-atoms/video/video.yml b/components/01-atoms/video/video.yml
deleted file mode 100644
index bfd7474..0000000
--- a/components/01-atoms/video/video.yml
+++ /dev/null
@@ -1 +0,0 @@
-video_content: "VIDEO "
diff --git a/components/01-atoms/video/videos.stories.js b/components/01-atoms/video/videos.stories.js
deleted file mode 100644
index 52c2a16..0000000
--- a/components/01-atoms/video/videos.stories.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-
-import video from './video.twig';
-
-import videoData from './video.yml';
-import videoFullData from './video-full.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Atoms/Videos' };
-
-export const wide = () => (
-
-);
-export const full = () => (
-
-);
diff --git a/components/02-molecules/card/_card.scss b/components/02-molecules/card/_card.scss
deleted file mode 100644
index 640b996..0000000
--- a/components/02-molecules/card/_card.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-.card__heading {
- @include heading-large($font-size: 1.3rem);
- @include no-bottom;
-
- &-link {
- @include link;
- }
-}
-
-.card__subheading {
- @include heading-medium($font-size: 1rem);
- @include no-bottom;
-
- color: clr(text);
-}
-
-.card__body {
- margin: 0.7em 0 1em;
-}
-
-.card__link {
- @include link;
-}
-
-.card__button {
- @include button-base;
- @include button-color-primary;
- @include button-medium;
-}
-
-/* Variations */
-.card--bg {
- background-color: clr(highlight-high);
- padding: 1em;
-}
diff --git a/components/02-molecules/card/card-bg.yml b/components/02-molecules/card/card-bg.yml
deleted file mode 100644
index b31cda2..0000000
--- a/components/02-molecules/card/card-bg.yml
+++ /dev/null
@@ -1,2 +0,0 @@
-card__modifiers:
- - 'bg'
diff --git a/components/02-molecules/card/card.twig b/components/02-molecules/card/card.twig
deleted file mode 100644
index 9c98ff7..0000000
--- a/components/02-molecules/card/card.twig
+++ /dev/null
@@ -1,115 +0,0 @@
-{#
- # Available variables:
- # - card__base_class - base classname of the wrapper.
- # - card__modifiers - array of modifiers to add to the base classname of the wrapper.
- # - card__blockname - blockname prepended to the base classname of the wrapper(s) and each component.
- #
- # - card__image__src - the actual image file location.
- # - card__image__alt - (optional) the alt text for screen readers and when the image cannot load.
- # - card__image__output_image_tag - whether to print the picture element or not.
- #
- # - card__content__base_class - base classname of the copy wrapper - defaults to 'heading'.
- # - card__content__modifiers - array of modifiers to add to the base classname of the copy wrapper.
- # - card__content__blockname - blockname prepended to the base classname of the copy wrapper.
- #
- # - card__heading - the content of the title component.
- # - card__heading__link - (optional) the url the title should link to. Defaults to card__link__url.
- # - card__heading__base_class - base classname of the title component. Defaults to "title".
- # - card__heading__blockname - blockname to add to the base classname of the title - defaults to card__base_class.
- # - card__heading__modifiers - array of modifiers to add to the base classname of the title.
- # - card__heading__link_base_class - base class to add to the title link - defaults to 'title-link'.
- #
- # - card__subheading - the content of the subtitle component.
- # - card__subheading__link - (optional) the url the subtitle should link to.
- # - card__subheading__base_class - base classname of the subtitle component. Defaults to "subtitle".
- # - card__subheading__modifiers - array of modifiers to add to the base classname of the subtitle.
- #
- # - card__body - the content of the body component.
- # - card__body__base_class - base classname of the body component. Defaults to "body".
- # - card__body__modifiers - array of modifiers to add to the base classname of the body.
- #
- # - card__link__text - the content of the link component.
- # - card__link__url - the url the link should link to.
- # - card__link__base_class - base classname of the link component. Defaults to "link".
- # - card__link__blockname - override link blockname. Defaults to card__base_class.
- # - card__link__attributes - array of attribute,value pairs for the link attribute.
- # - card__link__modifiers - array of modifiers to add to the base classname of the link.
- #
- # - card__button__content - the content of the button component.
- # - card__button__url - the url the button should link to.
- # - card__button__base_class - base classname of the button component. Defaults to "button".
- # - card__button__attributes - array of attribute,value pairs for the button attribute.
- # - card__button__modifiers - array of modifiers to add to the base classname of the button.
- #}
-{% set card__base_class = 'card' %}
-
-
- {# Image #}
- {% block card__img %}
- {% if card__image__src %}
- {% include "@atoms/images/image/responsive-image.twig" with {
- image_blockname: card__base_class,
- output_image_tag: card__image__output_image_tag,
- image_src: card__image__src,
- image_alt: card__image__alt,
- } %}
- {% endif %}
- {% endblock %}
- {# Content #}
-
- {# Heading #}
- {% if card__heading %}
- {% include "@atoms/text/headings/_heading.twig" with {
- heading_base_class: card__heading__base_class|default('heading'),
- heading_modifiers: card__heading__modifiers,
- heading_blockname: card__base_class,
- heading_level: 2,
- heading: card__heading,
- heading_url: card__heading__link|default(card__link__url),
- heading_link_base_class: card__heading__link_base_class|default('heading-link'),
- heading_link_blockname: card__base_class,
- } %}
- {% endif %}
- {# Subheading #}
- {% if card__subheading %}
- {% include "@atoms/text/headings/_heading.twig" with {
- heading_base_class: card__subheading__base_class|default('subheading'),
- heading_modifiers: card__subheading__modifiers,
- heading_blockname: card__base_class,
- heading_level: 3,
- heading: card__subheading,
- heading_url: card__subheading__link,
- } %}
- {% endif %}
- {# Body #}
- {% if card__body %}
- {% include "@atoms/text/text/01-paragraph.twig" with {
- paragraph_base_class: card__body__base_class|default('body'),
- paragraph_modifiers: card__body__modifiers,
- paragraph_blockname: card__base_class,
- paragraph_content: card__body,
- } %}
- {% endif %}
- {# Link #}
- {% if card__link__url %}
- {% include "@atoms/links/link/link.twig" with {
- link_base_class: card__link__base_class|default('link'),
- link_blockname: card__base_class,
- link_attributes: card__link__attributes,
- link_content: card__link__text,
- link_url: card__link__url,
- } %}
- {% endif %}
- {# Button #}
- {% if card__button__url %}
- {% include "@atoms/buttons/twig/button.twig" with {
- button_base_class: card__button__base_class|default('button'),
- button_modifiers: card__button__modifiers,
- button_blockname: card__base_class,
- button_attributes: card__button__attributes,
- button_content: card__button__content,
- button_url: card__button__url,
- } %}
- {% endif %}
-
-
diff --git a/components/02-molecules/card/card.yml b/components/02-molecules/card/card.yml
deleted file mode 100644
index 02a5467..0000000
--- a/components/02-molecules/card/card.yml
+++ /dev/null
@@ -1,8 +0,0 @@
-card__image__src: 'https://placeimg.com/1280/720/nature'
-card__image__alt: "This is the card image's alt text"
-card__image__output_image_tag: true
-card__heading: 'This is the card heading'
-card__subheading: 'Curabitur non nulla sit amet nisl tempus convallis quis ac lectus'
-card__body: 'ellentesque in ipsum id orci porta dapibus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.'
-card__link__text: 'Read more about this card'
-card__link__url: '#'
diff --git a/components/02-molecules/card/cards.stories.js b/components/02-molecules/card/cards.stories.js
deleted file mode 100644
index f517eb6..0000000
--- a/components/02-molecules/card/cards.stories.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-
-import card from './card.twig';
-
-import cardData from './card.yml';
-import cardBgData from './card-bg.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Molecules/Cards' };
-
-export const cardExample = () => (
-
-);
-export const cardWithBackground = () => (
-
-);
diff --git a/components/02-molecules/cta/_cta.scss b/components/02-molecules/cta/_cta.scss
deleted file mode 100644
index 04fe925..0000000
--- a/components/02-molecules/cta/_cta.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.cta {
- background-color: clr(background-section);
- padding: $space-triple;
- text-align: center;
- text-transform: uppercase;
-}
diff --git a/components/02-molecules/cta/cta.twig b/components/02-molecules/cta/cta.twig
deleted file mode 100644
index c14a5ba..0000000
--- a/components/02-molecules/cta/cta.twig
+++ /dev/null
@@ -1,7 +0,0 @@
-{% set cta__base_class = 'cta' %}
-
-
{{ cta__heading }}
- {% include "@atoms/buttons/twig/button.twig" with {
- button_content: cta__button_text,
- } %}
-
diff --git a/components/02-molecules/cta/cta.yml b/components/02-molecules/cta/cta.yml
deleted file mode 100644
index 0a5d77c..0000000
--- a/components/02-molecules/cta/cta.yml
+++ /dev/null
@@ -1,2 +0,0 @@
-cta__heading: 'This is a reason to act'
-cta__button_text: 'Click here'
diff --git a/components/02-molecules/cta/ctas.stories.js b/components/02-molecules/cta/ctas.stories.js
deleted file mode 100644
index 3f9fbd4..0000000
--- a/components/02-molecules/cta/ctas.stories.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-import cta from './cta.twig';
-
-import ctaData from './cta.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Molecules/CTA' };
-
-export const ctaExample = () => (
-
-);
diff --git a/components/02-molecules/menus/_menu-item.twig b/components/02-molecules/menus/_menu-item.twig
deleted file mode 100644
index 6a350dc..0000000
--- a/components/02-molecules/menus/_menu-item.twig
+++ /dev/null
@@ -1,37 +0,0 @@
-{% if not item_modifiers %}
- {% set item_modifiers = [] %}
-{% endif %}
-{# Pass original item modifiers down to children #}
-{% set original_item_modifiers = item_modifiers %}
-{% if item.in_active_trail == TRUE %}
- {% set item_modifiers = item_modifiers|merge(['active']) %}
-{% endif %}
-{% if menu_level > 0 %}
- {% set item_modifiers = item_modifiers|merge(['sub', 'sub-' ~ menu_level]) %}
-{% endif %}
-{% if item.children %}
- {% set item_modifiers = item_modifiers|merge(['with-sub']) %}
-{% endif %}
-{# below could maybe be done without a loop? #}
-{% for modifier in item.modifiers %}
- {% set item_modifiers = item_modifiers|merge([modifier]) %}
-{% endfor %}
-
-{% set list_item_label = item_label %}
-{% set li_base_class = item_base_class|default(menu_class ~ '__item') %}
-{% set li_modifiers = item_modifiers %}
-{% set li_blockname = item_blockname %}
-
-{% extends "@atoms/lists/_list-item.twig" %}
- {% block list_item_content %}
- {% include "@atoms/links/link/link.twig" with {
- link_content: item.title,
- link_url: item.url,
- link_base_class: item_base_class|default(menu_class ~ '__link'),
- link_modifiers: item_modifiers,
- } %}
- {% if item.children %}
-
- {{ menus.menu_links(item.children, attributes, menu_level + 1, menu_class, menu_modifiers, menu_blockname, item_base_class, original_item_modifiers, item_blockname, directory) }}
- {% endif %}
- {% endblock %}
diff --git a/components/02-molecules/menus/_menu-list.twig b/components/02-molecules/menus/_menu-list.twig
deleted file mode 100644
index 359845a..0000000
--- a/components/02-molecules/menus/_menu-list.twig
+++ /dev/null
@@ -1,15 +0,0 @@
-{% set ul_base_class = menu_class %}
-{% set ul_modifiers = menu_modifiers %}
-{% set ul_blockname = menu_blockname %}
-
-{# List #}
-{% extends "@atoms/lists/ul.twig" %}
- {% block list_content %}
- {% for item in items %}
- {% include "@molecules/menus/_menu-item.twig" with {
- li_base_class: item_base_class,
- li_modifiers: item_modifiers,
- li_blockname: item_blockname,
- } %}
- {% endfor %}
- {% endblock %}
diff --git a/components/02-molecules/menus/_menu.twig b/components/02-molecules/menus/_menu.twig
deleted file mode 100644
index e7d2bc4..0000000
--- a/components/02-molecules/menus/_menu.twig
+++ /dev/null
@@ -1,46 +0,0 @@
-{#
-/**
- * @file
- * Theme override to display a menu.
- *
- * Available variables:
- * - menu_name: The machine name of the menu.
- * - items: A nested list of menu items. Each menu item contains:
- * - attributes: HTML attributes for the menu item.
- * - below: The menu item child items.
- * - title: The menu link title.
- * - url: The menu link url
- * - localized_options: Menu link localized options.
- * - is_expanded: TRUE if the link has visible children within the current
- * menu tree.
- * - is_collapsed: TRUE if the link has children within the current menu tree
- * that are not currently visible.
- * - in_active_trail: TRUE if the link is in the active trail.
- */
-#}
-
-{#
- We call a macro which calls itself to render the full tree.
- @see http://twig.sensiolabs.org/doc/tags/macro.html
-#}
-
-{% macro menu_links(items, attributes, menu_level, menu_class, menu_modifiers, menu_blockname, item_base_class, item_modifiers, item_blockname, directory) %}
- {% import _self as menus %}
- {% if items %}
-
- {# Set classes #}
- {% set menu_class = menu_class|default('menu') %}
- {% if not menu_modifiers %}
- {% set menu_modifiers = [] %}
- {% endif %}
- {% if menu_level > 0 %}
- {% set menu_modifiers = menu_modifiers|merge(['sub', 'sub-' ~ menu_level]) %}
- {% endif %}
-
- {% include "@molecules/menus/_menu-list.twig" %}
- {% endif %}
-{% endmacro %}
-
-{% import _self as menus %}
-
-{{ menus.menu_links(items, attributes, 0, menu_class, menu_modifiers, menu_blockname, item_base_class, item_modifiers, item_blockname, directory) }}
diff --git a/components/02-molecules/menus/breadcrumbs/_breadcrumbs.scss b/components/02-molecules/menus/breadcrumbs/_breadcrumbs.scss
deleted file mode 100644
index 97a710e..0000000
--- a/components/02-molecules/menus/breadcrumbs/_breadcrumbs.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-$color-breadcrumb: clr(accent);
-$color-breadcrumb-hover: clr(accent-high);
-$color-breadcrumb-active: clr(text);
-
-.breadcrumb {
- @include list-reset;
-}
-
-.breadcrumb__item,
-.breadcrumb__link,
-.breadcrumb__link:link,
-.breadcrumb__link:visited,
-.breadcrumb__link:focus {
- color: $color-breadcrumb;
- text-decoration: none;
-}
-
-.breadcrumb__link:hover {
- color: $color-breadcrumb-hover;
-}
-
-.breadcrumb__item {
- display: inline-block;
- font-size: 0.75rem;
-
- &::after {
- content: '/';
- }
-
- &:last-child {
- color: $color-breadcrumb-active;
-
- &::after {
- content: '';
- }
- }
-}
-
-.breadcrumb_link:active {
- color: $color-breadcrumb-active;
-}
diff --git a/components/02-molecules/menus/breadcrumbs/breadcrumbs.twig b/components/02-molecules/menus/breadcrumbs/breadcrumbs.twig
deleted file mode 100644
index 05a3ce6..0000000
--- a/components/02-molecules/menus/breadcrumbs/breadcrumbs.twig
+++ /dev/null
@@ -1,27 +0,0 @@
-{#
-/**
- * @file
- * Theme override for a breadcrumb trail.
- *
- * Available variables:
- * - breadcrumb: Breadcrumb trail items.
- */
-#}
-{% set breadcrumb__base_class = 'breadcrumb' %}
-
-{% if breadcrumb %}
-
- {{ 'Breadcrumb' }}
-
- {% for item in breadcrumb %}
-
- {% if item.url %}
- {{ item.text }}
- {% else %}
- {{ item.text }}
- {% endif %}
-
- {% endfor %}
-
-
-{% endif %}
diff --git a/components/02-molecules/menus/breadcrumbs/breadcrumbs.yml b/components/02-molecules/menus/breadcrumbs/breadcrumbs.yml
deleted file mode 100644
index 05875dc..0000000
--- a/components/02-molecules/menus/breadcrumbs/breadcrumbs.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-breadcrumb:
- - url: '#'
- text: 'Home'
- - url: '#'
- text: 'Parent Page'
- - text: 'Current Page'
diff --git a/components/02-molecules/menus/inline/_inline-menu.scss b/components/02-molecules/menus/inline/_inline-menu.scss
deleted file mode 100644
index 79e0a96..0000000
--- a/components/02-molecules/menus/inline/_inline-menu.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-.inline-menu {
- @include list-reset;
-}
-
-.inline-menu__item {
- margin: 0 1em 0.5em 0;
-
- @include large {
- display: inline;
- margin-bottom: 1em;
- }
-
- &:last-child {
- margin-right: 0;
- }
-}
-
-.inline-menu__link {
- @include link;
-
- font-size: 0.75rem;
- font-weight: 600;
- letter-spacing: 1.5px;
- text-decoration: none;
- text-transform: uppercase;
-}
diff --git a/components/02-molecules/menus/inline/inline-menu.twig b/components/02-molecules/menus/inline/inline-menu.twig
deleted file mode 100644
index d39cb66..0000000
--- a/components/02-molecules/menus/inline/inline-menu.twig
+++ /dev/null
@@ -1,4 +0,0 @@
-{% include "@molecules/menus/_menu.twig" with {
- menu_class: 'inline-menu',
- items: inline_menu_items,
-} %}
diff --git a/components/02-molecules/menus/inline/inline-menu.yml b/components/02-molecules/menus/inline/inline-menu.yml
deleted file mode 100644
index 45382e7..0000000
--- a/components/02-molecules/menus/inline/inline-menu.yml
+++ /dev/null
@@ -1,7 +0,0 @@
-inline_menu_items:
- - title: 'Test'
- url: '#'
- - title: 'Number 2'
- url: '#'
- - title: 'Item Number 3'
- url: '#'
diff --git a/components/02-molecules/menus/main-menu/_00-main-menu.scss b/components/02-molecules/menus/main-menu/_00-main-menu.scss
deleted file mode 100644
index a380585..0000000
--- a/components/02-molecules/menus/main-menu/_00-main-menu.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-/* Menu media */
-$main-menu-medium: $medium;
-
-/* Nav */
-.main-nav {
- display: none;
-
- @include medium {
- display: block;
- }
-
- &--open {
- background-color: clr(background);
- display: block;
- left: 0;
- overflow-y: scroll;
- position: absolute;
- top: 134px;
- right: 0;
- width: 100%;
- }
-}
-
-/* UL */
-.main-menu {
- @include list-reset;
-
- border-bottom: 1px solid;
- position: relative;
- z-index: 10;
-
- @include medium {
- border-bottom: none;
- }
-}
-
-/*
- * Sub Navigation
- */
-
-/* UL (Nested) */
-.main-menu--sub {
- border-bottom: none;
- height: 0;
- overflow: hidden;
- background-color: clr(muted);
- width: 100%;
-
- @include medium {
- background-color: clr(highlight-high);
- display: none;
- height: auto;
- left: 0;
- overflow: visible;
- padding: $space 0;
- position: absolute;
- top: 55px;
- width: 315px;
- z-index: 1;
- font-size: 0.9rem;
- opacity: 0.6;
- }
-
- &:hover {
- @include medium {
- opacity: 1;
- background-color: clr(accent-high);
- transition: all 0.2s;
-
- .main-menu__link--sub {
- color: clr(highlight);
-
- &.active,
- &:active,
- &:hover {
- color: clr(background);
- background-color: clr(accent-high);
- }
- }
- }
- }
-
- /* See main-menu.js */
- &-open {
- height: auto;
- }
-}
-
-.main-menu--sub-2 {
- @include medium {
- display: none; /* Never shown on large screens */
- }
-}
diff --git a/components/02-molecules/menus/main-menu/_01-main-menu-item.scss b/components/02-molecules/menus/main-menu/_01-main-menu-item.scss
deleted file mode 100644
index 8921d6f..0000000
--- a/components/02-molecules/menus/main-menu/_01-main-menu-item.scss
+++ /dev/null
@@ -1,85 +0,0 @@
-/* LI */
-.main-menu__item {
- border-top: 1px solid;
- display: flex;
- flex-wrap: wrap;
- position: relative;
-
- @include medium {
- border-top: none;
- display: inline-block;
-
- /* Only top level */
- &:not(.main-menu__item--sub):hover {
- background-color: clr(accent-high);
- transition: all 0.2s;
-
- & > .main-menu--sub {
- display: block;
- }
- }
- }
-
- &:hover {
- .main-menu__link::after {
- color: clr(text);
- }
- }
-}
-
-/* Expand Button */
-.expand-sub {
- background-color: clr(accent-high);
- cursor: pointer;
- display: block;
- width: 20%;
- color: $white;
- position: relative;
-
- @include medium {
- display: none;
- }
-
- /* Down triangle */
- &::after {
- border: 15px solid;
- border-bottom-color: transparent;
- border-left: 12px solid transparent;
- border-right: 12px solid transparent;
- content: '';
- display: block;
- margin-right: -12px;
- margin-top: -6px;
- position: absolute;
- right: 50%;
- top: 50%;
- width: 0;
- }
-
- /* See main-menu.js */
- &--open {
- background-color: clr(accent-high);
- color: clr(muted);
-
- &::after {
- border-top-color: transparent;
- border-bottom: 15px solid;
- margin-top: -20px;
- }
- }
-}
-
-/*
- * Sub Navigation
- */
-
-/* LI (Nested) */
-.main-menu__item--sub {
- @include medium {
- display: block;
-
- &:not(:first-child) {
- border-top: 1px solid clr(highlight);
- }
- }
-}
diff --git a/components/02-molecules/menus/main-menu/_02-main-menu-link.scss b/components/02-molecules/menus/main-menu/_02-main-menu-link.scss
deleted file mode 100644
index 03c5512..0000000
--- a/components/02-molecules/menus/main-menu/_02-main-menu-link.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-/* A */
-.main-menu__link {
- color: clr(accent);
- display: block;
- font-size: 1.2rem;
- line-height: 1.5;
- padding: $space $space-triple $space $space-double;
- text-decoration: none;
- font-weight: bold;
-
- &--with-sub {
- width: 80%;
- }
-
- @include medium {
- border-bottom: none;
- display: inline-block;
- font-size: 1.1rem;
- padding: $space;
- text-transform: none;
- position: relative;
- width: auto;
-
- &.active,
- &:active,
- &:hover {
- color: clr(highlight-high);
- }
-
- &::after {
- color: $white;
- display: inline-block;
- content: '>';
- margin-left: 0.5rem;
- }
-
- &--sub::after {
- display: none;
- }
-
- &:hover {
- color: clr(background);
-
- &::after {
- color: clr(highlight);
- }
- }
- }
-}
-
-/*
- * Sub Navigation Links
- */
-
-/* A (Nested) */
-.main-menu__link--sub {
- color: clr(accent);
- padding-left: $space-triple;
- font-weight: normal;
-
- @include medium {
- color: clr(highlight);
- display: block;
- padding: $space-one-third $space;
- }
-}
-
-.main-menu--sub-2 {
- background-color: clr(highlight-high);
-}
-
-.main-menu__link--sub-2 {
- padding-left: $space-quadruple;
-}
diff --git a/components/02-molecules/menus/main-menu/_03-main-menu-toggle.scss b/components/02-molecules/menus/main-menu/_03-main-menu-toggle.scss
deleted file mode 100644
index f870cc0..0000000
--- a/components/02-molecules/menus/main-menu/_03-main-menu-toggle.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-/* Toggle */
-.toggle-expand {
- @include link;
-
- @include medium {
- display: none;
- }
-
- display: inline-block;
- padding: $space;
- text-decoration: none;
- width: 100%;
-
- /* See main-menu.js */
- &--open {
- background-color: clr(accent);
- }
-}
-
-.toggle-expand__text {
- display: block;
- font-size: 0.9rem;
- font-weight: bold;
-
- .toggle-expand--open & {
- color: clr(background);
- }
-}
-
-/* SVG icon */
-.toggle-expand__icon {
- height: 3rem;
- width: 3rem;
- margin: 0 auto;
-}
-
-.toggle-expand__open {
- display: inline-block;
- text-align: center;
-
- .toggle-expand--open & {
- display: none;
- }
-}
-
-.toggle-expand__close {
- display: none;
- text-align: center;
-
- &::before {
- color: clr(background);
- content: 'X';
- display: block;
- font-size: 2.5rem;
- line-height: 2;
- }
-
- .toggle-expand--open & {
- display: inline-block;
- }
-}
diff --git a/components/02-molecules/menus/main-menu/main-menu.js b/components/02-molecules/menus/main-menu/main-menu.js
deleted file mode 100644
index 069f9a0..0000000
--- a/components/02-molecules/menus/main-menu/main-menu.js
+++ /dev/null
@@ -1,27 +0,0 @@
-Attach.behaviors.mainMenu = {
- attach(context) {
- const toggleExpand = context.getElementById('toggle-expand');
- const menu = context.getElementById('main-nav');
- if (menu) {
- const expandMenu = menu.getElementsByClassName('expand-sub');
-
- // Mobile Menu Show/Hide.
- toggleExpand.addEventListener('click', (e) => {
- toggleExpand.classList.toggle('toggle-expand--open');
- menu.classList.toggle('main-nav--open');
- e.preventDefault();
- });
-
- // Expose mobile sub menu on click.
- for (let i = 0; i < expandMenu.length; i += 1) {
- expandMenu[i].addEventListener('click', (e) => {
- const menuItem = e.currentTarget;
- const subMenu = menuItem.nextElementSibling;
-
- menuItem.classList.toggle('expand-sub--open');
- subMenu.classList.toggle('main-menu--sub-open');
- });
- }
- }
- },
-};
diff --git a/components/02-molecules/menus/main-menu/main-menu.twig b/components/02-molecules/menus/main-menu/main-menu.twig
deleted file mode 100644
index fb9c53a..0000000
--- a/components/02-molecules/menus/main-menu/main-menu.twig
+++ /dev/null
@@ -1,25 +0,0 @@
-{# {{ attach_library('emulsify/main-menu') }} #}
-
-{% if menu %}
-
-
-
- {% include "@atoms/images/icons/_icon.twig" with {
- icon_base_class: "icon",
- icon_blockname: "toggle-expand",
- icon_name: "menu",
- } %}
- Main Menu
-
-
- Close
-
-
-
- {% include "@molecules/menus/_menu.twig" with {
- menu_class: "main-menu",
- items: menu.get_items,
- } %}
-
-
-{% endif %}
diff --git a/components/02-molecules/menus/main-menu/main-menu.yml b/components/02-molecules/menus/main-menu/main-menu.yml
deleted file mode 100644
index d4e3938..0000000
--- a/components/02-molecules/menus/main-menu/main-menu.yml
+++ /dev/null
@@ -1,38 +0,0 @@
-menu:
- get_items:
- - title: 'Menu Item 1'
- url: '#'
- children:
- - title: 'Menu Item 1 Sub 1'
- url: '#'
- - title: 'Menu Item 1 Sub 2'
- url: '#'
- children:
- - title: 'Menu Item 1 Sub Sub 1'
- url: '#'
- - title: 'Menu Item 1 Sub Sub 2'
- url: '#'
- - title: 'Menu Item 1 Sub 3'
- url: '#'
- - title: 'Menu Item 1 Sub 4'
- url: '#'
- - title: 'Menu Item 2'
- url: '#'
- children:
- - title: 'Menu Item 2 Sub 1'
- url: '#'
- - title: 'Menu Item 2 Sub 2'
- url: '#'
- - title: 'Menu Item 2 Sub 3'
- url: '#'
- - title: 'Menu Item 3'
- url: '#'
- children:
- - title: 'Menu Item 3 Sub 1'
- url: '#'
- - title: 'Menu Item 3 Sub 2'
- url: '#'
- - title: 'Menu Item 3 Sub 3'
- url: '#'
- - title: 'Menu Item 3 Sub 4'
- url: '#'
diff --git a/components/02-molecules/menus/menus.stories.js b/components/02-molecules/menus/menus.stories.js
deleted file mode 100644
index 33f8360..0000000
--- a/components/02-molecules/menus/menus.stories.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react';
-import { useEffect } from '@storybook/client-api';
-
-import breadcrumb from './breadcrumbs/breadcrumbs.twig';
-import inlineMenu from './inline/inline-menu.twig';
-import mainMenu from './main-menu/main-menu.twig';
-import socialMenu from './social/social-menu.twig';
-
-import breadcrumbsData from './breadcrumbs/breadcrumbs.yml';
-import inlineMenuData from './inline/inline-menu.yml';
-import mainMenuData from './main-menu/main-menu.yml';
-import socialMenuData from './social/social-menu.yml';
-
-import './main-menu/main-menu';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Molecules/Menus' };
-
-export const breadcrumbs = () => (
-
-);
-export const inline = () => (
-
-);
-export const main = () => {
- useEffect(() => Attach.attachBehaviors(), []);
- return
;
-};
-export const social = () => (
-
-);
diff --git a/components/02-molecules/menus/social/_social-menu-item.twig b/components/02-molecules/menus/social/_social-menu-item.twig
deleted file mode 100644
index d8b693e..0000000
--- a/components/02-molecules/menus/social/_social-menu-item.twig
+++ /dev/null
@@ -1,8 +0,0 @@
-{% set li_base_class = 'item' %}
-{% set li_modifiers = item_modifiers %}
-{% set li_blockname = menu_class %}
-
-{% extends "@atoms/lists/_list-item.twig" %}
- {% block list_item_content %}
- {% include "@molecules/menus/social/_social-menu-link.twig" %}
- {% endblock %}
diff --git a/components/02-molecules/menus/social/_social-menu-link.twig b/components/02-molecules/menus/social/_social-menu-link.twig
deleted file mode 100644
index e2e73a4..0000000
--- a/components/02-molecules/menus/social/_social-menu-link.twig
+++ /dev/null
@@ -1,13 +0,0 @@
-{% set link_url = item.url %}
-{% set link_base_class = 'link' %}
-{% set link_modifiers = item_modifiers %}
-{% set link_blockname = menu_class %}
-
-{% extends "@atoms/links/link/link.twig" %}
- {% block link_content %}
- {% include "@atoms/images/icons/_icon.twig" with {
- icon_name: item.icon,
- icon_blockname: menu_class,
- } %}
- {{ item.title }}
- {% endblock %}
diff --git a/components/02-molecules/menus/social/_social-menu.scss b/components/02-molecules/menus/social/_social-menu.scss
deleted file mode 100644
index ada188c..0000000
--- a/components/02-molecules/menus/social/_social-menu.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-.social-menu {
- @include list-reset;
-
- &__item {
- margin-bottom: $space-one-fourth;
- }
-
- &__link {
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- text-decoration: none;
- color: clr(text);
- }
-
- &__icon {
- height: 2rem;
- width: 2rem;
- margin-right: $space-one-half;
- fill: currentColor;
- }
-
- &__text {
- font-weight: bold;
- }
-}
diff --git a/components/02-molecules/menus/social/social-menu.twig b/components/02-molecules/menus/social/social-menu.twig
deleted file mode 100644
index 1facdfa..0000000
--- a/components/02-molecules/menus/social/social-menu.twig
+++ /dev/null
@@ -1,13 +0,0 @@
-{# Set classes #}
-{% set menu_class = 'social-menu' %}
-{% set ul_base_class = menu_class %}
-{% set ul_modifiers = menu_modifiers %}
-{% set ul_blockname = menu_blockname %}
-
-{# List #}
-{% extends "@atoms/lists/ul.twig" %}
- {% block list_content %}
- {% for item in social_menu_items %}
- {% include "@molecules/menus/social/_social-menu-item.twig" %}
- {% endfor %}
- {% endblock %}
diff --git a/components/02-molecules/menus/social/social-menu.yml b/components/02-molecules/menus/social/social-menu.yml
deleted file mode 100644
index 1976564..0000000
--- a/components/02-molecules/menus/social/social-menu.yml
+++ /dev/null
@@ -1,10 +0,0 @@
-social_menu_items:
- - title: 'Twitter'
- url: '#'
- icon: 'twitter'
- - title: 'Facebook'
- url: '#'
- icon: 'facebook'
- - title: 'Instagram'
- url: '#'
- icon: 'instagram'
diff --git a/components/02-molecules/pager/_pager.scss b/components/02-molecules/pager/_pager.scss
deleted file mode 100644
index 0acd361..0000000
--- a/components/02-molecules/pager/_pager.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-.pager {
- margin: 2em 0;
-}
-
-.pager__items {
- @include list-reset;
-
- text-align: center;
-}
-
-.pager__item {
- display: inline-block;
- margin: 0 0.7em;
-
- @include large {
- margin: 0 1em;
- }
-}
-
-.pager__link,
-.pager__link:link,
-.pager__link:visited {
- color: clr(text);
- font-weight: 600;
- text-decoration: none;
-
- &.is-active,
- &:hover {
- color: clr(accent);
- }
-}
-
-.pager__link--current {
- color: $black;
-}
-
-.pager__link--next,
-.pager__link--prev {
- display: block;
-
- span {
- display: none;
- }
-
- &::before {
- border: 8px solid clr(text);
- border-bottom: 6px solid transparent;
- border-right: 7px solid transparent;
- border-top: 6px solid transparent;
- content: '';
- display: block;
- position: relative;
- top: 1px;
- }
-
- &:hover {
- &::before {
- border-left-color: clr(accent);
- }
- }
-}
-
-.pager__link--prev {
- &::before {
- border-left-color: transparent;
- border-right-color: clr(text);
- }
-
- &:hover {
- &::before {
- border-left-color: transparent;
- border-right-color: clr(accent);
- }
- }
-}
diff --git a/components/02-molecules/pager/pager-both.yml b/components/02-molecules/pager/pager-both.yml
deleted file mode 100644
index e9781b5..0000000
--- a/components/02-molecules/pager/pager-both.yml
+++ /dev/null
@@ -1,16 +0,0 @@
-posts:
- pagination:
- prev:
- - link: '#'
- next:
- - link: '#'
- pages:
- - link: '#'
- title: "1"
- - link: '#'
- title: "2"
- - current: 1
- title: "3"
- - link: '#'
- title: "4"
-
diff --git a/components/02-molecules/pager/pager-prev.yml b/components/02-molecules/pager/pager-prev.yml
deleted file mode 100644
index d50e2bb..0000000
--- a/components/02-molecules/pager/pager-prev.yml
+++ /dev/null
@@ -1,13 +0,0 @@
-posts:
- pagination:
- prev:
- - link: '#'
- pages:
- - link: '#'
- title: "1"
- - link: '#'
- title: "2"
- - link: '#'
- title: "3"
- - current: 1
- title: "4"
diff --git a/components/02-molecules/pager/pager.stories.js b/components/02-molecules/pager/pager.stories.js
deleted file mode 100644
index e8a2d0b..0000000
--- a/components/02-molecules/pager/pager.stories.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react';
-
-import pager from './pager.twig';
-
-import pagerData from './pager.yml';
-import pagerBothData from './pager-both.yml';
-import pagerPrevData from './pager-prev.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Molecules/Menus/Pager' };
-
-export const pagerExample = () => (
- <>
- Pager:
-
- Pager with next and previous links:
-
- Pager with previous link:
-
- >
-);
diff --git a/components/02-molecules/pager/pager.twig b/components/02-molecules/pager/pager.twig
deleted file mode 100644
index b84acab..0000000
--- a/components/02-molecules/pager/pager.twig
+++ /dev/null
@@ -1,71 +0,0 @@
-{% set pager__base_class = 'pager' %}
-
-{% if posts.pagination.pages is not empty %}
-
-
-
- {# First #}
- {% if posts.pagination.pages|first and posts.pagination.pages|first.current != true %}
-
- First
-
- {% else %}
-
- First
-
- {% endif %}
-
- {# Previous #}
- {% if posts.pagination.prev %}
-
-
-
- {% else %}
-
- Previous
-
- {% endif %}
-
- {# Pages #}
- {% for page in posts.pagination.pages %}
- {% if page.link %}
-
- {{ page.title }}
-
- {# if it is current #}
- {% elseif page.current == true %}
-
- {{ page.title }}
-
- {% else %}
-
- {{ page.title }}
-
- {% endif %}
- {% endfor %}
-
- {# Next #}
- {% if posts.pagination.next %}
-
-
-
- {% else %}
-
- Next
-
- {% endif %}
-
- {# Last #}
- {% if posts.pagination.pages|last and posts.pagination.pages|last.current != true %}
-
- Last
-
- {% else %}
-
- Last
-
- {% endif %}
-
-
-
-{% endif %}
diff --git a/components/02-molecules/pager/pager.yml b/components/02-molecules/pager/pager.yml
deleted file mode 100644
index cb3a377..0000000
--- a/components/02-molecules/pager/pager.yml
+++ /dev/null
@@ -1,13 +0,0 @@
-posts:
- pagination:
- next:
- - link: '#'
- pages:
- - current: 1
- title: "1"
- - link: '#'
- title: "2"
- - link: '#'
- title: "3"
- - link: '#'
- title: "4"
diff --git a/components/02-molecules/status/_status.scss b/components/02-molecules/status/_status.scss
deleted file mode 100644
index bc49532..0000000
--- a/components/02-molecules/status/_status.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-.status__list {
- @include list-reset;
-
- margin-bottom: $space;
-}
-
-.status {
- display: block;
- margin-bottom: $space-one-half;
- padding: $space-one-half;
- text-align: center;
-
- &--warning {
- color: $gray;
- background-color: clr(warning);
- }
-
- &--error {
- color: $gray;
- background-color: clr(error);
- }
-
- &--status {
- color: $gray;
- background-color: clr(message);
- }
-}
diff --git a/components/02-molecules/status/status.stories.js b/components/02-molecules/status/status.stories.js
deleted file mode 100644
index 19d7323..0000000
--- a/components/02-molecules/status/status.stories.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-import status from './status.twig';
-
-import statusData from './status.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Molecules/Status' };
-
-export const statusExamples = () => (
-
-);
diff --git a/components/02-molecules/status/status.twig b/components/02-molecules/status/status.twig
deleted file mode 100644
index 06e1821..0000000
--- a/components/02-molecules/status/status.twig
+++ /dev/null
@@ -1,42 +0,0 @@
-{#
-/**
- * @file
- * Theme override for status messages.
- *
- * Displays status, error, and warning messages, grouped by type.
- *
- * An invisible heading identifies the messages for assistive technology.
- * Sighted users see a colored box. See http://www.w3.org/TR/WCAG-TECHS/H69.html
- * for info.
- *
- * Add an ARIA label to the contentinfo area so that assistive technology
- * user agents will better describe this landmark.
- *
- * Available variables:
- * - message_list: List of messages to be displayed, grouped by type.
- * - status_headings: List of all status types.
- * - display: (optional) May have a value of 'status' or 'error' when only
- * displaying messages of that specific type.
- * - attributes: HTML attributes for the element, including:
- * - class: HTML classes.
- */
-#}
-{% set status__base_class = 'status' %}
-{% for type, messages in message_list %}
-
- {% if type == 'error' %}
-
- {% endif %}
- {% if type %}
-
{{ type }}
- {% endif %}
-
- {% for message in messages %}
- {{ message }}
- {% endfor %}
-
- {% if type == 'error' %}
-
- {% endif %}
-
-{% endfor %}
diff --git a/components/02-molecules/status/status.yml b/components/02-molecules/status/status.yml
deleted file mode 100644
index b12e077..0000000
--- a/components/02-molecules/status/status.yml
+++ /dev/null
@@ -1,7 +0,0 @@
-message_list:
- status:
- message: 'This is a status message'
- warning:
- message: 'This is a warning message'
- error:
- message: 'This is an error message'
diff --git a/components/02-molecules/tabs/_tab.scss b/components/02-molecules/tabs/_tab.scss
deleted file mode 100644
index f040061..0000000
--- a/components/02-molecules/tabs/_tab.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-.tabs__link,
-.tabs__link--local-tasks {
- background-color: clr(muted);
- border: 1px solid clr(highlight-high);
- border-bottom: none;
- color: clr(text);
- display: block;
- font-size: 1.1rem;
- font-weight: 600;
- padding: 1em 2.4em;
- text-align: center;
- text-decoration: none;
- transition: color 0.3s;
-
- @include large {
- border-bottom: 1px solid clr(highlight-high);
- border-left: none;
- display: inline-block;
- font-size: 1rem;
- padding: 0.6em 1.7em;
- position: relative;
- top: 1px;
- width: auto;
- }
-
- &:hover {
- background-color: clr(highlight-high);
- color: clr(accent);
- }
-
- &.is-active {
- background-color: clr(text);
- border: 1px solid clr(text);
- color: clr(text-inverse);
-
- @include large {
- background-color: clr(background);
- border: 1px solid clr(highlight-high);
- border-bottom: 1px solid clr(highlight-high);
- border-left: none;
- color: clr(text);
- }
- }
-}
diff --git a/components/02-molecules/tabs/_tab.twig b/components/02-molecules/tabs/_tab.twig
deleted file mode 100644
index a7022b9..0000000
--- a/components/02-molecules/tabs/_tab.twig
+++ /dev/null
@@ -1,32 +0,0 @@
-{#
-/**
- * @file
- * Theme override for a local task link.
- *
- * Available variables:
- * - is_active: Whether the task item is an active tab.
- * - link: A rendered link element.
- */
-#}
-{%
- set link_classes = [
- is_active ? 'is-active' : '',
- 'tabs__link--local-tasks'
- ]
-%}
-
-{# if Storybook atoms example, add ul wrapper #}
-{% if example %}
-
-{% endif %}
-
- {# Detect if Wordpress #}
- {% if attributes %}
- {{ link(link['#title'], link['#url'], { 'class' : link_classes }) }}
- {% else %}
- {{ tab_text }}
- {% endif %}
-
-{% if example %}
-
-{% endif %}
diff --git a/components/02-molecules/tabs/_tabs.scss b/components/02-molecules/tabs/_tabs.scss
deleted file mode 100644
index 3cfb284..0000000
--- a/components/02-molecules/tabs/_tabs.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-/* Tab Navigation */
-.tabs__nav {
- @include list-reset;
-
- border-bottom: 1px solid $gray-lightest;
-
- @include large {
- border-left: 1px solid $gray-lightest;
- display: flex;
- }
-}
-
-/* Tab Content (hidden only in full #tabs js version) */
-.tabs__tab {
- display: none;
-
- &.is-active {
- display: block;
- }
-}
-
-.tabs__content {
- padding: 1.5rem;
-}
-
-/* No-js fallback */
-.tabs.no-js {
- .tabs__tab.is-active {
- display: block;
- }
-}
-
-/* Wordpress Local Tasks variant */
-.tabs__nav--local-tasks {
- margin: 1em 0 0.5em;
- padding: 0;
-}
-
-.tabs__link--local-tasks {
- padding: 0.3em 1.5em;
-}
diff --git a/components/02-molecules/tabs/tabs.js b/components/02-molecules/tabs/tabs.js
deleted file mode 100644
index 3dbf0e4..0000000
--- a/components/02-molecules/tabs/tabs.js
+++ /dev/null
@@ -1,56 +0,0 @@
-Attach.behaviors.tabs = {
- attach(context) {
- const el = context.querySelectorAll('.tabs');
- const tabNavigationLinks = context.querySelectorAll('.tabs__link');
- const tabContentContainers = context.querySelectorAll('.tabs__tab');
- let activeIndex = 0;
-
- /**
- * goToTab
- * @description Goes to a specific tab based on index. Returns nothing.
- * @param {Number} index The index of the tab to go to
- */
- function goToTab(index) {
- if (
- index !== activeIndex &&
- index >= 0 &&
- index <= tabNavigationLinks.length
- ) {
- tabNavigationLinks[activeIndex].classList.remove('is-active');
- tabNavigationLinks[index].classList.add('is-active');
- tabContentContainers[activeIndex].classList.remove('is-active');
- tabContentContainers[index].classList.add('is-active');
- activeIndex = index;
- }
- }
-
- /**
- * handleClick
- * @description Handles click event listeners on each of the links in the
- * tab navigation. Returns nothing.
- * @param {HTMLElement} link The link to listen for events on
- * @param {Number} index The index of that link
- */
- function handleClick(link, index) {
- link.addEventListener('click', (e) => {
- e.preventDefault();
- goToTab(index);
- });
- }
-
- /**
- * init
- * @description Initializes the component by removing the no-js class from
- * the component, and attaching event listeners to each of the nav items.
- * Returns nothing.
- */
- for (let e = 0; e < el.length; e += 1) {
- el[e].classList.remove('no-js');
- }
-
- for (let i = 0; i < tabNavigationLinks.length; i += 1) {
- const link = tabNavigationLinks[i];
- handleClick(link, i);
- }
- },
-};
diff --git a/components/02-molecules/tabs/tabs.stories.js b/components/02-molecules/tabs/tabs.stories.js
deleted file mode 100644
index 5f81776..0000000
--- a/components/02-molecules/tabs/tabs.stories.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import { useEffect } from '@storybook/client-api';
-
-import tabs from './tabs.twig';
-
-import tabData from './tabs.yml';
-
-import './tabs';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Molecules/Tabs' };
-
-export const JSTabs = () => {
- useEffect(() => Attach.attachBehaviors(), []);
- return
;
-};
diff --git a/components/02-molecules/tabs/tabs.twig b/components/02-molecules/tabs/tabs.twig
deleted file mode 100644
index 84bf748..0000000
--- a/components/02-molecules/tabs/tabs.twig
+++ /dev/null
@@ -1,45 +0,0 @@
-{#
-/**
- * @file
- * Theme override to display primary and secondary local tasks.
- *
- * Available variables:
- * - primary: HTML list items representing primary tasks.
- * - secondary: HTML list items representing primary tasks.
- *
- * Each item in these variables (primary and secondary) can be individually
- * themed in menu-local-task.html.twig.
- */
-#}
-
-{# Wordpress Specific? #}
-{% if primary %}
- {{ 'Primary tabs'|t }}
-
-{% endif %}
-{% if secondary %}
- {{ 'Secondary tabs'|t }}
-
-{% endif %}
-
-{# Component Library Specific (javascript version) #}
-{% if not primary %}
-{# {{ attach_library('emulsify/tabs') }} #}
-
-
- {% for key, tab in tabs %}
- {% include "@molecules/tabs/_tab.twig" with {
- tab_link: "#tab-" ~ key,
- tab_text: tab.tab_text,
- } %}
- {% endfor %}
-
- {% for key, tab in tabs %}
-
-
-
{{ tab.tab_content }}
-
-
- {% endfor %}
-
-{% endif %}
diff --git a/components/02-molecules/tabs/tabs.yml b/components/02-molecules/tabs/tabs.yml
deleted file mode 100644
index 0cbfab7..0000000
--- a/components/02-molecules/tabs/tabs.yml
+++ /dev/null
@@ -1,7 +0,0 @@
-tabs:
- - tab_text: 'Tab 1'
- tab_content: 'Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'
- - tab_text: 'Tab 2'
- tab_content: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
- - tab_text: 'Tab 3'
- tab_content: 'Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.'
diff --git a/components/03-organisms/grid/_grid-examples.twig b/components/03-organisms/grid/_grid-examples.twig
deleted file mode 100644
index 0c55839..0000000
--- a/components/03-organisms/grid/_grid-examples.twig
+++ /dev/null
@@ -1,23 +0,0 @@
-{% if item_type == 'card' %}
- {% include "@molecules/card/card.twig" with {
- card__extra_classes: ['grid__item'],
- card__blockname: item.card__blockname,
- card__modifiers: item.card__modifiers,
- card__image__src: item.card__image__src,
- card__image__alt: item.card__image__alt,
- card__heading: item.card__heading,
- card__subheading: item.card__subheading,
- card__body: item.card__body,
- card__link__url: item.card__link__url,
- card__link__text: item.card__link__text,
- card__image__output_image_tag: item.card__image__output_image_tag,
- } %}
-{% elseif item_type == 'cta' %}
- {% include "@molecules/cta/cta.twig" with {
- cta__extra_classes: ['grid__item'],
- cta__heading: item.cta__heading,
- cta__button_text: item.cta__button_text,
- } %}
-{% else %}
-
-{% endif %}
diff --git a/components/03-organisms/grid/_grid-item.scss b/components/03-organisms/grid/_grid-item.scss
deleted file mode 100644
index 47e6265..0000000
--- a/components/03-organisms/grid/_grid-item.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-@mixin grid-item {
- flex: 1 1 100%;
- margin-bottom: $space-double;
-
- @include large {
- margin: 0 $space-double 0 0;
- flex-basis: 30%;
- }
-
- &:last-child {
- margin-right: 0;
- }
-}
-
-.grid__item {
- @include grid-item;
-
- /* This is just for the component library example */
- &--example {
- background-color: clr(highlight-high);
- padding: $space-quadruple;
- }
-}
diff --git a/components/03-organisms/grid/_grid.scss b/components/03-organisms/grid/_grid.scss
deleted file mode 100644
index ac2e8e9..0000000
--- a/components/03-organisms/grid/_grid.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-@mixin grid {
- display: flex;
- flex-wrap: wrap;
-}
-
-.grid {
- @include grid;
-
- &--card {
- @include space-stack-page;
- }
-}
diff --git a/components/03-organisms/grid/grid-cards.yml b/components/03-organisms/grid/grid-cards.yml
deleted file mode 100644
index f33417c..0000000
--- a/components/03-organisms/grid/grid-cards.yml
+++ /dev/null
@@ -1,24 +0,0 @@
-grid_label: 'Card Grid'
-grid_type: 'card'
-item_type: 'card'
-items:
- - card__image__src: 'https://placeimg.com/480/300/people'
- card__image__alt: 'People'
- card__image__output_image_tag: true
- card__heading: 'Super Awesome Card'
- card__link__url: '#'
- card__link__text: 'Click here'
- card__subheading: 'Person of Interest'
- card__body: 'Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Pellentesque in ipsum id orci porta dapibus. Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat.'
- - card__image__src: 'https://placeimg.com/480/300/nature'
- card__image__alt: 'Nature'
- card__image__output_image_tag: true
- card__heading: 'Card Number Two'
- card__subheading: 'Some pretty sweet nature'
- card__body: 'Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat. Vivamus magna justo.'
- - card__image__src: 'https://placeimg.com/480/300/animals'
- card__image__alt: 'Animals'
- card__image__output_image_tag: true
- card__heading: 'The Last Card Heading'
- card__subheading: 'Awesome animals'
- card__body: 'Tempus convallis quis ac lectus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat.. Nulla quis lorem ut libero malesuada feugiat.'
diff --git a/components/03-organisms/grid/grid-ctas.yml b/components/03-organisms/grid/grid-ctas.yml
deleted file mode 100644
index 8efaa47..0000000
--- a/components/03-organisms/grid/grid-ctas.yml
+++ /dev/null
@@ -1,9 +0,0 @@
-grid_label: 'CTA Grid'
-item_type: 'cta'
-items:
- - cta__heading: 'This is an awesome CTA'
- cta__button_text: 'Click me!'
- - cta__heading: 'This is an even better CTA!!'
- cta__button_text: 'No, click me!'
- - cta__heading: 'This is a boring CTA'
- cta__button_text: 'Click me, I guess...'
diff --git a/components/03-organisms/grid/grid.twig b/components/03-organisms/grid/grid.twig
deleted file mode 100644
index d2d5485..0000000
--- a/components/03-organisms/grid/grid.twig
+++ /dev/null
@@ -1,27 +0,0 @@
-{% set grid_base_class = grid_base_class|default('grid') %}
-
-{% if not grid_modifiers %}
- {% set grid_modifiers = [] %}
-{% endif %}
-
-{% if page_layout_modifier %}
- {% set grid_modifiers = grid_modifiers|merge([page_layout_modifier]) %}
-{% endif %}
-
-{% if grid_type %}
- {% set grid_modifiers = grid_modifiers|merge([grid_type]) %}
-{% endif %}
-
-{% if grid_label %}
- {% include "@atoms/text/headings/_heading.twig" with {
- "heading_level": 2,
- "heading": grid_label,
- } %}
-{% endif %}
-
- {% block grid_content %}
- {% for item in items %}
- {% include "@organisms/grid/_grid-examples.twig" %}
- {% endfor %}
- {% endblock %}
-
diff --git a/components/03-organisms/grid/grid.yml b/components/03-organisms/grid/grid.yml
deleted file mode 100644
index 276c531..0000000
--- a/components/03-organisms/grid/grid.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-page_layout_modifier: 'contained'
-grid_label: 'Default'
-items:
- -
- -
- -
diff --git a/components/03-organisms/grid/grids.stories.js b/components/03-organisms/grid/grids.stories.js
deleted file mode 100644
index 355b08c..0000000
--- a/components/03-organisms/grid/grids.stories.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-import grid from './grid.twig';
-
-import gridData from './grid.yml';
-import gridCardData from './grid-cards.yml';
-import gridCtaData from './grid-ctas.yml';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Organisms/Grids' };
-
-export const defaultGrid = () => (
-
-);
-export const cardGrid = () => (
-
-);
-export const ctaGrid = () => (
-
-);
diff --git a/components/03-organisms/site/site-footer/_site-footer.scss b/components/03-organisms/site/site-footer/_site-footer.scss
deleted file mode 100644
index 7a687ff..0000000
--- a/components/03-organisms/site/site-footer/_site-footer.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-.footer {
- background-color: clr(highlight-high);
- padding: $space 0;
-
- &__inner {
- @include wrapper;
-
- display: flex;
- flex-flow: column nowrap;
-
- @include large {
- flex-direction: row;
- }
- }
-}
-
-.footer__social {
- margin-bottom: $space;
-
- @include large {
- flex: 0 1 30%;
- margin-bottom: 0;
- margin-right: $space;
- }
-}
-
-.footer__menu {
- @include large {
- flex: 1 1 100%;
- margin-left: auto;
- text-align: right;
- }
-}
diff --git a/components/03-organisms/site/site-footer/site-footer.twig b/components/03-organisms/site/site-footer/site-footer.twig
deleted file mode 100644
index 68bbc3e..0000000
--- a/components/03-organisms/site/site-footer/site-footer.twig
+++ /dev/null
@@ -1,17 +0,0 @@
-{% set footer__base_class = 'footer' %}
-
-
-{{ function('wp_footer') }}
diff --git a/components/03-organisms/site/site-header/_site-header-branding.twig b/components/03-organisms/site/site-header/_site-header-branding.twig
deleted file mode 100644
index ba2c345..0000000
--- a/components/03-organisms/site/site-header/_site-header-branding.twig
+++ /dev/null
@@ -1,12 +0,0 @@
-{% set link_base_class = 'logo-link' %}
-{% set link_url = logo_link__url|default('/') %}
-
-{% extends "@atoms/links/link/link.twig" %}
- {% block link_content %}
- {% include "@atoms/images/image/responsive-image.twig" with {
- output_image_tag: true,
- image_src: header__logo_src,
- image_alt: 'Logo',
- responsive_image_blockname: 'logo',
- } %}
- {% endblock %}
diff --git a/components/03-organisms/site/site-header/_site-header.scss b/components/03-organisms/site/site-header/_site-header.scss
deleted file mode 100644
index 3eac1ce..0000000
--- a/components/03-organisms/site/site-header/_site-header.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-.header {
- margin-bottom: 4em;
-
- &__inner {
- @include wrapper;
-
- display: flex;
- flex-flow: column nowrap;
- }
-
- &__primary {
- display: flex;
- flex-flow: row nowrap;
- justify-content: space-between;
- padding: $space 0;
- }
-
- &__branding {
- margin-right: $space;
- max-width: 300px;
- }
-}
diff --git a/components/03-organisms/site/site-header/site-header.twig b/components/03-organisms/site/site-header/site-header.twig
deleted file mode 100644
index 5ad6a93..0000000
--- a/components/03-organisms/site/site-header/site-header.twig
+++ /dev/null
@@ -1,26 +0,0 @@
-{% set header__base_class = 'header' %}
-{# If `theme` is defined, set the path relative for Wordpress.
- # Otherwise, set the path relative to the Component Library. #}
-{% set header__logo_src = theme ? theme.link ~ '/images/logo.png' : 'logo.png' %}
-
-
diff --git a/components/03-organisms/site/site.stories.js b/components/03-organisms/site/site.stories.js
deleted file mode 100644
index c7b8d2f..0000000
--- a/components/03-organisms/site/site.stories.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import { useEffect } from '@storybook/client-api';
-
-import footerTwig from './site-footer/site-footer.twig';
-import siteHeader from './site-header/site-header.twig';
-
-import footerSocial from '../../02-molecules/menus/social/social-menu.yml';
-import footerMenu from '../../02-molecules/menus/inline/inline-menu.yml';
-import breadcrumbData from '../../02-molecules/menus/breadcrumbs/breadcrumbs.yml';
-import mainMenuData from '../../02-molecules/menus/main-menu/main-menu.yml';
-
-import '../../02-molecules/menus/main-menu/main-menu';
-
-/**
- * Storybook Definition.
- */
-export default { title: 'Organisms/Site' };
-
-export const footer = () => (
-
-);
-export const header = () => {
- useEffect(() => Attach.attachBehaviors(), []);
- return (
-
- );
-};
diff --git a/components/04-templates/_default.scss b/components/04-templates/_default.scss
deleted file mode 100644
index b4f7063..0000000
--- a/components/04-templates/_default.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * General Layout
-*/
-
-$sidebar-width: 33%;
-$gutter: $space;
-$main-width: calc(100% - (#{$sidebar-width} + #{$gutter}));
-
-/*
- * Layout Using Flexbox (IE11+).
- * Remove this and uncomment Grid code below to use CSS Grid.
-*/
-
-.main {
- @include wrapper;
-
- margin-bottom: 4em;
-
- @include large {
- display: flex;
- }
-}
-
-.main-sidebar {
- margin-bottom: $space-double;
-
- @include large {
- order: 2;
- width: $sidebar-width;
- margin-bottom: 0;
- }
-}
-
-.main-content {
- width: 100%;
-
- @include large {
- &--with-sidebar {
- margin-right: $gutter;
- width: $main-width;
- }
- }
-}
-
-/*
- * Layout Using CSS Grid (NO IE11 support)
- * Remove Flexbox code above and uncomment this section to use CSS Grid.
-*/
-
-/* .main {
- @include wrapper;
-
- margin-bottom: 4em;
-
- &--with-sidebar {
- @include large {
- display: grid;
- grid-gap: $gutter;
- grid-template-areas: "content sidebar";
- grid-template-columns: $main-width #{$sidebar-width};
- }
- }
-}
-
-.main-sidebar {
- grid-area: sidebar;
- margin-bottom: $space-double;
-}
-
-.main-content {
- grid-area: content;
- width: 100%;
-} */
diff --git a/components/04-templates/_default.twig b/components/04-templates/_default.twig
deleted file mode 100644
index 2eea4c8..0000000
--- a/components/04-templates/_default.twig
+++ /dev/null
@@ -1,44 +0,0 @@
-{% set layout_modifiers = [] %}
-
-{% set main_base_class = main_base_class|default('main') %}
-{% set main_modifiers = [] %}
-
-{% set main_content_base_class = main_content_base_class|default('main-content') %}
-{% set main_content_modifiers = [] %}
-
-{% if sidebar %}
- {% set main_modifiers = main_modifiers|merge(['with-sidebar']) %}
- {% set main_content_modifiers = main_content_modifiers|merge(['with-sidebar']) %}
-{% endif %}
-
-{% block html_head_container %}
-
-{% include '@templates/_html-header.twig' %}
- {% block head %}
- {% endblock %}
-
-{% endblock %}
-
-
- {{ _e( 'Skip to content') }}
- {% block page_header %}
- {% include "@organisms/site/site-header/site-header.twig" %}
- {% endblock %}
-
-
-
- {% if sidebar %}
-
- {% block page_sidebar %}{% endblock %}
-
- {% endif %}
-
- {% block content %}{% endblock %}
-
-
-
- {% block page_footer %}
- {% include "@organisms/site/site-footer/site-footer.twig" %}
- {% endblock %}
-
-