@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.
Files changed (71) hide show
  1. package/dist/assets/js/objToQuery.js +2 -2
  2. package/dist/components.js +1 -9
  3. package/dist/molecules/glider/glider-course.js +7 -7
  4. package/package.json +3 -7
  5. package/src/app.scss +2 -6
  6. package/src/assets/css/footer/isolated-footer.css +7367 -0
  7. package/src/assets/css/footer/isolated-footer.css.map +1 -0
  8. package/src/assets/css/footer/isolated-footer.min.css +2 -0
  9. package/src/assets/js/objToQuery.js +2 -2
  10. package/src/atoms/button/_button.scss +9 -6
  11. package/src/atoms/icon/_all-icons.zip +0 -0
  12. package/src/atoms/icon/spinner-white.svg +9 -1
  13. package/src/atoms/icon/spinner.svg +9 -1
  14. package/src/atoms/icon/sprite.svg +0 -17
  15. package/src/atoms/meta/meta.config.js +1 -1
  16. package/src/base/_normalize.scss +1 -1
  17. package/src/base/fonts/_fonts.scss +8 -8
  18. package/src/brandbook/internetstiftelsen/bildman/303/251r/bildman/303/251r.config.js +5 -0
  19. package/src/brandbook/internetstiftelsen/tonalitet och spr/303/245kbruk/tonalitet och spr/303/245kbruk.config.js" +5 -0
  20. package/src/components.js +0 -4
  21. package/src/configurations/_extends.scss +1 -5
  22. package/src/configurations/_variables.scss +3 -3
  23. package/src/configurations/grid/_grid.scss +2 -17
  24. package/src/configurations/icons.json +1 -1
  25. package/src/configurations/typography/_typography.scss +4 -57
  26. package/src/molecules/glider/_glider.scss +116 -3
  27. package/src/molecules/glider/glider-course.js +7 -7
  28. package/src/molecules/glider/glider.config.js +0 -7
  29. package/src/organisms/hero/_hero.scss +0 -16
  30. package/src/organisms/hero/hero.config.js +1 -10
  31. package/src/pages/timeline/timeline.config.js +19 -0
  32. package/src/structures/_article.scss +3 -3
  33. package/dist/.DS_Store +0 -0
  34. package/dist/assets/js/anchorScroll.js +0 -16
  35. package/dist/assets/js/offset.js +0 -26
  36. package/dist/assets/js/parallax.js +0 -17
  37. package/dist/molecules/continue-video-guide/continue-video-guide.js +0 -91
  38. package/dist/molecules/glider/glider-hero.js +0 -23
  39. package/dist/organisms/timeline/timeline.js +0 -154
  40. package/dist/organisms/video-guide/video-guide.js +0 -298
  41. package/src/.DS_Store +0 -0
  42. package/src/assets/.DS_Store +0 -0
  43. package/src/assets/js/anchorScroll.js +0 -10
  44. package/src/assets/js/offset.js +0 -22
  45. package/src/assets/js/parallax.js +0 -15
  46. package/src/assets/video/.DS_Store +0 -0
  47. package/src/assets/video/Internets-Historia-HEVC-h265-HEVC-h265.mov +0 -0
  48. package/src/assets/video/Internets-Historia-HEVC-h265-vp9-chrome.webm +0 -0
  49. package/src/assets/video/chapters.vtt +0 -25
  50. package/src/assets/video/metadata.vtt +0 -25
  51. package/src/assets/video/movie-webm.webm +0 -0
  52. package/src/assets/video/videoplayer.vtt +0 -25
  53. package/src/atoms/.DS_Store +0 -0
  54. package/src/atoms/icon/step-backwards.svg +0 -1
  55. package/src/atoms/icon/step-forwards.svg +0 -1
  56. package/src/atoms/icon/subtitles.svg +0 -1
  57. package/src/molecules/.DS_Store +0 -0
  58. package/src/molecules/continue-video-guide/continue-video-guide.config.js +0 -7
  59. package/src/molecules/continue-video-guide/continue-video-guide.js +0 -84
  60. package/src/molecules/continue-video-guide/continue-video-guide.scss +0 -104
  61. package/src/molecules/continue-video-guide/readme.md +0 -3
  62. package/src/molecules/glider/_glider-course.scss +0 -121
  63. package/src/molecules/glider/_glider-hero.scss +0 -325
  64. package/src/molecules/glider/glider-hero.js +0 -17
  65. package/src/organisms/hero/_hero--dynamic-headline.scss +0 -161
  66. package/src/organisms/timeline/_timeline.scss +0 -292
  67. package/src/organisms/timeline/timeline.config.js +0 -7
  68. package/src/organisms/timeline/timeline.js +0 -146
  69. package/src/organisms/video-guide/_video-guide.scss +0 -337
  70. package/src/organisms/video-guide/video-guide.config.js +0 -17
  71. 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
 
@@ -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 gliderElementCourse = document.querySelector('.js-glider-course');
9
+ var gliderElementSingle = document.querySelector('.js-glider-course');
10
10
 
11
- if (gliderElementCourse) {
12
- var GliderCourse = new _gliderJs2.default(gliderElementCourse, {
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 = GliderCourse.getCurrentSlide();
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
- GliderCourse.scrollItem(slideIndex += 1, true);
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
- GliderCourse.scrollItem(slideIndex -= 1, true);
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 = GliderCourse;
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-beta.0.7",
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:videos && npm run copy:zip",
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 && npm run copy:videos: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/glider/glider-course';
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';