@bonniernews/dn-design-system-web 3.0.0-alpha.4 → 3.0.0-alpha.6

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 (37) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +1 -1
  3. package/assets/article-image/article-image.scss +1 -1
  4. package/assets/form-field/form-field.scss +4 -4
  5. package/components/article-body-image/article-body-image.scss +1 -1
  6. package/components/article-top-image/article-top-image.scss +1 -1
  7. package/components/badge/badge.scss +2 -2
  8. package/components/blocked-content/blocked-content.scss +4 -4
  9. package/components/buddy-menu/buddy-menu.scss +11 -11
  10. package/components/button/button.scss +21 -19
  11. package/components/button-toggle/button-toggle.scss +21 -21
  12. package/components/byline/byline.scss +6 -6
  13. package/components/checkbox/checkbox.scss +9 -9
  14. package/components/disclaimer/disclaimer.scss +3 -3
  15. package/components/divider/divider.scss +1 -1
  16. package/components/factbox/factbox.scss +8 -7
  17. package/components/footer/footer.scss +11 -11
  18. package/components/icon-button/icon-button.scss +3 -3
  19. package/components/icon-button-toggle/icon-button-toggle.scss +3 -3
  20. package/components/list-item/list-item.scss +9 -9
  21. package/components/quote/quote.scss +2 -2
  22. package/components/radio-button/radio-button.scss +9 -9
  23. package/components/switch/switch.scss +2 -2
  24. package/components/text-button/text-button.scss +6 -6
  25. package/components/text-button-toggle/text-button-toggle.scss +3 -3
  26. package/components/text-input/text-input.scss +19 -19
  27. package/components/thematic-break/thematic-break.scss +1 -1
  28. package/components/video-caption/README.md +37 -0
  29. package/components/video-caption/video-caption.njk +24 -0
  30. package/components/video-caption/video-caption.scss +18 -0
  31. package/foundations/helpers/README-spacing.md +48 -10
  32. package/foundations/helpers/spacing.scss +3 -1
  33. package/foundations/variables/spacingComponentList.scss +10 -0
  34. package/foundations/variables/spacingLayoutList.scss +8 -0
  35. package/package.json +1 -1
  36. package/tokens/spacing-component-list.json +12 -0
  37. package/tokens/spacing-layout-list.json +10 -0
package/foundations/variables/spacingLayoutList.scss ADDED
@@ -0,0 +1,8 @@
1
+ $ds-sl-page-horizontal: page-horizontal;
2
+ $ds-sl-page-top-small: page-top-small;
3
+ $ds-sl-page-top-large: page-top-large;
4
+ $ds-sl-page-bottom: page-bottom;
5
+ $ds-sl-gap-vertical-static-medium: gap-vertical-static-medium;
6
+ $ds-sl-gap-vertical-static-large: gap-vertical-static-large;
7
+ $ds-sl-gap-horizontal-static-small: gap-horizontal-static-small;
8
+ $ds-sl-gap-vertical-static-small: gap-vertical-static-small;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "3.0.0-alpha.4",
3
+ "version": "3.0.0-alpha.6",
4
4
  "description": "DN design system for web.",
5
5
  "main": "index.js",
6
6
  "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",
package/tokens/spacing-component-list.json ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "x1": "x1",
3
+ "x2": "x2",
4
+ "x3": "x3",
5
+ "x4": "x4",
6
+ "x5": "x5",
7
+ "x6": "x6",
8
+ "x8": "x8",
9
+ "x20": "x20",
10
+ "outer": "outer",
11
+ "outer-negative": "outer-negative"
12
+ }
package/tokens/spacing-layout-list.json ADDED
@@ -0,0 +1,10 @@
1
+ {
2
+ "page-horizontal": "page-horizontal",
3
+ "page-top-small": "page-top-small",
4
+ "page-top-large": "page-top-large",
5
+ "page-bottom": "page-bottom",
6
+ "gap-vertical-static-medium": "gap-vertical-static-medium",
7
+ "gap-vertical-static-large": "gap-vertical-static-large",
8
+ "gap-horizontal-static-small": "gap-horizontal-static-small",
9
+ "gap-vertical-static-small": "gap-vertical-static-small"
10
+ }