fix: resolve 404 on favorites, adjust favorites spacing

src/assets/styles/components/_button.scss

@@ -238,7 +238,7 @@ button:-moz-focusring {
 
 .align-right .button--borderless {
 	display: inline-block;
-	margin: rem(6) rem(-8) rem(6) rem(24);
+	margin: 0 rem(-8) 0 rem(24);
 }
 
 .button--borderless.button--inverse {

src/assets/styles/layouts/_favorites.scss

@@ -6,7 +6,7 @@
 
 .page.page-template-page-favorites .cards .card__wrapper {
 	display: grid;
-	gap: rem(20);
+	gap: rem(16);
 	grid-template-columns: 100%;
 	grid-template-rows: 1fr 3rem;
 }

src/components/10-atoms/100-form-elements/70-custom-checkboxes/custom-checkboxes.config.js → src/components/10-atoms/100-form-elements/41-custom-checkboxes/custom-checkboxes.config.js

@@ -1,6 +1,6 @@
 module.exports = {
 	title: 'Custom Checkboxes',
-	status: 'ready',
+	status: 'wip',
 	standAlone: 'false',
 	context: {
 		label: 'Nested Checkboxes',

src/components/10-atoms/110-image/image.config.js

@@ -1,6 +1,6 @@
 module.exports = {
 	title: 'Image',
-	status: 'ready',
+	status: 'wip',
 	context: {
 		src: '/images/person.jpg',
 		width: 367,

src/components/10-atoms/60-call-to-action/call-to-action.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Call to Action',
 	status: 'ready',
-	order: 60,
 	context: {
 		href: 'https://example.com/call-to-action',
 		label: 'Call to Action',
@@ -16,6 +15,7 @@ module.exports = {
 		},
 		{
 			name: 'Inverse',
+			status: 'wip',
 			context: {
 				modifier: 'inverse',
 				bodyClass: 'has-blue-500-background-color'

src/components/molecules/search-button/search-button.config.js → src/components/20-molecules/10-search-button/search-button.config.js

@@ -1,5 +1,4 @@
 module.exports = {
 	title: 'Search Button',
 	status: 'wip',
-	order: 2
 };

src/components/molecules/notification/notification.config.js → src/components/20-molecules/100-notification/notification.config.js

@@ -3,7 +3,6 @@ const faker = require( 'faker' );
 module.exports = {
 	title: 'Notification',
 	status: 'ready',
-	order: 10,
 	context: {
 		icon: 'info',
 		title: 'Notification',

src/components/molecules/disclosure-button/disclosure-button.config.js → src/components/20-molecules/110-disclosure-button/disclosure-button.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Details',
 	status: 'wip',
-	order: 11,
 	context: {
 		label: 'Show details',
 		content: 'Platform cooperatives are an alternative to venture capital-funded and centralized platforms, putting stakeholders before shareholders.'

src/components/molecules/saved-search/saved-search.config.js → src/components/20-molecules/120-saved-search/saved-search.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Saved Search',
 	status: 'wip',
-	order: 12,
 	context: {
 		title: 'Cooperative economy paper',
 		searchTerm: 'Cooperative Economy',

src/components/molecules/pagination/pagination.config.js → src/components/20-molecules/130-pagination/pagination.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Pagination',
 	status: 'wip',
-	order: 13,
 	context: {
 		contentType: 'resources',
 		perPage: 10

src/components/molecules/footer/footer.config.js → src/components/20-molecules/140-footer/footer.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Footer',
 	status: 'wip',
-	order: 14,
 	context: {
 		hasFooter: true,
 		inFooter: true

src/components/molecules/global-nav/global-nav.config.js → src/components/20-molecules/150-global-nav/global-nav.config.js

@@ -2,7 +2,6 @@ module.exports = {
 	title: 'Global Navigation',
 	label: 'Global Navigation',
 	status: 'wip',
-	order: 15,
 	context: {
 		inBanner: true
 	}

src/components/molecules/radio-group/radio-group.config.js → src/components/20-molecules/160-radio-group/radio-group.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Radio Group',
 	status: 'wip',
-	order: 16,
 	context: {
 		label: 'Niches',
 		buttons: [

src/components/molecules/responsive-blocks/responsive-blocks.config.js → src/components/20-molecules/170-responsive-blocks/responsive-blocks.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Responsive Blocks',
 	status: 'wip',
-	order: 17,
 	context: {
 		divider: true,
 		dividerText: 'or'

src/components/molecules/search-form/search-form.config.js → src/components/20-molecules/30-search-form/search-form.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Search Form',
 	status: 'wip',
-	order: 3,
 	context: {
 		standAlone: false,
 		name: 's',

src/components/molecules/menu-button/menu-button.config.js → src/components/20-molecules/40-menu-button/menu-button.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Menu Button',
 	status: 'wip',
-	order: 5,
 	context: {
 		standAlone: false,
 		label: 'Sort by',

src/components/molecules/menu/menu.config.js → src/components/20-molecules/50-menu/menu.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Menu',
-	status: 'wip',
-	order: 5,
+	status: 'ready',
 	context: {
 		inBanner: true,
 	},

src/components/molecules/card/card.config.js → src/components/20-molecules/60-card/card.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Card',
-	status: 'wip',
-	order: 6,
+	status: 'ready',
 	context: {
 		title: 'Card',
 		format: 'Card',

src/components/molecules/info-card/info-card.config.js → src/components/20-molecules/61-info-card/info-card.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Info Card',
 	status: 'wip',
-	order: 6,
 	context: {
 		title: 'Change language',
 		icon: 'language',

src/components/molecules/accordion/accordion.config.js → src/components/20-molecules/70-accordion/accordion.config.js

@@ -14,7 +14,6 @@ for ( let i = 0; i < paneCount; i++ ) {
 module.exports = {
 	title: 'Accordion',
 	status: 'wip',
-	order: 7,
 	context: {
 		panes: paneData,
 		standAlone: false

src/components/molecules/filter-list/filter-list.config.js → src/components/20-molecules/71-filter-list/filter-list.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	name: 'Filter List',
 	status: 'wip',
-	order: 7,
 	context: {
 		label: 'Topics',
 		terms: [

src/components/molecules/link-list/link-list.config.js → src/components/20-molecules/80-link-list/link-list.config.js

@@ -12,7 +12,6 @@ for ( let i = 1; i <= linkCount; i++ ) {
 module.exports = {
 	title: 'Link List',
 	status: 'wip',
-	order: 8,
 	context: {
 		standAlone: false,
 		items: items

src/components/molecules/dialog/dialog.config.js → src/components/20-molecules/90-dialog/dialog.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Dialog',
 	status: 'wip',
-	order: 9,
 	context: {
 		buttonIcon: 'delete',
 		buttonLabel: 'Remove favorite',

src/components/molecules/brand/brand.config.js → src/components/20-molecules/_brand/brand.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Brand',
 	status: 'ready',
-	order: 1,
 	context: {
 		logo: 'pcc',
 		inBanner: true,

src/components/molecules/nav/nav.config.js → src/components/20-molecules/_nav/nav.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Nav',
 	status: 'wip',
-	order: 4,
 	context: {
 		inBanner: true,
 		menuTitle: 'Menu',

src/components/molecules/molecules.config.js → src/components/20-molecules/molecules.config.js

@@ -1,4 +1,3 @@
 module.exports = {
 	title: 'Molecules',
-	order: 2,
 };

src/components/layouts/skeleton/skeleton.config.js → src/components/30-layouts/10-skeleton/skeleton.config.js

@@ -1,5 +1,4 @@
 module.exports = {
 	title: 'Skeleton',
 	status: 'ready',
-	order: 1,
 };

src/components/layouts/home/home.config.js → src/components/30-layouts/20-home/home.config.js

@@ -73,7 +73,6 @@ for ( let i = 0; i < resourceCount; i++ ) {
 module.exports = {
 	title: 'Home',
 	status: 'wip',
-	order: 2,
 	context: {
 		bodyClass: 'page home',
 		hasMenu: true,

src/components/layouts/page/page.config.js → src/components/30-layouts/30-page/page.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Page',
 	status: 'wip',
-	order: 3,
 	context: {
 		bodyClass: 'page',
 		hasMenu: true,

src/components/layouts/archive/archive.config.js → src/components/30-layouts/40-archive/archive.config.js

@@ -86,7 +86,6 @@ for ( let i = 0; i < resourceCount; i++ ) {
 module.exports = {
 	title: 'Archive',
 	status: 'wip',
-	order: 4,
 	context: {
 		bodyClass: 'archive post-type-archive taxonomy',
 		hasMenu: true,

src/components/layouts/resource/resource.config.js → src/components/30-layouts/50-resource/resource.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Resource',
 	status: 'ready',
-	order: 5,
 	context: {
 		bodyClass: 'single-lc_resource',
 		hasMenu: true,

src/components/layouts/term-list/term-list.config.js → src/components/30-layouts/51-term-list/term-list.config.js

@@ -1,7 +1,6 @@
 module.exports = {
 	title: 'Term List',
 	status: 'wip',
-	// order: 5,
 	context: {
 		bodyClass: 'page term-list topics',
 		hasMenu: true,

src/components/layouts/search-results/search-results.config.js → src/components/30-layouts/60-search-results/search-results.config.js

@@ -86,7 +86,6 @@ for ( let i = 0; i < resourceCount; i++ ) {
 module.exports = {
 	title: 'Search Results',
 	status: 'wip',
-	order: 6,
 	context: {
 		bodyClass: 'search search-results',
 		hasMenu: true,

src/components/layouts/favorites/favorites.config.js → src/components/30-layouts/70-favorites/favorites.config.js

@@ -32,7 +32,7 @@ const formats = [
 	},
 	{
 		label: 'Academic Paper',
-		svg: 'academic-paper',
+		svg: 'academic',
 	},
 	{
 		label: 'Report',
@@ -75,7 +75,6 @@ for ( let i = 0; i < resourceCount; i++ ) {
 module.exports = {
 	title: 'Favorites',
 	status: 'wip',
-	order: 7,
 	context: {
 		bodyClass: 'page page-template-page-favorites',
 		hasMenu: true,

src/components/layouts/layouts.config.js → src/components/30-layouts/layouts.config.js

@@ -1,4 +1,3 @@
 module.exports = {
 	title: 'Layouts',
-	order: 3,
 };