@internetstiftelsen/styleguide 2.26.4 → 2.26.5-beta.0.2

package/dist/assets/js/ot.js

@@ -0,0 +1,13 @@
+'use strict';
+
+document.addEventListener('click', function (e) {
+	var el = e.target.closest('[data-ot-dynamic-show-settings]');
+
+	if (el) {
+		var otButton = document.getElementById('ot-sdk-btn');
+
+		if (otButton) {
+			otButton.click();
+		}
+	}
+});

package/dist/assets/js/youtube.js

@@ -59,8 +59,7 @@ function createConsentWarning(el) {
 	div.setAttribute('data-youtube-consent-warning', true);
 	div.className = (0, _className2.default)('m-icon-overlay__message');
 	button.className = (0, _className2.default)('a-button');
-	button.classList.add('ot-sdk-show-settings');
-	button.setAttribute('id', 'ot-sdk-btn');
+	button.setAttribute('data-ot-dynamic-show-settings', 'true');
 	button.innerHTML = '<span class="' + (0, _className2.default)('a-button__text') + '">Anpassa kakor</span>';
 	message.innerHTML = missingConsentMessage;
 

package/dist/components.js

@@ -62,4 +62,6 @@ require('./organisms/timeline/timeline');
 
 require('./molecules/overview-navigation/overview-navigation');
 
-require('./organisms/schedule/schedule-filter');
+require('./organisms/schedule/schedule-filter');
+
+require('./assets/js/ot');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@internetstiftelsen/styleguide",
-	"version": "2.26.4",
+	"version": "2.26.5-beta.0.2",
 	"main": "dist/components.js",
 	"ports": {
 		"fractal": "3000"

package/src/assets/js/ot.js

@@ -0,0 +1,11 @@
+document.addEventListener('click', (e) => {
+	const el = e.target.closest('[data-ot-dynamic-show-settings]');
+
+	if (el) {
+		const otButton = document.getElementById('ot-sdk-btn');
+
+		if (otButton) {
+			otButton.click();
+		}
+	}
+});

package/src/assets/js/youtube.js

@@ -44,8 +44,7 @@ function createConsentWarning(el) {
 	div.setAttribute('data-youtube-consent-warning', true);
 	div.className = className('m-icon-overlay__message');
 	button.className = className('a-button');
-	button.classList.add('ot-sdk-show-settings');
-	button.setAttribute('id', 'ot-sdk-btn');
+	button.setAttribute('data-ot-dynamic-show-settings', 'true');
 	button.innerHTML = `<span class="${className('a-button__text')}">Anpassa kakor</span>`;
 	message.innerHTML = missingConsentMessage;
 

package/src/components.js

@@ -30,3 +30,4 @@ import './organisms/video-guide/video-guide';
 import './organisms/timeline/timeline';
 import './molecules/overview-navigation/overview-navigation';
 import './organisms/schedule/schedule-filter';
+import './assets/js/ot';

package/src/organisms/hero/_hero.scss

@@ -86,7 +86,8 @@
 
 	@include e(buttons) {
 		display: flex;
-		flex-direction: column;
+		flex-direction: row;
+		flex-wrap: wrap;
 		margin: -#{rhythm(1)} 0 0 -#{rhythm(3)};
 
 		@include atom(button) {

package/src/organisms/hero/hero.config.js

@@ -133,7 +133,7 @@ module.exports = {
 			context: {
 				no_image_class: 'o-hero--no-break',
 				limited_width: false,
-				has_button: true,
+				has_buttons: true,
 				has_tags: false,
 				has_link: false,
 				has_text: false,