@internetstiftelsen/styleguide 5.0.0 → 5.0.1

package/src/configurations/_config.scss

@@ -4,47 +4,47 @@
 @use '../configurations/colors/colors' as colors;
 @use '../configurations/colors/colors-functions' as colorFunc;
 
-/// Namespace
+/* Namespace
 /// Prepended to all outputted classes
 ///
-/// @group Config
+/// @group Config */
 $namespace: '' !default;
 
-/// Theme path
+/* Theme path
 /// For images and other media
 ///
-/// @group Config
+/// @group Config */
 $theme-path: '/app/themes/internetstiftelsen' !default;
 
-/// Responsive breakpoints
-/// @group Config
+/* Responsive breakpoints
+/// @group Config */
 $breakpoints: (
 	'sm': 0,
 	'md': 640px,
 	'lg': 1100px
 );
 
-/// Default margin and padding
+/* Default margin and padding
 ///
-/// @group Config
+/// @group Config */
 $default-margin: func.rhythm(2) !default;
 $default-padding: func.rhythm(2) !default;
 
-/// Theme colors
+/* Theme colors
 ///
-/// @group Config
+/// @group Config */
 $theme-colors: (
 	primary: colors.$color-ruby,
 	secondary: colors.$color-jade,
 	subtle: colors.$color-granit
 );
 
-/// Text colors
+/* Text colors
 ///
-/// @group Config
+/// @group Config */
 .color {
 	@include colorFunc.color_values($theme-colors, 'color', $separator: '-');
 }
 
-// Default text-shadow
+/* Default text-shadow */
 $text-shadow: 0 0 func.rhythm(2) rgba(colors.$color-black, 0.5);

package/src/configurations/_functions.scss

@@ -2,18 +2,18 @@
 @use "sass:map";
 @use "sass:math";
 
-// Size base
+/* Size base */
 $size-base: 18px;
-// Base unit
+/* Base unit */
 $base-unit: math.div($size-base, 2);
-// Grid columns
+/* Grid columns */
 $grid-columns: 18;
 
 @function rhythm($lines) {
 	@return to_rem($lines * $base-unit);
 }
 
-// Converts px value to rem
+/* Converts px value to rem */
 @function to_rem($size) {
 	@return math.div($size, $size-base) * 1rem;
 }
@@ -22,13 +22,13 @@ $grid-columns: 18;
 	@return math.div($n, $n * 0 + 1);
 }
 
-// Convert rem back to px
+/* Convert rem back to px */
 @function rem_to_px($size) {
 	$value: parse_int($size) * 10px;
 	@return math.round($value);
 }
 
-// Z-indexes
+/* Z-indexes */
 $z-index: (
 	'foreground': 1000,
 	'foregroundMinus': 999,

package/src/configurations/_variables.scss

@@ -7,39 +7,39 @@
 
 $namespace: '' !default;
 
-// Typography
+/* Typography */
 $font-family-base: 'HK Grotesk', sans-serif !default;
 $font-family-headings: 'HK Grotesk Semibold', sans-serif !default;
 $font-family-medium: 'HK Grotesk Medium', sans-serif !default;
 $font-family-bold: 'HK Grotesk Bold', sans-serif !default;
 $font-family-mono: 'Roboto Mono Regular', monospace !default;
 
-$headings-baseline: 0.150 !default; // HK Semibold
-$body-baseline: 0.150 !default; // HK Regular
-$mono-baseline: 0.110 !default; // Roboto Mono Regular
+$headings-baseline: 0.150 !default; /* HK Semibold */
+$body-baseline: 0.150 !default; /* HK Regular */
+$mono-baseline: 0.110 !default; /* Roboto Mono Regular */
 
-// Size base
+/* Size base */
 $size-base: 18px !default;
 
-// Size medium plus
+/* Size medium plus */
 $size-medium-plus: 15.3px !default;
 
-// Size medium
+/* Size medium */
 $size-medium: 14px !default;
 
-// Size small
+/* Size small */
 $size-small: 12px !default;
 
-// Base units
+/* Base units */
 $base-unit: math.div($size-base, 2) !default;
 $rem-size: func.to_rem($base-unit) !default;
 
-// Small size
+/* Small size */
 $small-text: func.to_rem($size-small);
 
-// Baseline defaults
+/* Baseline defaults */
 @include plumber.plumber-set-defaults(
-	$grid-height: func.to_rem($base-unit), // 9px based on 18px font size
+	$grid-height: func.to_rem($base-unit), /* 9px based on 18px font size */
 	$baseline: $body-baseline,
 	$font-size: 2,
 	$line-height: 3,
@@ -49,10 +49,10 @@ $small-text: func.to_rem($size-small);
 
 $enable-grid-classes: true !default;
 
-// Grid breakpoints
+/* Grid breakpoints
 //
 // Define the minimum dimensions at which your layout will change,
-// adapting to different screen sizes, for use in media queries.
+// adapting to different screen sizes, for use in media queries. */
 
 $grid-breakpoints: (
 	xs: 0,
@@ -67,16 +67,16 @@ $grid-breakpoints: (
 @include grid.assert-ascending($grid-breakpoints, '$grid-breakpoints');
 @include grid.assert-starts-at-zero($grid-breakpoints);
 
-// Grid columns
+/* Grid columns
 //
-// Set the number of columns and specify the width of the gutters.
+// Set the number of columns and specify the width of the gutters. */
 
 $grid-columns: 18 !default;
 $grid-gutter-width: func.to_rem(20px) !default;
 
-// Grid containers
+/* Grid containers
 //
-// Define the maximum width of `.container` for different screen sizes.
+// Define the maximum width of `.container` for different screen sizes. */
 
 $container-max-widths: (
 	xl: 1360px
@@ -84,10 +84,10 @@ $container-max-widths: (
 
 @include grid.assert-ascending($container-max-widths, '$container-max-widths');
 
-// Default border-radius
+/* Default border-radius */
 $border-radius: func.rhythm(0.5);
 
-// Icons
+/* Icons */
 $icon-size: func.to_rem(24px);
 $icon-size-large: func.to_rem(28px);
 $icon-size-medium: func.to_rem(20px);

package/src/configurations/_wordpress.scss

@@ -8,15 +8,15 @@
 @use 'mixins' as mixin;
 @use 'extends';
 
-//
+/*
 // Modifies Wordpress Core classes
-//
+*/
 
 .wp-caption {
 	margin-bottom: func.rhythm(3);
 }
 
-// Customize
+/* Customize */
 .aligncenter,
 div.aligncenter {
 	display: block;
@@ -25,14 +25,14 @@ div.aligncenter {
 
 @include breakpoint.bp-up(lg) {
 	.alignright {
-		width: calc(#{func.make_col(6)} - 13px); // <== You ugly magic number you, we hates it!
+		width: calc(#{func.make_col(6)} - 13px); /* <== You ugly magic number you, we hates it! */
 		margin: 0 0 func.rhythm(3) 0;
 		float: right;
 		clear: right;
 	}
 
 	.alignleft {
-		width: calc(#{func.make_col(6)} - 13px); // <== You ugly magic number you, we hates it!
+		width: calc(#{func.make_col(6)} - 13px); /* <== You ugly magic number you, we hates it! */
 		margin: 0 func.rhythm(2) func.rhythm(3) 0;
 		float: left;
 		clear: left;
@@ -197,7 +197,7 @@ div.aligncenter {
 	}
 }
 
-// WP Core Column Block/Group Styles
+/* WP Core Column Block/Group Styles */
 
 .wp-block-group {
 	display: flex;

package/src/configurations/colors/_colors.scss

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 @use "sass:color";
 
-/// @group Colors
+/* @group Colors */
 $color-black: #000 !default;
 $color-snow: #fff !default;
 $color-granit: #8e9297 !default;
@@ -25,7 +25,7 @@ $color-facebook: #0866ff !default;
 $color-twitter: #00aced !default;
 $color-linkedin: #0a66c2 !default;
 
-// Dark colors only for accessibility
+/* Dark colors only for accessibility */
 $color-ruby-dark: color.adjust($color-ruby, $lightness: -20%);
 $color-peacock-dark: color.adjust($color-peacock, $lightness: -20%);
 $color-jade-dark: color.adjust($color-jade, $lightness: -20%);
@@ -33,7 +33,7 @@ $color-sandstone-dark: color.adjust($color-sandstone, $lightness: -20%);
 $color-lemon-dark: color.adjust($color-lemon, $lightness: -15%);
 $color-ocean-dark:color.adjust($color-ocean, $lightness: -24%);
 
-// Medium dark colors, for decoration purposes like borders
+/* Medium dark colors, for decoration purposes like borders */
 $color-ruby-medium-dark:  color.adjust($color-ruby, $lightness: -10%);
 $color-peacock-medium-dark:  color.adjust($color-peacock, $lightness: -10%);
 $color-jade-medium-dark: color.adjust($color-jade, $lightness: -10%);

package/src/configurations/colors/colors.config.js

@@ -222,4 +222,4 @@ module.exports = {
 			},
 		]
 	}
-}
+};

package/src/configurations/favicon/favicon.config.js

@@ -4,4 +4,4 @@ module.exports = {
 	context: {
 		url: 'https://static.internetstiftelsen.se/favicons/'
 	}
-}
+};

package/src/configurations/grid/grid.config.js

@@ -5,4 +5,4 @@ module.exports = {
 		title: 'Grid',
 		description: 'Layout grid - 18 columns.'
 	}
-}
+};

package/src/configurations/icons.json

@@ -1 +1 @@
-[{"id":"search","name":"Search"},{"id":"arrow-forwards","name":"Arrow Forwards"},{"id":"arrow-backwards","name":"Arrow Backwards"},{"id":"arrow-down","name":"Arrow Down"},{"id":"arrow-variant","name":"Arrow Variant"},{"id":"hamburger","name":"Hamburger"},{"id":"close","name":"Close"},{"id":"check","name":"Check"},{"id":"quote","name":"Quote"},{"id":"file","name":"File"},{"id":"download","name":"Download"},{"id":"upload","name":"Upload"},{"id":"filter","name":"Filter"},{"id":"read","name":"Read"},{"id":"pin","name":"Pin"},{"id":"user","name":"User"},{"id":"language","name":"Language"},{"id":"linkedin","name":"Linkedin"},{"id":"facebook","name":"Facebook"},{"id":"instagram","name":"Instagram"},{"id":"twitter","name":"Twitter"},{"id":"x","name":"X"},{"id":"external-link","name":"External Link"},{"id":"app-share","name":"App Share"},{"id":"print","name":"Print"},{"id":"chapters","name":"Chapters"},{"id":"article","name":"Article"},{"id":"padlock","name":"Padlock"},{"id":"trash","name":"Trash"},{"id":"link","name":"Link"},{"id":"share","name":"Share"},{"id":"questionmark","name":"Questionmark"},{"id":"info","name":"Info"},{"id":"contrast","name":"Contrast"},{"id":"gauge","name":"Gauge"},{"id":"backward-15","name":"Backward 15"},{"id":"step-backwards","name":"Step Backwards"},{"id":"play","name":"Play"},{"id":"step-forwards","name":"Step Forwards"},{"id":"forward-60","name":"Forward 60"},{"id":"pause","name":"Pause"},{"id":"subtitles","name":"Subtitles"},{"id":"author","name":"Author"},{"id":"copy","name":"Copy"},{"id":"speaker","name":"Speaker"},{"id":"mute","name":"Mute"},{"id":"settings","name":"Settings"},{"id":"lte","name":"Lte"},{"id":"wifi","name":"Wifi"},{"id":"reception","name":"Reception"},{"id":"2g","name":"2g"},{"id":"3g","name":"3g"},{"id":"4g","name":"4g"},{"id":"5g","name":"5g"},{"id":"latency","name":"Latency"},{"id":"spinner","name":"Spinner"},{"id":"spinner-white","name":"Spinner White"},{"id":"3d","name":"3d"},{"id":"accessibility","name":"Accessibility"},{"id":"cafe","name":"Cafe"},{"id":"capacity","name":"Capacity"},{"id":"display","name":"Display"},{"id":"email","name":"Email"},{"id":"headset","name":"Headset"},{"id":"phone","name":"Phone"},{"id":"plus","name":"Plus"},{"id":"podcast","name":"Podcast"},{"id":"richtext-bold","name":"Richtext Bold"},{"id":"richtext-bullet-list","name":"Richtext Bullet List"},{"id":"richtext-italic","name":"Richtext Italic"},{"id":"streaming","name":"Streaming"},{"id":"time","name":"Time"},{"id":"drag-item","name":"Drag Item"},{"id":"personal-data","name":"Personal Data"},{"id":"romance","name":"Romance"},{"id":"shopping","name":"Shopping"},{"id":"warning","name":"Warning"},{"id":"diamond","name":"Diamond"},{"id":"world","name":"World"},{"id":"table","name":"Table"}]
+[{"id":"search","name":"Search"},{"id":"search-domain","name":"Search Domain"},{"id":"arrow-forwards","name":"Arrow Forwards"},{"id":"arrow-backwards","name":"Arrow Backwards"},{"id":"arrow-down","name":"Arrow Down"},{"id":"arrow-variant","name":"Arrow Variant"},{"id":"hamburger","name":"Hamburger"},{"id":"close","name":"Close"},{"id":"check","name":"Check"},{"id":"quote","name":"Quote"},{"id":"file","name":"File"},{"id":"download","name":"Download"},{"id":"upload","name":"Upload"},{"id":"filter","name":"Filter"},{"id":"read","name":"Read"},{"id":"pin","name":"Pin"},{"id":"user","name":"User"},{"id":"language","name":"Language"},{"id":"linkedin","name":"Linkedin"},{"id":"facebook","name":"Facebook"},{"id":"instagram","name":"Instagram"},{"id":"twitter","name":"Twitter"},{"id":"x","name":"X"},{"id":"external-link","name":"External Link"},{"id":"app-share","name":"App Share"},{"id":"print","name":"Print"},{"id":"chapters","name":"Chapters"},{"id":"article","name":"Article"},{"id":"padlock","name":"Padlock"},{"id":"trash","name":"Trash"},{"id":"link","name":"Link"},{"id":"share","name":"Share"},{"id":"questionmark","name":"Questionmark"},{"id":"info","name":"Info"},{"id":"contrast","name":"Contrast"},{"id":"gauge","name":"Gauge"},{"id":"backward-15","name":"Backward 15"},{"id":"step-backwards","name":"Step Backwards"},{"id":"play","name":"Play"},{"id":"step-forwards","name":"Step Forwards"},{"id":"forward-60","name":"Forward 60"},{"id":"pause","name":"Pause"},{"id":"subtitles","name":"Subtitles"},{"id":"author","name":"Author"},{"id":"copy","name":"Copy"},{"id":"speaker","name":"Speaker"},{"id":"mute","name":"Mute"},{"id":"settings","name":"Settings"},{"id":"lte","name":"Lte"},{"id":"wifi","name":"Wifi"},{"id":"reception","name":"Reception"},{"id":"2g","name":"2g"},{"id":"3g","name":"3g"},{"id":"4g","name":"4g"},{"id":"5g","name":"5g"},{"id":"latency","name":"Latency"},{"id":"spinner","name":"Spinner"},{"id":"spinner-white","name":"Spinner White"},{"id":"3d","name":"3d"},{"id":"accessibility","name":"Accessibility"},{"id":"cafe","name":"Cafe"},{"id":"capacity","name":"Capacity"},{"id":"display","name":"Display"},{"id":"email","name":"Email"},{"id":"headset","name":"Headset"},{"id":"phone","name":"Phone"},{"id":"plus","name":"Plus"},{"id":"podcast","name":"Podcast"},{"id":"richtext-bold","name":"Richtext Bold"},{"id":"richtext-bullet-list","name":"Richtext Bullet List"},{"id":"richtext-italic","name":"Richtext Italic"},{"id":"streaming","name":"Streaming"},{"id":"time","name":"Time"},{"id":"drag-item","name":"Drag Item"},{"id":"personal-data","name":"Personal Data"},{"id":"romance","name":"Romance"},{"id":"shopping","name":"Shopping"},{"id":"warning","name":"Warning"},{"id":"diamond","name":"Diamond"},{"id":"world","name":"World"},{"id":"table","name":"Table"}]

package/src/configurations/typography/typography.config.js

@@ -15,4 +15,4 @@ module.exports = {
 		strong: 'Den här texten är bold',
 		italic: 'den här texten är italic',
 	}
-}
+};

package/src/molecules/alert/alert.config.js

@@ -48,4 +48,4 @@ module.exports = {
 			}
 		}
 	]
-}
+};

package/src/molecules/breadcrumb/breadcrumb.config.js

@@ -25,4 +25,4 @@ module.exports = {
 			}
 		]
 	}
-}
+};

package/src/molecules/byline/byline.config.js

@@ -22,4 +22,4 @@ module.exports = {
 
 		}
 	]
-}
+};

package/src/molecules/context-menu/context-menu.config.js

@@ -9,20 +9,20 @@ module.exports = {
 	},
 	variants: [
 		{
-		name: 'No focus trap',
-		context: {
-			controls: 'contextMenu2',
-			focusTrap: false,
-			outsideClick: false
+			name: 'No focus trap',
+			context: {
+				controls: 'contextMenu2',
+				focusTrap: false,
+				outsideClick: false
 			}
 		},
 		{
-		name: 'Close on outside click',
-		context: {
-			controls: 'contextMenu3',
-			focusTrap: false,
-			outsideClick: true
+			name: 'Close on outside click',
+			context: {
+				controls: 'contextMenu3',
+				focusTrap: false,
+				outsideClick: true
 			}
 		}
 	]
-}
+};

package/src/molecules/continue-video-guide/continue-video-guide.config.js

@@ -4,4 +4,4 @@ module.exports = {
 	context: {
 		additional_classes: false
 	}
-}
+};

package/src/molecules/cookie-disclaimer/cookie-disclaimer.config.js

@@ -9,4 +9,4 @@ module.exports = {
 		js_class: 'js-dismiss-alert',
 		is_dismissable: true,
 	}
-}
+};

package/src/molecules/download/download.config.js

@@ -9,4 +9,4 @@ module.exports = {
 		download: 'Ladda ner',
 		icon: 'arrow-forwards'
 	}
-}
+};

package/src/molecules/form/form.config.js

@@ -12,4 +12,4 @@ module.exports = {
 			}
 		}
 	]
-}
+};

package/src/molecules/form-control/form-control.config.js

@@ -75,4 +75,4 @@ module.exports = {
 			}
 		}
 	]
-}
+};

package/src/molecules/glider/glider-hero.js

@@ -1,12 +1,10 @@
 import Glider from 'glider-js';
 import nodeAdded from '../../assets/js/nodeAdded';
-
-// eslint-disable-next-line import/prefer-default-export
 export function initHeroGlider(node) {
 	if (node.hasAttribute('data-glider-initialized')) {
 		return;
 	}
-	// eslint-disable-next-line no-underscore-dangle
+
 	const dataLayer = window._mtm || [];
 	const gliderLinks = document.querySelectorAll('.glider-slide a');
 

package/src/molecules/glider/glider.config.js

@@ -26,4 +26,4 @@ module.exports = {
 			}
 		}
 	]
-}
+};

package/src/molecules/icon-overlay/icon-overlay.config.js

@@ -8,4 +8,4 @@ module.exports = {
 		overlay_icon: "play",
 		additional_classes: false
 	}
-}
+};

package/src/molecules/info-box/info-box.config.js

@@ -30,4 +30,4 @@ module.exports = {
 			}
 		}
 	]
-}
+};

package/src/molecules/input-group/input-group.config.js

@@ -34,4 +34,4 @@ module.exports = {
 			},
 		},
 	],
-}
+};

package/src/molecules/modal/modal.js

@@ -104,7 +104,7 @@ function addAction(action) {
 
 	if (action.onClick) {
 		el.addEventListener('click', (e) => {
-			// eslint-disable-next-line no-use-before-define
+			 
 			action.onClick(e, modal, close);
 		});
 	}
@@ -113,7 +113,7 @@ function addAction(action) {
 function handleKeyUp(e) {
 	Object.entries(keyHandlers).forEach(([key, handler]) => {
 		if (e.key.toLowerCase() === key) {
-			// eslint-disable-next-line no-use-before-define
+			 
 			handler(e, modal, close);
 		}
 	});

package/src/molecules/multi-select/multi-select.js

@@ -105,7 +105,7 @@ class MultiSelect {
 		}
 
 		this.resetFocus();
-	}
+	};
 
 	removeItem(item) {
 		const node = this.element.querySelector(`.js-m-multi-select-selected-items li[data-value="${item.value}"]`);
@@ -228,7 +228,7 @@ class MultiSelect {
 
 			this.selectHighlighted();
 		}
-	}
+	};
 
 	onClick = (e) => {
 		if (e.target.classList.contains(className(`${this.baseClassName}__suggestion-btn`))) {
@@ -236,7 +236,7 @@ class MultiSelect {
 			this.clearSuggestions();
 			this.input.value = '';
 		}
-	}
+	};
 }
 
 const multiSelectElements = document.querySelectorAll('.js-m-multi-select');

package/src/molecules/natural-language-form/natural-language-form.config.js

@@ -13,7 +13,7 @@ module.exports = {
 
 	variants: [
 		{
-		name: 'Select with arrow',
+			name: 'Select with arrow',
 			context: {
 				select: true,
 				textElement: 'h1',
@@ -22,7 +22,7 @@ module.exports = {
 			}
 		},
 		{
-		name: 'Other text element',
+			name: 'Other text element',
 			context: {
 				select: true,
 				textElement: 'h2',
@@ -31,7 +31,7 @@ module.exports = {
 			}
 		},
 		{
-		name: 'Input',
+			name: 'Input',
 			context: {
 				select: false,
 				textElement: 'h1',
@@ -40,4 +40,4 @@ module.exports = {
 			}
 		}
 	]
-}
+};

package/src/molecules/overview-navigation/overview-navigation.js

@@ -74,7 +74,7 @@ class OverviewNavigation {
 
 		this.button.style.transition = 'none';
 		this.updateButtonPosition();
-		// eslint-disable-next-line no-unused-expressions
+		 
 		this.element.offsetHeight; // force reflow
 		this.button.style.transition = 'right 0.25s ease-out, bottom 0.25s ease-out, opacity 0.25s ease-out';
 
@@ -96,7 +96,7 @@ class OverviewNavigation {
 		this.element.setAttribute('aria-hidden', 'false');
 		this.element.classList.remove('is-minimized');
 
-		// eslint-disable-next-line no-unused-expressions
+		 
 		this.element.offsetHeight; // force reflow
 
 		this.updateButtonPosition();

package/src/molecules/share/share.config.js

@@ -5,4 +5,4 @@ module.exports = {
 		url: 'https://www.iis.se/press/pressmeddelanden/internetstiftelsen-far-utmarkelsen-svensk-kvalitet-for-andra-gangen/',
 		text: 'Internetstiftelsen får utmärkelsen Svensk Kvalitet för andra gången'
 	}
-}
+};

package/src/molecules/submenu/submenu.config.js

@@ -24,4 +24,4 @@ module.exports = {
 			}
 		}
 	]
-}
+};

package/src/molecules/system-error/system-error.config.js

@@ -7,4 +7,4 @@ module.exports = {
 		suggestion: 'Försök <a href="#" class="js-history">backa i webbläsaren</a> eller gå till <a href="/">startsidan</a>.',
 		errorMessage: 'error - Sidan kan inte hittas'
 	}
-}
+};

package/src/molecules/table/table.config.js

@@ -61,4 +61,4 @@ module.exports = {
 			}
 		},
 	]
-}
+};

package/src/molecules/teaser-news-list/teaser-news-list.config.js

@@ -44,4 +44,4 @@ module.exports = {
 			}
 		]
 	}
-}
+};

package/src/organisms/accordion/_accordion.scss

@@ -11,7 +11,7 @@
 @use '../../vendor/grid/breakpoints' as breakpoint;
 @use '../../utilities/hide';
 
-// Extends
+/* Extends */
 %header {
 	display: flex;
 	position: relative;
@@ -85,7 +85,7 @@
 
 %is-visible {
 	visibility: visible;
-	max-height: 10000em; // Rediculous height
+	max-height: 10000em; /* Rediculous height */
 	overflow: visible;
 	transition: visibility 0s ease, max-height 0.25s ease, opacity 0.25s ease;
 	opacity: 1;
@@ -100,7 +100,7 @@
 	opacity: 0;
 }
 
-// Styling before Accordion script kicks in
+/* Styling before Accordion script kicks in */
 .js-accordion {
 	@include bem.e(header) {
 		@extend %header;
@@ -234,7 +234,7 @@
 	@include bem.e(panel) {
 		@extend %panel;
 
-		// Nested to prevent padding when JS is disabled
+		/* Nested to prevent padding when JS is disabled */
 		@include bem.e(content) {
 			position: relative;
 			padding: func.rhythm(3);

package/src/organisms/accordion/accordion.config.js

@@ -160,4 +160,4 @@ module.exports = {
 			}
 		}
 	]
-}
+};

package/src/organisms/domain-search/domain-search.config.js

@@ -8,4 +8,4 @@ module.exports = {
 		label: 'sök en .se- eller .nu-domän',
 		white_background: true
 	}
-}
+};

package/src/organisms/filter/filter.config.js

@@ -179,4 +179,4 @@ module.exports = {
 			}
 		]	
 	}
-}
+};