@internetstiftelsen/styleguide 2.22.3-beta.0.7 → 2.22.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/js/objToQuery.js +2 -2
- package/dist/components.js +1 -9
- package/dist/molecules/glider/glider-course.js +7 -7
- package/package.json +3 -7
- package/src/app.scss +2 -6
- package/src/assets/css/footer/isolated-footer.css +7367 -0
- package/src/assets/css/footer/isolated-footer.css.map +1 -0
- package/src/assets/css/footer/isolated-footer.min.css +2 -0
- package/src/assets/js/objToQuery.js +2 -2
- package/src/atoms/button/_button.scss +9 -6
- package/src/atoms/icon/_all-icons.zip +0 -0
- package/src/atoms/icon/spinner-white.svg +9 -1
- package/src/atoms/icon/spinner.svg +9 -1
- package/src/atoms/icon/sprite.svg +0 -17
- package/src/atoms/meta/meta.config.js +1 -1
- package/src/base/_normalize.scss +1 -1
- package/src/base/fonts/_fonts.scss +8 -8
- package/src/brandbook/internetstiftelsen/bildman/303/251r/bildman/303/251r.config.js +5 -0
- package/src/brandbook/internetstiftelsen/tonalitet och spr/303/245kbruk/tonalitet och spr/303/245kbruk.config.js" +5 -0
- package/src/components.js +0 -4
- package/src/configurations/_extends.scss +1 -5
- package/src/configurations/_variables.scss +3 -3
- package/src/configurations/grid/_grid.scss +2 -17
- package/src/configurations/icons.json +1 -1
- package/src/configurations/typography/_typography.scss +4 -57
- package/src/molecules/glider/_glider.scss +116 -3
- package/src/molecules/glider/glider-course.js +7 -7
- package/src/molecules/glider/glider.config.js +0 -7
- package/src/organisms/hero/_hero.scss +0 -16
- package/src/organisms/hero/hero.config.js +1 -10
- package/src/pages/timeline/timeline.config.js +19 -0
- package/src/structures/_article.scss +3 -3
- package/dist/.DS_Store +0 -0
- package/dist/assets/js/anchorScroll.js +0 -16
- package/dist/assets/js/offset.js +0 -26
- package/dist/assets/js/parallax.js +0 -17
- package/dist/molecules/continue-video-guide/continue-video-guide.js +0 -91
- package/dist/molecules/glider/glider-hero.js +0 -23
- package/dist/organisms/timeline/timeline.js +0 -154
- package/dist/organisms/video-guide/video-guide.js +0 -298
- package/src/.DS_Store +0 -0
- package/src/assets/.DS_Store +0 -0
- package/src/assets/js/anchorScroll.js +0 -10
- package/src/assets/js/offset.js +0 -22
- package/src/assets/js/parallax.js +0 -15
- package/src/assets/video/.DS_Store +0 -0
- package/src/assets/video/Internets-Historia-HEVC-h265-HEVC-h265.mov +0 -0
- package/src/assets/video/Internets-Historia-HEVC-h265-vp9-chrome.webm +0 -0
- package/src/assets/video/chapters.vtt +0 -25
- package/src/assets/video/metadata.vtt +0 -25
- package/src/assets/video/movie-webm.webm +0 -0
- package/src/assets/video/videoplayer.vtt +0 -25
- package/src/atoms/.DS_Store +0 -0
- package/src/atoms/icon/step-backwards.svg +0 -1
- package/src/atoms/icon/step-forwards.svg +0 -1
- package/src/atoms/icon/subtitles.svg +0 -1
- package/src/molecules/.DS_Store +0 -0
- package/src/molecules/continue-video-guide/continue-video-guide.config.js +0 -7
- package/src/molecules/continue-video-guide/continue-video-guide.js +0 -84
- package/src/molecules/continue-video-guide/continue-video-guide.scss +0 -104
- package/src/molecules/continue-video-guide/readme.md +0 -3
- package/src/molecules/glider/_glider-course.scss +0 -121
- package/src/molecules/glider/_glider-hero.scss +0 -325
- package/src/molecules/glider/glider-hero.js +0 -17
- package/src/organisms/hero/_hero--dynamic-headline.scss +0 -161
- package/src/organisms/timeline/_timeline.scss +0 -292
- package/src/organisms/timeline/timeline.config.js +0 -7
- package/src/organisms/timeline/timeline.js +0 -146
- package/src/organisms/video-guide/_video-guide.scss +0 -337
- package/src/organisms/video-guide/video-guide.config.js +0 -17
- package/src/organisms/video-guide/video-guide.js +0 -293
|
@@ -27,12 +27,12 @@ var objToQuery = function objToQuery(obj) {
|
|
|
27
27
|
|
|
28
28
|
if (Array.isArray(value)) {
|
|
29
29
|
value.forEach(function (subValue) {
|
|
30
|
-
return query.push(queryKey + '[]=' + subValue);
|
|
30
|
+
return query.push(queryKey + '[]=' + encodeURIComponent(subValue));
|
|
31
31
|
});
|
|
32
32
|
} else if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object') {
|
|
33
33
|
query.push(objToQuery(value, exclude, queryKey));
|
|
34
34
|
} else {
|
|
35
|
-
query.push(queryKey + '=' + value);
|
|
35
|
+
query.push(queryKey + '=' + encodeURIComponent(value));
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
|
package/dist/components.js
CHANGED
|
@@ -46,14 +46,6 @@ require('./molecules/glider/glider');
|
|
|
46
46
|
|
|
47
47
|
require('./molecules/glider/glider-course');
|
|
48
48
|
|
|
49
|
-
require('./molecules/glider/glider-hero');
|
|
50
|
-
|
|
51
49
|
require('./molecules/context-menu/context-menu');
|
|
52
50
|
|
|
53
|
-
require('./molecules/alert/alert');
|
|
54
|
-
|
|
55
|
-
require('./molecules/continue-video-guide/continue-video-guide');
|
|
56
|
-
|
|
57
|
-
require('./organisms/video-guide/video-guide');
|
|
58
|
-
|
|
59
|
-
require('./organisms/timeline/timeline');
|
|
51
|
+
require('./molecules/alert/alert');
|
|
@@ -6,10 +6,10 @@ var _gliderJs2 = _interopRequireDefault(_gliderJs);
|
|
|
6
6
|
|
|
7
7
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var gliderElementSingle = document.querySelector('.js-glider-course');
|
|
10
10
|
|
|
11
|
-
if (
|
|
12
|
-
var
|
|
11
|
+
if (gliderElementSingle) {
|
|
12
|
+
var GliderSingle = new _gliderJs2.default(gliderElementSingle, {
|
|
13
13
|
scrollLock: true,
|
|
14
14
|
slidesToShow: 1,
|
|
15
15
|
slidesToScroll: 1
|
|
@@ -19,7 +19,7 @@ if (gliderElementCourse) {
|
|
|
19
19
|
var prevBtns = document.querySelectorAll('.js-glider-prev');
|
|
20
20
|
var siteMain = document.querySelector('#siteMain');
|
|
21
21
|
var zoomImages = document.querySelectorAll('.js-zoom.zoom');
|
|
22
|
-
var slideIndex =
|
|
22
|
+
var slideIndex = GliderSingle.getCurrentSlide();
|
|
23
23
|
var bounding = 0;
|
|
24
24
|
|
|
25
25
|
var scrollTop = function scrollTop() {
|
|
@@ -29,7 +29,7 @@ if (gliderElementCourse) {
|
|
|
29
29
|
if (nextBtns) {
|
|
30
30
|
[].forEach.call(nextBtns, function (nextBtn) {
|
|
31
31
|
nextBtn.addEventListener('click', function () {
|
|
32
|
-
|
|
32
|
+
GliderSingle.scrollItem(slideIndex += 1, true);
|
|
33
33
|
|
|
34
34
|
if (siteMain) {
|
|
35
35
|
bounding = siteMain.getBoundingClientRect();
|
|
@@ -44,7 +44,7 @@ if (gliderElementCourse) {
|
|
|
44
44
|
if (prevBtns) {
|
|
45
45
|
[].forEach.call(prevBtns, function (prevBtn) {
|
|
46
46
|
prevBtn.addEventListener('click', function () {
|
|
47
|
-
|
|
47
|
+
GliderSingle.scrollItem(slideIndex -= 1, true);
|
|
48
48
|
|
|
49
49
|
if (siteMain) {
|
|
50
50
|
bounding = siteMain.getBoundingClientRect();
|
|
@@ -64,5 +64,5 @@ if (gliderElementCourse) {
|
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
module.exports =
|
|
67
|
+
module.exports = GliderSingle;
|
|
68
68
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@internetstiftelsen/styleguide",
|
|
3
|
-
"version": "2.22.
|
|
3
|
+
"version": "2.22.4",
|
|
4
4
|
"main": "dist/components.js",
|
|
5
5
|
"ports": {
|
|
6
6
|
"fractal": "3000"
|
|
@@ -26,15 +26,13 @@
|
|
|
26
26
|
"watch:icons": "onchange 'src/atoms/icon/*.svg' -- npm run create-icons-config",
|
|
27
27
|
"watch": "concurrently \"npm:watch:css\" \"npm:watch:js\" \"npm:watch:icons\"",
|
|
28
28
|
"copy:images": "copyfiles -f src/assets/images/* public/assets/images",
|
|
29
|
-
"copy:videos": "copyfiles -f src/assets/video/* public/assets/video",
|
|
30
29
|
"copy:fonts": "copyfiles -f src/base/fonts/* public/assets/fonts",
|
|
31
30
|
"copy:zip": "copyfiles -f src/assets/zip/* public/assets/zip",
|
|
32
|
-
"copy:local-assets": "npm run copy:images && npm run copy:fonts && npm run copy:
|
|
31
|
+
"copy:local-assets": "npm run copy:images && npm run copy:fonts && npm run copy:zip",
|
|
33
32
|
"copy:images:build": "copyfiles -f src/assets/images/* build/assets/images",
|
|
34
|
-
"copy:videos:build": "copyfiles -f src/assets/video/* build/assets/video",
|
|
35
33
|
"copy:zip:build": "copyfiles -f src/assets/zip/* build/assets/zip",
|
|
36
34
|
"copy:fonts:build": "copyfiles -f src/base/fonts/* build/assets/fonts",
|
|
37
|
-
"copy:build": "npm run copy:images:build && npm run copy:zip:build && npm run copy:fonts:build
|
|
35
|
+
"copy:build": "npm run copy:images:build && npm run copy:zip:build && npm run copy:fonts:build",
|
|
38
36
|
"build": "npm run build:css && npm run build:js && npm run uglify && npm run build:fractal && npm run copy:build",
|
|
39
37
|
"dev": "concurrently \"npm:start:fractal\" \"npm:watch\" \"npm:copy:local-assets\"",
|
|
40
38
|
"package-js": "NODE_ENV=production babel src --out-dir dist --ignore src/**/*.config.js,src/app.js",
|
|
@@ -50,8 +48,6 @@
|
|
|
50
48
|
"babel-eslint": "^10.0.3",
|
|
51
49
|
"babel-plugin-syntax-dynamic-import": "^6.18.0",
|
|
52
50
|
"babel-plugin-transform-class-properties": "^6.24.1",
|
|
53
|
-
"babel-plugin-transform-custom-element-classes": "^0.1.0",
|
|
54
|
-
"babel-plugin-transform-es2015-classes": "^6.24.1",
|
|
55
51
|
"babel-plugin-transform-object-rest-spread": "^6.26.0",
|
|
56
52
|
"babel-preset-env": "^1.7.0",
|
|
57
53
|
"browserify": "^16.5.0",
|
package/src/app.scss
CHANGED
|
@@ -42,6 +42,7 @@ $namespace: '';
|
|
|
42
42
|
@import 'atoms/ribbon/ribbon';
|
|
43
43
|
@import 'atoms/quote/quote';
|
|
44
44
|
@import 'atoms/rating/rating';
|
|
45
|
+
@import 'atoms/timeline/timeline';
|
|
45
46
|
|
|
46
47
|
// Molecules
|
|
47
48
|
@import 'molecules/breadcrumb/breadcrumb';
|
|
@@ -64,16 +65,13 @@ $namespace: '';
|
|
|
64
65
|
@import 'molecules/icon-overlay/icon-overlay';
|
|
65
66
|
@import 'molecules/submenu/submenu';
|
|
66
67
|
@import 'molecules/glider/glider';
|
|
67
|
-
@import 'molecules/
|
|
68
|
-
@import 'molecules/glider/glider-hero';
|
|
69
|
-
@import 'molecules/continue-video-guide/continue-video-guide';
|
|
68
|
+
@import 'molecules/timeline-navigation/timeline-navigation';
|
|
70
69
|
|
|
71
70
|
// Organisms
|
|
72
71
|
@import 'organisms/header/header';
|
|
73
72
|
@import 'organisms/footer/footer';
|
|
74
73
|
@import 'organisms/mega-menu/mega-menu';
|
|
75
74
|
@import 'organisms/hero/hero';
|
|
76
|
-
@import 'organisms/hero/hero--dynamic-headline';
|
|
77
75
|
@import 'organisms/sections/sections';
|
|
78
76
|
@import 'organisms/accordion/accordion';
|
|
79
77
|
@import 'organisms/domain-search/domain-search';
|
|
@@ -86,8 +84,6 @@ $namespace: '';
|
|
|
86
84
|
@import 'organisms/event-listing-item/event-listing-item';
|
|
87
85
|
@import 'organisms/podcast/podcast-episodes';
|
|
88
86
|
@import 'organisms/podcast/podcast-player';
|
|
89
|
-
@import 'organisms/video-guide/video-guide';
|
|
90
|
-
@import 'organisms/timeline/timeline';
|
|
91
87
|
|
|
92
88
|
// Structures
|
|
93
89
|
@import 'structures/manifest';
|